แพลตฟอร์มไหนบ้างที่รองรับรูปภาพ WebP

แพลตฟอร์มอีคอมเมิร์ซสมัยใหม่รองรับ WebP และเริ่มรองรับ AVIF มากขึ้นเรื่อยๆ แต่เวิร์กโฟลว์ด้านงานพิมพ์และเอกสารทางกฎหมายไม่รองรับทั้งสองแบบ ขณะที่โปรแกรมรับส่งอีเมลอยู่ตรงกลางอย่างอึดอัด JPEG และ PNG ยังคงเป็น 2 รูปแบบเดียวที่ได้รับการยอมรับทุกที่โดยไม่มีเงื่อนไข

การยอมรับรูปแบบไฟล์กับการรักษาต้นฉบับไว้เป็นคนละเรื่องกัน หลายแพลตฟอร์มนําไฟล์ WebP ของคุณไปแปลงเข้ารหัสใหม่เป็น JPEG เบื้องหลัง ซึ่งหมายความว่าคุณต้องแบกรับความเสี่ยงด้านความเข้ากันได้โดยไม่ได้ประโยชน์เรื่องขนาดไฟล์ การรู้ว่าแพลตฟอร์มใดทำเช่นนี้จะช่วยเปลี่ยนสิ่งที่คุณควรจะอัปโหลด

การรองรับรูปแบบไฟล์ตามแพลตฟอร์ม

โปรดตรวจสอบคอลัมน์สุดท้ายก่อนเลือกรูปแบบไฟล์ที่จะอัปโหลด เพราะแพลตฟอร์มที่แปลงไฟล์ทุกอย่างใหม่หมดจะทำให้การเลือกรูปแบบไฟล์ของคุณไม่มีความหมาย การรองรับจะเปลี่ยนแปลงไปตามกาลเวลา ดังนั้นควรตรวจสอบกับเอกสารปัจจุบันก่อนทำการย้ายระบบครั้งใหญ่

รูปแบบในตารางนั้นมีความสอดคล้องกัน ระบบที่สร้างขึ้นใหม่สำหรับเว็บจะรองรับรูปแบบสมัยใหม่ ส่วนระบบที่สร้างขึ้นสำหรับงานพิมพ์ การปฏิบัติตามข้อกำหนด หรือความเข้ากันได้กับระบบเดิมจะไม่รองรับ อายุของระบบทำนายการรองรับรูปแบบไฟล์ได้ดีกว่าขนาดของบริษัทที่ดำเนินกิจการเสียอีก

เบราว์เซอร์ไม่ใช่ปัญหาอีกต่อไป

เบราว์เซอร์ปัจจุบันทุกตัวรองรับ WebP รวมถึง Chrome, Firefox, Safari และ Edge ทั้งบนเดสก์ท็อปและมือถือ Safari เพิ่มการรองรับในปี 2020 ซึ่งยุติข้อโต้แย้งเรื่องความเข้ากันได้ที่จริงจังครั้งสุดท้ายสำหรับรูปแบบนี้

AVIF ตามหลังอยู่หนึ่งก้าว โดยรองรับในเบราว์เซอร์หลักๆ ทั้งหมด แต่พฤติกรรมมีความสอดคล้ามน้อยกว่าในเวอร์ชันเก่าและโปรแกรมดูภาพฝังตัวบางตัว สำหรับเว็บไซต์สาธารณะ WebP ปลอดภัยโดยไม่ต้องมีสำรอง และ AVIF ปลอดภัยหากมีสำรอง ปัญหาที่เหลืออยู่ไม่ได้เกี่ยวข้องกับเบราว์เซอร์เลย

ทำไมแพลตฟอร์มจึงแปลงไฟล์ที่คุณอัปโหลดใหม่

แพลตฟอร์มแปลงไฟล์ใหม่เพื่อควบคุมต้นทุนการส่งมอบข้อมูลของตนเอง และเพื่อแสดงผลขนาดที่เหมาะสมกับแต่ละอุปกรณ์ ตลาดออนไลน์ที่แสดงรูปภาพในเลย์เอาต์ที่แตกต่างกัน 6 แบบ จำเป็นต้องมีตัวเลือก 6 ขนาด และการสร้างขนาดเหล่านี้จากไฟล์อัปโหลดไฟล์เดียวมีความเรียบง่ายกว่าการขอให้ผู้ขายจัดเตรียมมาให้

