การแปลง PNG → WebP: หลักการ ข้อควรรู้ และวิธีใช้ให้ถูกต้อง
หน้านี้รองรับการแปลงไฟล์ PNG (Portable Network Graphics) ที่เป็น lossless พร้อม alpha transparency เต็ม 8 บิต ไปเป็น WebP แบบ lossy โดยใช้ slider คุณภาพ 40–100% ทุกอย่างทำงานในเบราว์เซอร์ ไม่มีการอัปโหลด คุณดาวน์โหลดไฟล์ทีละรูปหรือเป็น ZIP พร้อมเปรียบเทียบขนาดเดิมกับขนาดใหม่
ลอสเลส PNG กับลอสซี WebP ต่างกันอย่างไรและส่งผลต่ออะไรบ้าง
PNG ใช้การบีบอัดแบบไม่สูญเสีย (lossless) ทุกพิกเซลถูกบันทึกตรงตามต้นฉบับ ไม่ว่าจะเปิดและบันทึกซ้ำกี่ครั้งก็ไม่เสื่อมคุณภาพ แต่ข้อเสียคือขนาดไฟล์ใหญ่ โดยเฉพาะภาพถ่ายหรือภาพที่มีสีซับซ้อน
WebP ที่ใช้ในหน้านี้เป็นโหมด lossy ซึ่งจะทิ้งข้อมูลบางส่วนเพื่อลดขนาดไฟล์ ยิ่งตั้งคุณภาพต่ำ ข้อมูลที่ถูกทิ้งยิ่งมาก และเมื่อทิ้งแล้วไม่สามารถเรียกคืนได้ ดังนั้นการแปลง PNG lossless → WebP lossy จะทำให้สูญเสียคุณภาพอย่างถาวร เว้นแต่ตั้งคุณภาพ 100% ซึ่งถึงอย่างนั้นก็ยังเป็น lossy ไม่ใช่ lossless
ตัวเลขสำคัญ: WebP lossy มักให้ไฟล์เล็กกว่า JPEG ที่คุณภาพเทียบเท่า 25–35% แต่เมื่อเทียบกับ PNG ซึ่งเป็น lossless ความแตกต่างของขนาดจะมากหรือน้อยขึ้นอยู่กับเนื้อหาภาพ ภาพถ่ายที่บันทึกเป็น PNG จะใหญ่กว่า WebP หลายเท่า ในขณะที่ภาพกราฟิกธรรมดาหรือตัวหนังสืออาจมีขนาดพอๆ กันหรือ WebP ใหญ่กว่าด้วยซ้ำ
คุณสมบัติของ PNG ที่ส่งผลโดยตรงต่อการแปลงเป็น WebP
| คุณสมบัติ PNG | ผลต่อการแปลง |
|---|---|
| Lossless 100% | เมื่อแปลงเป็น lossy WebP คุณภาพจะลดลงทันที แม้ตั้ง slider ไว้สูง |
| รองรับ alpha transparency 8 บิต | WebP lossy รองรับ alpha ได้ด้วย ดังนั้นความโปร่งใสจะคงอยู่ |
| ไม่มีพารามิเตอร์คุณภาพ | slider คุณภาพบนหน้านี้ใช้กับ WebP เท่านั้น PNG ต้นทางไม่มีแนวคิดเรื่องคุณภาพ |
| ขนาดใหญ่เมื่อเป็นภาพถ่าย | การแปลงเป็น WebP lossy เกือบทุกครั้งจะได้ไฟล์เล็กกว่ามาก |
| ขนาดเล็กเมื่อเป็นกราฟิกเส้นหรือตัวหนังสือ | WebP lossy อาจใหญ่กว่า PNG เดิม (จะเห็นป้าย “Larger”) |
Quality Slider: ค่า 40–100% ควบคุมอะไรได้จริง
slider นี้กำหนดระดับคุณภาพของ WebP เอาต์พุต ค่าที่ต่ำ (40%) จะบีบอัดมาก ไฟล์เล็ก แต่เกิด artifact ชัดเจน ค่าที่สูง (100%) จะบีบอัดน้อย ไฟล์ใหญ่กว่า แต่ artifact น้อยลงมาก
สิ่งสำคัญ: ไม่มีค่าใดที่ทำให้ WebP กลายเป็น lossless แม้ 100% ก็ยังเป็น lossy เสมอ เพราะ WebP lossless เป็นอีกโหมดหนึ่งซึ่งไม่ได้ใช้ในหน้านี้ ดังนั้นถ้าต้องการคงคุณภาพต้นฉบับแบบสมบูรณ์ ให้ใช้ PNG ต่อไป
ตัวอย่างเชิงตัวเลข:
- ภาพ Logo ขนาด 800×600 พิกเซล PNG 120 KB → WebP 80% = 45 KB (Saved)
- ภาพ Screenshot เดียวกัน PNG 90 KB → WebP 50% = 30 KB (Saved)
- ภาพลายเส้นขาวดำ PNG 5 KB → WebP 80% = 12 KB (Larger)
หน้านี้จะแสดงป้าย “Saved” หรือ “Larger” ใต้แต่ละไฟล์ และสรุปรวมต้นทาง → ปลายทาง
การรองรับ WebP ในเบราว์เซอร์และซอฟต์แวร์
ปัจจุบันเบราว์เซอร์หลักทั้งหมด—Chrome, Firefox, Safari, Edge—รองรับ WebP ไฟล์ที่ได้จากหน้านี้สามารถแสดงผลบนเว็บได้ทันที
ข้อควรระวัง:
- ซอฟต์แวร์รุ่นเก่า เช่น Adobe Photoshop ก่อน CC 2019, Microsoft Office ก่อน 2019, หรือโปรแกรมดูรูปใน Windows 7 ไม่สามารถเปิด WebP ได้
- หากต้องส่งไฟล์ให้ลูกค้าหรือผู้ใช้ที่อาจใช้ซอฟต์แวร์เก่า ควรเก็บ PNG copy ไว้ด้วย
- หากเบราว์เซอร์ของคุณไม่รองรับการบันทึก WebP (เกิดขึ้นน้อยมาก) ระบบจะ fallback เป็น PNG พร้อมข้อความแจ้ง
เมื่อใดควรเก็บ PNG ไว้ไม่แปลงเป็น WebP
- งานที่ต้องการความแม่นยำของพิกเซลสมบูรณ์ เช่น ภาพทางการแพทย์ ภาพสำหรับพิมพ์ หรือไฟล์ต้นฉบับที่ต้องแก้ไขซ้ำหลายครั้ง
- ภาพที่มีพื้นที่โปร่งใสซับซ้อนมาก ซึ่ง lossy artifact อาจไปรบกวนขอบ alpha
- ภาพที่ขนาดเล็กมากอยู่แล้ว (เช่น ไอคอน 16×16) การแปลงอาจได้ไฟล์ใหญ่กว่าโดยไม่คุ้มค่า
- เมื่อต้องแจกจ่ายไปยังระบบที่ยังไม่รองรับ WebP เช่น อีเมลแนบ, แพลตฟอร์ม CMS เก่า, หรืออุปกรณ์ฝังตัว
การประมวลผลฝั่งไคลเอ็นต์: ไฟล์ของคุณไม่เคยออกจากเครื่อง
ทุกขั้นตอน—อ่าน PNG, แปลงเป็น WebP, แสดงตัวอย่าง, สร้าง ZIP—ทำงานในเบราว์เซอร์ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ใดๆ
นี่มีความสำคัญเมื่อ:
- ไฟล์ PNG มีข้อมูลลิขสิทธิ์หรือละเอียดอ่อน
- คุณต้องการแปลงภายใต้นโยบายความเป็นส่วนตัวขององค์กร
- ต้องการทำงานแบบออฟไลน์ (หลังจากโหลดหน้าแรกแล้ว)
ข้อจำกัด: จำนวนไฟล์สูงสุดต่อครั้งถูกจำกัด (ระบบจะแจ้ง “Choose up to ‹max› images at a time”) และถ้าไฟล์ที่ dropped ผิดประเภท (ไม่ใช่ PNG) จะแจ้งว่าไม่รองรับ
การทำงานหลายไฟล์พร้อมกันและการจัดการสถานการณ์ผิดพลาด
เมื่อคุณลากหรือเลือกหลาย PNG หน้านี้จะแสดงแต่ละไฟล์พร้อมชื่อ, ขนาดเดิม, ขนาดที่แปลงแล้ว, และปุ่มดาวน์โหลด
- ถ้ามี 2 ไฟล์ขึ้นไป ปุ่ม “Download all (.zip)” จะปรากฏ
- ถ้ามีไฟล์บางส่วนแปลงไม่ได้ ระบบจะแจ้ง “‹count› file(s) could not be processed”
- ข้อความข้อผิดพลาดเฉพาะ:
- “ไม่สามารถเปิดไฟล์นี้เป็นรูปภาพได้ ไฟล์อาจเสียหาย ว่างเปล่า หรือไม่ใช่รูปภาพจริง” → ไฟล์เสีย ว่างเปล่าหรือไม่ใช่ภาพจริง
- “Conversion failed. Try a different image or format.” → การแปลงล้มเหลว
- “Your browser doesn’t support saving this format — used PNG instead.” → fallback
คำถามที่พบบ่อย (FAQ)
Q: ตั้งค่าคุณภาพเท่าไหร่ดีที่สุด? ไม่มีคำตอบตายตัว แนะนำให้ทดลองที่ 80–90% ก่อน แล้วดู artifact กับขนาดไฟล์ สำหรับภาพถ่าย 70–80% มักพอใช้ได้ สำหรับกราฟิกที่มีเส้นคม 90%+ จะปลอดภัยกว่า
Q: WebP lossy กับ lossless ใช้ slider ตัวเดียวกันไหม? ไม่ หน้านี้ใช้ lossy เท่านั้น ถ้าต้องการ lossless WebP ต้องใช้เครื่องมืออื่นที่รองรับโหมดนั้น
Q: ทำไม WebP ถึงใหญ่กว่า PNG เดิม? เพราะ PNG ใช้ lossless ส่วน WebP lossy ใส่ข้อมูล overhead ของ format และ artifact ทำให้ไฟล์โตขึ้นเมื่อเนื้อหาภาพเรียบง่ายมาก
Q: แปลง PNG ที่มี alpha transparency แล้ว WebP คงความโปร่งใสไหม? ได้ WebP lossy รองรับ alpha 8 บิตเต็มรูปแบบ
Q: เบราว์เซอร์ไหนที่ไม่รองรับฟังก์ชันนี้? เบราว์เซอร์ที่ไม่มี WebP encode API จะไม่สามารถบันทึก WebP ได้ ระบบจะ fallback เป็น PNG
Q: สามารถแปลงไฟล์มากกว่า 100 ไฟล์พร้อมกันได้ไหม? จำนวนสูงสุดถูกจำกัดที่ 20 ไฟล์ต่อครั้ง ถ้าเกินจะได้รับแจ้งให้เลือกน้อยลง