แปลง WebP เป็น JPG: เมื่อไรควรแปลง เมื่อไรไม่ควร และเพราะอะไร

Google เปิดตัว WebP ในปี 2010 เพื่อใช้แทน JPG บนเว็บให้ไฟล์เล็กลง และตลอดหนึ่งทศวรรษก็ยังเป็นฟอร์แมตเฉพาะกลุ่มเพราะ Safari ไม่แสดงผล จนกระทั่ง Apple เพิ่มการรองรับ WebP ใน Safari 14 และ macOS Big Sur ในปี 2020 เมื่อเบราว์เซอร์หลักทุกตัวแสดงผลได้ บริษัทที่ให้บริการรูปภาพจำนวนมากก็เปลี่ยนมาใช้ โดยทำฝั่งเซิร์ฟเวอร์ ซึ่งคุณมองไม่เห็นการตัดสินใจนั้น และไม่มีสิ่งใดในหน้าเว็บบอกว่ากำลังดูรูปฟอร์แมตอะไรอยู่

ตัวอย่างเช่น CDN รูปภาพของ Shopify จะส่ง WebP ให้เบราว์เซอร์ที่แจ้งว่าแสดงผลได้ แม้รูปสินค้าจะอัปโหลดมาเป็น JPG Google Images แสดงภาพตัวอย่างเป็น WebP ส่วน WordPress รองรับการอัปโหลด WebP ตั้งแต่เวอร์ชัน 5.8 ในปี 2021 แผนที่จะแปลงไฟล์ JPG ที่อัปโหลดเป็น WebP โดยค่าเริ่มต้นถูกยกเลิกก่อนเปิดตัวเวอร์ชัน 6.1 แต่ปลั๊กอิน Modern Image Formats จากทีมประสิทธิภาพของ WordPress และตัวปรับแต่งรูปภาพของโฮสติ้งจำนวนมากทำเช่นนั้น ผลลัพธ์เหมือนกันทุกที่ คือไฟล์เป็น JPG ในเครื่องของเจ้าของเว็บไซต์ แต่กลายเป็น WebP เมื่อมาถึงเครื่องของคุณ

เบราว์เซอร์เองก็ยินยอมด้วย ทุกคำขอรูปภาพจาก Chrome, Edge และ Firefox มีส่วนหัว Accept ที่ระบุ image/webp (และ image/avif) เซิร์ฟเวอร์ที่รองรับการเลือกฟอร์แมตจะอ่านรายการนั้นแล้วเลือกฟอร์แมตที่เล็กที่สุดที่คุณแสดงผลได้ เมื่อคุณคลิกขวาแล้วเลือก Save image as เบราว์เซอร์จะบันทึกข้อมูลที่ได้รับมาแล้ว ชื่อไฟล์จึงลงท้ายด้วย .jpg ในแถบที่อยู่ แต่ไฟล์ที่ได้บนดิสก์กลับเป็น WebP และบางครั้งมีนามสกุลซ้อนอย่าง .jpg.webp

เบราว์เซอร์เลิกเป็นปัญหามาหลายปีแล้ว ปัญหาอยู่ที่ส่วนอื่นทั้งหมด ได้แก่ ซอฟต์แวร์เดสก์ท็อปที่ติดตั้งก่อนปี 2022 แบบฟอร์มอัปโหลดที่ตั้งรายการไฟล์ที่อนุญาตไว้ครั้งเดียวแล้วไม่เคยแก้ ระบบของร้านพิมพ์ที่สร้างรอบ JPG และ TIFF และโปรแกรมอีเมลที่แสดงรูปในเนื้อหาด้วยตัวถอดรหัสของตัวเอง ทั้งหมดนี้ไม่ได้ขึ้นข้อความที่ช่วยอะไรได้ พอร์ทัลพิมพ์ภาพปฏิเสธไฟล์เฉย ๆ แบบฟอร์มราชการแจ้งว่าฟอร์แมตไม่ถูกต้อง และ Photoshop รุ่นเก่าแสดงข้อความทั่วไปว่า "could not complete your request" โดยไม่เอ่ยถึง WebP เลย

Adobe เพิ่มการเปิดและบันทึก WebP แบบเนทีฟใน Photoshop เวอร์ชัน 23.2 ซึ่งออกในเดือนกุมภาพันธ์ 2022 รุ่นก่อนหน้านั้นต้องใช้ปลั๊กอินของบุคคลที่สาม Lightroom Classic ไม่นำเข้า WebP มาหลายปี คลังภาพในรุ่นเก่าจึงข้ามไฟล์เหล่านี้เงียบ ๆ ตอนนำเข้า บน Windows โปรแกรม Windows Photo Viewer รุ่นเก่าเปิด WebP ไม่ได้เลย และแอป Photos ของ Windows 10 ต้องพึ่งแพ็กเกจ WebP Image Extensions ของ Microsoft จาก Store แบบฟอร์มอัปโหลดเข้มงวดที่สุด เช่น การอัปโหลดรูปวีซ่า DS-160 ของกระทรวงการต่างประเทศสหรัฐฯ รับเฉพาะ JPEG และพอร์ทัลสมัครมหาวิทยาลัยหรือสมัครงานจำนวนมากระบุเพียง JPG, PNG และ PDF