การแปลงไฟล์ใหม่มีผลลัพธ์ที่คุ้มค่าแก่การทำความเข้าใจ การอัปโหลดไฟล์ที่ถูกบีบอัดอย่างหนักทำให้แพลตฟอร์มได้ต้นฉบับที่เสียหายไปใช้งาน และความเสียหายนั้นจะส่งต่อไปยังทุกขนาดที่สร้างขึ้น ในกรณีที่แพลตฟอร์มแปลงไฟล์ใหม่ ให้อัปโหลดไฟล์คุณภาพสูงในขนาดที่ถูกต้องแล้วปล่อยให้แพลตฟอร์มจัดการเรื่องการบีบอัดเอง ดีกว่าการบีบอัดซ้ำสองครั้ง

จุดที่ WebP ช่วยได้อย่างแท้จริง

WebP ช่วยได้มากที่สุดบนเว็บไซต์ที่คุณควบคุมเอง ซึ่งไฟล์ที่คุณอัปโหลดคือไฟล์ที่ผู้เข้าชมดาวน์โหลด เว็บไซต์ของคุณเอง ร้านค้าที่คุณโฮสต์เอง และเว็บไซต์คู่มือ ล้วนอยู่ในหมวดหมู่นี้

• เว็บไซต์ของคุณเอง: ได้ประโยชน์เต็มที่ เนื่องจากไม่มีการแปลงไฟล์ซ้ำ
• ร้านค้าที่คุณโฮสต์เอง: ได้ประโยชน์เต็มที่ และความเร็วของหน้าเว็บส่งผลต่ออัตราการแปลงเป็นยอดขายโดยตรง
• ระบบเนื้อหาที่สร้างไฟล์หลายขนาด: ได้ประโยชน์บางส่วน เนื่องจากเป็นส่วนที่แพลตฟอร์มเป็นผู้กำหนดผลลัพธ์
• ตลาดออนไลน์ (Marketplaces): ไม่ได้รับประโยชน์ เนื่องจากไฟล์ที่อัปโหลดจะถูกแปลงใหม่เสมอไม่ว่าคุณจะส่งไฟล์อะไรมา
• โซเชียลเน็ตเวิร์ก: ไม่ได้รับประโยชน์ เนื่องจากทุกเครือข่ายจะแปลงเป็นรูปแบบของตนเอง

จุดที่ WebP ก่อให้เกิดปัญหา

หลีกเลี่ยง WebP ในทุกที่ที่มนุษย์จะดาวน์โหลดไฟล์ไปเปิดในซอฟต์แวร์นอกเหนือจากเบราว์เซอร์ เครื่องมือออกแบบ ซอฟต์แวร์สำนักงาน และเวิร์กโฟลว์งานพิมพ์ยังคงจัดการรูปแบบนี้ได้ไม่ดีนัก

ความล้มเหลวที่พบบ่อยที่สุดคือชุดประชาสัมพันธ์ (Press kit) หรือชุดสื่อประชาสัมพันธ์ นักข่าวที่ดาวน์โหลดโลโก้ WebP อาจไม่สามารถวางลงในซอฟต์แวร์จัดหน้าได้ และคำขอนั้นมักจะเงียบหายไปโดยไม่มีการติดต่อกลับ แบบฟอร์มการอัปโหลดของรัฐบาลคือความล้มเหลวที่พบบ่อยเป็นอันดับสอง ซึ่งระบบตรวจสอบจะปฏิเสธรูปแบบไฟล์นี้ทันทีด้วยข้อผิดพลาดที่แทบจะไม่เคยบอกสาเหตุที่แท้จริง

วิธีตัดสินใจว่าจะอัปโหลดรูปแบบใด

เพื่อให้เลือกได้อย่างถูกต้อง ให้ตอบคำถาม 4 ข้อนี้ตามลำดับ

1. ไฟล์จะถูกดาวน์โหลดและเปิดนอกเบราว์เซอร์หรือไม่? ถ้าใช่ ให้ใช้ JPG หรือ PNG
2. แพลตฟอร์มแปลงไฟล์ที่อัปโหลดใหม่หรือไม่? ถ้าใช่ ให้อัปโหลด JPG หรือ PNG คุณภาพสูงแล้วปล่อยให้แพลตฟอร์มเป็นผู้ตัดสินใจ
3. คุณควบคุมการส่งมอบไฟล์นั้นเองหรือไม่? ถ้าใช่ ให้ใช้ WebP และใช้ AVIF กับรูปภาพที่มีขนาดใหญ่ที่สุดของคุณ
4. รูปภาพต้องการความโปร่งใสหรือไม่? ถ้าใช่ ให้ใช้ PNG หรือ WebP เนื่องจาก JPEG ไม่มีช่องความโปร่งใส

