พื้น หลัง สวย ๆ กราฟฟิก: [Tips] เทคนิคทำกราฟฟิก Jpeg พื้นหลังใส ไว้ใช้แทนรูป Png หนัก ๆ !!
Last Updated มกราคม 6, 2020 ธันวาคม 14, 2016 | 2 ปี ที่แล้ว | By Admin | ซีรีย์ 202 Views 2 ตัวอย่าง เรื่องย่อ Last updated 2020-01-06: 11:22 pm. หนังภาคอื่นที่เกี่ยวข้อง Elementary Season 1 เชอร์ล็อค วัตสัน คู่สืบคดีเดือด ปี 1 พากย์ไทย Ep. 1-24 จบ 6 Elementary Season 2 เชอร์ล็อค วัตสัน คู่สืบคดีเดือด ปี 2 พากย์ไทย Ep. 1-24 จบ 4 Elementary Season 4 เชอร์ล็อค วัตสัน คู่สืบคดีเดือด ปี 4 พากย์ไทย Ep. 1- 24 จบ 7. 9 3 ดูหนัง Elementary Season 3 เชอร์ล็อค วัตสัน คู่สืบคดีเดือด ปี 3 HD ให้คะแนนและรีวิว รีวิว ความคิดเห็น Post navigation Elementary Season 2 เชอร์ล็อค วัตสัน คู่สืบคดีเดือด ปี 2 พากย์ไทย Ep. 1-24 จบ Sleepy Hollow Season 1 ผีหัวขาดล่าหัวคน ปี 1 พากย์ไทย Ep. 1- 13 จบ Related Movies Pokémon Detective Pikachu (2019) โปเกมอน ยอดนักสืบพิคาชู 2 ปี ago 7. 2 Mirai (2018) มิไร มหัศจรรย์วันสองวัย 7. 0 The Dukes of Hazzard (2005) คู่บรรลัย ซิ่งเข้าเส้น 3 ปี ago 5. 1 Angel (1987) เชือด-เชือดนิ่มนิ่ม 5 เดือน ago 6. 6 Bedazzled (2000) บีแดซเซิลด์ 7 พรพิลึก เสกคนให้ยุ่งเหยิง 8 เดือน ago 6. 0 Dying Young (1991) หากหัวใจจะไม่บานฉ่ำ 1 ปี ago 6.
ล่าสุด
- ทํา วินโดว์ 10 ให้ เร็ว
- การ ทดลอง ของ เมน เด ล ค
- กราฟิก พื้น หลัง สวย ๆ
- ติวเข้มฟิสิกส์: เฉลย ข้อ 19 (ข้อสอบ ฟิสิกส์ ONET) | ฟิสิกส์, สนามไฟฟ้า, หนังสือ
- ‘ไทยเร้นท์อะคาร์’ รถเช่าชื่อดังจัดโปรฯเด็ดลด 50% ทุกรุ่น ทั้ง 32 สาขาทั่วประเทศ - ข่าวสด
- แมลงเต่าทอง
- ที่พัก พัทยา มี kid club de france
- รองเท้า hoka clifton 6 ราคา 2017
- วิธี ทํา มะม่วง หยี เส้น
สิ่งที่ควรรู้เกี่ยวกับเทคนิคนี้ มีคนทำ Tool สำหรับแปลงรูป JPG กับ PNG ให้กลายเป็น Data URI พร้อม Preview ให้ดูด้วยว่า Mask แล้วเป็นยังไง ไปลองใช้กันได้เลยคร้าบ JPG+PNG to SVG Mask ไม่รองรับ IE8 ไม่รองรับ Android เวอร์ชั่นเก่า ๆ เว็บ Apple iPad Pro ก็ใช้นะครับ เป็นเทคนิคคล้าย ๆ กัน ชื่อ CSS3 webkit-mask-image โดยใช้ SVG มา mask JPG อีกที เพราะถ้าใช้รูป PNG จะหนักเว็บมาก หรืออีกเทคนิคคือใช้ CSS3 clip-path ครับผม โดยสามารถ generate โค้ดจากเว็บ Clippy ได้เลย
คลังสื่อการสอน: ภาพปกตรา สพฐ.สวยๆ | การออกแบบนามบัตร, ออกแบบแบนเนอร์, การออกแบบโปสเตอร์
00 น. ค่าเข้าชม: ไม่เก็บค่าเข้าชม กิจกรรมการท่องเที่ยว ถนนสุขุมวิทยังมีสถานที่ท่องเที่ยวและห้างสรรพสินค้าชื่อดังต่างๆ อีกมากมายให้ได้เดินช็อปปิ้งกัน ได้แก่ ศูนย์การค้าเทอมินอล 21, ดิเอมโพเรียม, เกทเวย์ เอกมัย ซึ่งเป็นศูนย์การค้าครบวงจรทุกรูปแบบให้ได้เดินเลือกซื้อหาสินค้าแฟชั่น นอกจากนี้ ก็ยังมีคาเฟ่เก๋ๆ ตกแต่งได้อย่างเป็นเอกลักษณ์ให้ได้ตามไปชิม นั่งชิลๆ ซึ่งมักจะตั้งอยู่ใน ย่านเอกมัย และ ทองหล่อ โดยตกกลางคืน ย่านดังกล่าวนี้ก็เป็นแหล่งสังสรรค์ยอดนิยมเช่นกัน
วันนี้แอดมินไปเจออีกเทคนิคสำหรับแก้ปัญหานี้มา จากคุณ Peter Hrynkow ผู้ทำเว็บไซต์เบียร์ชื่อดังในญี่ปุ่น Sapporo Beer ครับ มาดูกันว่าเค้าทำยังไง ปัญหา: รูป PNG พื้นหลังใส ขนาดไฟล์ทะลุ 1000 kb! เว็บไซต์ Sapporo Beer ที่ใช้เทคนิคนี้ ส่วนที่เค้าต้องการทำให้ใส คือ กระป๋องเบียร์ใหญ่ ๆ ในหน้าเว็บไซต์ ซึ่งพื้นหลัง (ตรงสีดำ ๆ) เค้าใช้เป็นวีดิโอครับ เลยจำเป็นต้องทำพื้นหลังใส ซึ่งตอนแรกเค้าลองเซฟเป็น PNG พื้นหลังใสออกมา ได้ขนาด 1. 2 MB (1200 kb) ครับ เค้าจึงไปหาวิธีแก้ไข และได้เทคนิคใหม่ที่ทำให้รูปเหลือ 271 kb เท่านั้น!! วิธีแก้ปัญหา: ทำรูป JPEG พื้นหลังใสด้วย SVG เทคนิคนี้ทำได้ง่าย ๆ โดย เซฟกราฟฟิกออกเป็น 2 รูป: รูปกระป๋องเบียร์แบบ JPEG พื้นหลังติดสีดำ (ขนาด 260kb) รูป PNG 8-bit มีแค่สีขาวกับดำ โดยสีดำเป็นพื้นที่ที่ต้องการให้กระป๋องเบียร์ใส (ขนาด 11kb) จากนั้นเค้าก็ใช้ SVG ในการทำ Masking ให้กับรูป JPG โดยใช้รูป PNG มาเป็น Mask ด้วย HTML นี้: [html]