WebP แปลกตรงที่ฟอร์แมตเดียวทำได้ทั้งสองงาน คือการบีบอัดแบบสูญเสียข้อมูลสำหรับรูปถ่าย และการบีบอัดแบบไม่สูญเสียพร้อมช่องอัลฟาสำหรับกราฟิก เมื่อแปลงออกจาก WebP คุณต้องเลือกว่าไฟล์นั้นทำหน้าที่แบบไหน เพราะ JPG และ PNG รองรับได้ดีเพียงอย่างเดียว คำถามไม่ใช่ว่าฟอร์แมตใดดีกว่าโดยรวม (เรื่องนั้นอยู่ใน JPG vs JPEG vs PNG) แต่คือรูปนี้มีอะไรอยู่และจะนำไปใช้ต่ออย่างไร

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

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

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

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

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

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

หากคุณบันทึกแคตตาล็อกสินค้า ชุดรูปอ้างอิง หรือโฟลเดอร์วอลเปเปอร์ไว้ การแปลงทีละไฟล์จะน่าเบื่อมาก เครื่องมือแปลงรับได้สูงสุด 20 ไฟล์ต่อชุด ไฟล์ละไม่เกิน 95 MB ใช้การตั้งค่า คุณภาพ และ บริเวณโปร่งใส เดียวกันกับทุกไฟล์ และส่งกลับเป็น ZIP เดียว ไฟล์จะถูกลบออกจากเซิร์ฟเวอร์ 30 นาทีหลังประมวลผล และไม่ต้องติดตั้งอะไรเลย โฟลเดอร์ที่มีรูป 100 รูปคือ 5 ชุด

ควรคัดแยกโฟลเดอร์ก่อนเริ่ม ใส่รูปถ่ายไว้ในชุดหนึ่งสำหรับ JPG ส่วนโลโก้ ไอคอน และรูปที่มีพื้นหลังโปร่งใสไว้อีกชุดสำหรับ WebP เป็น PNG เพื่อไม่ให้มีกรอบสีขาวล้อมรูป หากใช้ Mac คำสั่ง ส่งออก ของ Preview แปลงได้ทีละไฟล์ และผู้ใช้บรรทัดคำสั่งสามารถรัน mogrify -format jpg *.webp ของ ImageMagick สำหรับโฟลเดอร์ขนาดใหญ่มาก ทั้งสองวิธีให้ผลเหมือนเครื่องมือแปลงบนเบราว์เซอร์ ต่างกันเพียงว่าต้องตั้งค่ามากน้อยแค่ไหน

ใน Chrome, Edge หรือ Firefox ไม่มีการตั้งค่าที่ชื่อว่า "บันทึกรูปเป็น JPG" และไม่ใช่การลืมใส่ไว้ เบราว์เซอร์ไม่ได้เลือกฟอร์แมต แต่แจ้งว่าแสดงฟอร์แมตใดได้บ้าง แล้วเว็บไซต์เป็นผู้เลือก Chrome บันทึกตามที่ได้รับมาโดยไม่เข้ารหัสใหม่ ซึ่งถูกต้องแล้ว เพราะการแปลงให้เงียบ ๆ ตอนบันทึกจะเพิ่มขั้นตอนที่สูญเสียคุณภาพโดยที่คุณไม่ได้ขอ การเปลี่ยนเบราว์เซอร์จึงแทบไม่ช่วย เบราว์เซอร์ปัจจุบันทุกตัวระบุ WebP ในส่วนหัว Accept และได้ WebP ตัวเดียวกันจากเว็บไซต์เดียวกัน

จึงเหลือทางเลือกที่ใช้ได้จริงสามทาง ทางแรกคือขอไฟล์ต้นฉบับผ่านเว็บไซต์ตามขั้นตอนข้างต้น ทางที่สองคือติดตั้งส่วนขยายเบราว์เซอร์ที่เข้ารหัสรูปใหม่ขณะบันทึก ซึ่งเป็นการแปลงแบบเดียวกันแต่เปลี่ยนปุ่ม ทางที่สามคือบันทึก WebP ไว้ แล้วแปลงเมื่อมีสิ่งที่ไม่ยอมเปิดไฟล์เท่านั้น ทางที่สามมักง่ายที่สุด เพราะรูปที่บันทึกไว้ส่วนใหญ่ดูบนหน้าจอเท่านั้น ซึ่ง WebP เปิดได้ในทุกเบราว์เซอร์ ใน Preview บน macOS Big Sur ขึ้นไป และในแอป Photos ของ Windows 11

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