คำถาม 4 ข้อนั้นช่วยแก้ปัญหาได้แทบทุกกรณีโดยไม่ต้องอาศัยตารางความเข้ากันได้ หลักการพื้นฐานนั้นเรียบง่าย: รูปแบบสมัยใหม่ควรใช้ในจุดที่คุณควบคุมระบบท่อส่งข้อมูลได้ และรูปแบบสากลควรใช้ในที่อื่นๆ ทั้งหมด

การแสดงผลรูปแบบสมัยใหม่อย่างปลอดภัยบนเว็บไซต์ของคุณเอง

ใช้อุปรกรณ์ picture โดยระบุ AVIF เป็นอันดับแรก WebP เป็นอันดับสอง และสำรองด้วย JPEG ในแท็ก img เบราว์เซอร์จะเลือกรูปแบบแรกที่มันเข้าใจ ดังนั้นเบราว์เซอร์รุ่นใหม่จะได้ไฟล์ขนาดเล็ก และเบราว์เซอร์รุ่นเก่าก็ยังคงได้รับรูปภาพ

การเขียนมาร์กอัปนี้ใช้โค้ดเพิ่มเพียงไม่กี่บรรทัดต่อรูปภาพและช่วยขจัดความเสี่ยงเรื่องความเข้ากันได้ไปได้ทั้งหมด ระบบเนื้อหาและเครื่องมือสร้างเว็บไซต์ส่วนใหญ่ในปัจจุบันสร้างรูปแบบนี้โดยอัตโนมัติเมื่อมีการอัปโหลด ดังนั้นควรตรวจสอบว่าแพลตฟอร์มของคุณทำอะไรอยู่แล้วบ้างก่อนที่จะลงมือเขียนเอง การแปลงรูปภาพใช้เวลาเพียงไม่กี่นาที ในขณะที่การเขียนมาร์กอัปมักจะใช้เวลานานกว่า

วิธีตรวจสอบว่าแพลตฟอร์มรองรับอะไรอย่างแท้จริง

อัปโหลดไฟล์ทดสอบหนึ่งไฟล์และตรวจสอบว่าแพลตฟอร์มส่งไฟล์ใดกลับมา เนื่องจากเอกสารมักจะล้าสมัยอยู่บ่อยครั้ง คำตอบนี้ใช้เวลา 2 นาทีและมีความน่าเชื่อถือมากกว่ารายการที่เผยแพร่ใดๆ

อัปโหลดรูปภาพ WebP ดูหน้าที่เผยแพร่ คลิกขวาที่รูปภาพแล้วเปิดในแท็บใหม่ นามสกุลไฟล์ในแถบที่อยู่จะแสดงสิ่งที่แพลตฟอร์มกำลังให้บริการอยู่จริงๆ นามสกุล .jpg หมายความว่าไฟล์ WebP ของคุณถูกแปลงแล้ว ในขณะที่นามสกุล .webp หมายความว่าไฟล์นั้นยังคงสภาพเดิม ทำการทดสอบซ้ำหลังจากการอัปเดตแพลตฟอร์มครั้งใหญ่ทุกครั้ง

รูปแบบไฟล์ที่กำลังค่อยๆ เลือนหายไป

BMP, TIFF และ GIF แบบเคลื่อนไหว ยังคงใช้งานได้เกือบทุกที่แต่เป็นตัวเลือกที่ผิดในเกือบทุกกรณี แต่ละรูปแบบยังคงอยู่เพราะซอฟต์แวร์รุ่นเก่าสร้างมันขึ้นมา ไม่ใช่เพราะมันทำอะไรได้ดี

BMP จัดเก็บรูปภาพโดยแทบไม่มีการบีบอัด ดังนั้นภาพหน้าจอจึงมีขนาดใหญ่กว่าไฟล์ PNG ที่เทียบเท่ากันถึง 20 เท่า TIFF ยังคงเป็นมาตรฐานในงานพิมพ์และการสแกนและไม่สามารถใช้งานบนเว็บได้ GIF แบบเคลื่อนไหวจำกัดอยู่ที่ 256 สีและมักจะมีขนาดใหญ่กว่าวิดีโอสั้นของคลิปเดียวกัน การแปลง 3 รูปแบบนี้เมื่อได้รับมา แทนที่จะจัดเก็บเอาไว้ จะช่วยหลีกเลี่ยงการแบกรับภาระขนาดไฟล์ตลอดทั้งเวิร์กโฟลว์

การวางแผนย้ายรูปแบบไฟล์

แปลงสำเนาของคลังภาพแทนที่จะเป็นต้นฉบับ และเก็บต้นฉบับไว้จนกว่าไฟล์ใหม่จะเผยแพร่และได้รับการตรวจสอบแล้ว การย้ายรูปแบบไฟล์เป็นหนึ่งในงานเกี่ยวกับรูปภาพเพียงไม่กี่งานที่อาจทำให้งานสูญหายไปอย่างถาวร

ทำงานใน 4 ขั้นตอน ตรวจสอบว่ารูปภาพใดถูกใช้งานจริง เนื่องจากคลังภาพส่วน lớn มักจะมีไฟล์ที่ไม่มีหน้าใดอ้างอิงถึงเลย แปลงสำเนาเป็นรูปแบบเป้าหมายในขนาดที่ถูกต้อง เผยแพร่ไฟล์ใหม่ควบคู่ไปกับไฟล์สำรอง เพื่อไม่ให้มีอะไรเสียหายระหว่างการสลับ ลบต้นฉบับทิ้งก็ต่อเมื่อหน้าเว็บได้รับการตรวจสอบบนมือถือ เบราว์เซอร์เดสก์ท็อป และระบบไคลเอนต์ใดๆ ที่ดึงรูปภาพไปใช้แล้วเท่านั้น

แล้ว AVIF ล่ะ?

AVIF บีบอัดได้ดีกว่า WebP ประมาณ 20 ถึง 30 เปอร์เซ็นต์สำหรับภาพถ่ายขนาดใหญ่ และใช้เวลาในการเข้ารหัสช้ากว่ามาก รูปแบบนี้คุ้มค่าแก่ความพยายามเพิ่มเติมสำหรับรูปภาพหลัก (Hero images) และหน้าเว็บที่เน้นภาพถ่าย

ต่ำกว่าประมาณ 10 KB ไฟล์ WebP มักจะมีขนาดเล็กกว่า เนื่องจาก AVIF มีข้อมูลส่วนหัวของคอนเทนเนอร์ (Container overhead) มากเกินกว่าที่รูปภาพขนาดเล็กจะคุ้มค่า ใช้ AVIF กับรูปภาพที่มีขนาดใหญ่ที่สุดของคุณ ใช้ WebP ในที่อื่นๆ บนเว็บไซต์ และเก็บสำรองไฟล์ JPEG สำหรับทั้งสองแบบ การรองรับของแพลตฟอร์มนอกเหนือจากเบราว์เซอร์ยังคงมีน้อย ดังนั้น AVIF จึงควรอยู่บนเว็บไซต์ที่คุณควบคุมเอง มากกว่าบนไฟล์ที่คุณส่งต่อให้ผู้อื่น

การแปลงคลังภาพสำหรับปลายทางเฉพาะ

แปลงครั้งเดียวเป็นรูปแบบที่ปลายทางใช้งานจริงๆ แทนที่จะแปลงซ้ำแล้วซ้ำอีกระหว่างรูปแบบต่างๆ การแปลงแบบสูญเสียข้อมูล (Lossy conversion) แต่ละครั้งจะทำให้รายละเอียดหายไป ดังนั้นไฟล์ที่ผ่านการแปลงมาแล้ว 3 รูปแบบจึงแบกรับความเสียหายมาถึง 3 รุ่น

ตัดสินใจเลือกปลายทางก่อน แล้วจึงแปลงโดยตรงจากต้นฉบับ เครื่องมือแปลงของเราจัดการกับการจับคู่ทั่วไปทั้งหมดได้ รวมถึง HEIC, PNG, JPG, WebP, AVIF, GIF และ BMP ในทั้งสองทิศทาง ดังนั้นจึงไม่จำเป็นต้องส่งไฟล์ผ่านรูปแบบตัวกลาง การแปลงเป็นชุดสูงสุด 500 ไฟล์ทำงานได้พร้อมกัน ทั้งหมดภายในเบราว์เซอร์ของคุณ ซึ่งหมายความว่าคลังรูปภาพทั้งหมดสามารถเตรียมพร้อมสำหรับการย้ายระบบได้โดยไม่มีไฟล์ใดหลุดออกจากเครื่องของคุณเลย