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

ตารางเปรียบเทียบ format รูปภาพ

Format Lossy/Lossless Transparency Animation Browser Support ใช้กับ
JPG/jpeg Lossy ✗ ✗ 100% รูปถ่าย, เว็บทั่วไป
png Lossless ✓ ✗ (Apng ✓) 100% โลโก้, กราฟิก, screenshot
webp ทั้งคู่ ✓ ✓ 96%+ เว็บไซต์ทุกประเภท
GIF Lossless (256 สี) ✓ (1-bit) ✓ 100% Animation เรียบง่าย, meme
AVIF ทั้งคู่ ✓ ✓ ~90% เว็บไซต์ที่ต้องการขนาดเล็กสุด
SVG Vector ✓ ✓ 99%+ โลโก้, icon, กราฟิก scalable

ตัดสินใจง่ายๆ ด้วย Decision Tree

เป็น Animation หรือภาพเคลื่อนไหวไหม? ถ้าใช่ → เลือกระหว่าง webp (ขนาดเล็กกว่า), GIF (รองรับ 100%), หรือ Video (.mp4) ถ้าใช่: webp หรือ GIF
ต้องการพื้นหลังโปร่งใส (Transparency) ไหม? โลโก้, icon, รูปที่วางบน background ต่างๆ ถ้าใช่: webp หรือ png | ถ้าไม่: JPG หรือ webp
เป็นงานพิมพ์หรือเก็บ archive ระยะยาว? งานพิมพ์, เอกสารสำคัญ, หรือต้องการแก้ไขซ้ำในอนาคต ถ้าใช่: png หรือ TIFF (ไม่ใช่ JPG)
เป็นรูปถ่ายสำหรับเว็บไซต์หรือโซเชียลมีเดีย? ต้องการขนาดเล็กสุดและคุณภาพดี ถ้าใช่: webp (ดีที่สุด) หรือ JPG (compatibility สูงสุด)
เป็น Logo, Icon หรือ Illustration แบบ Vector? กราฟิกที่ต้องการ scale ไม่จำกัดขนาด ถ้าใช่: SVG

JPG — เมื่อไหรควรใช้?

  • รูปถ่ายจากกล้องหรือสมาร์ทโฟน
  • รูปที่ต้องการ compatibility สูงสุด (100% ทุก browser และโปรแกรม)
  • รูปสำหรับอีเมล, พิมพ์เอกสาร, งานที่ไม่ต้องการพื้นโปร่งใส
  • ข้อเสีย: Lossy (คุณภาพลดทุกครั้งที่ re-save), ไม่มี Transparency

png — เมื่อไหรควรใช้?

  • โลโก้และ icon ที่ต้องการพื้นหลังโปร่งใส
  • Screenshot ที่ต้องการข้อความคมชัด
  • กราฟิกที่มีพื้นที่สีเดียวขนาดใหญ่ (ลายเส้น, diagram)
  • ข้อเสีย: ขนาดไฟล์ใหญ่มากสำหรับรูปถ่าย

webp — ตัวเลือกที่ดีที่สุดสำหรับเว็บในปัจจุบัน

  • ใช้แทน JPG ได้ ขนาดเล็กกว่า 25–35%
  • ใช้แทน png ได้ รองรับ Transparency ขนาดเล็กกว่า 26%
  • รองรับ Animation แทน GIF ขนาดเล็กกว่ามาก
  • Browser support 96%+ (2024) — ปลอดภัยที่จะใช้กับเว็บไซต์ทั่วไป

GIF — ยังมีเหตุผลที่ต้องใช้อยู่ไหม?

GIF ล้าสมัยในแง่เทคนิค แต่ยังคงมีประโยชน์ในกรณีที่ต้องการ compatibility 100% สำหรับ Animation สั้นๆ สำหรับงานใหม่ ควรเลือก webp หรือ MP4 แทน GIF เพราะขนาดไฟล์เล็กกว่ามากในคุณภาพเดียวกัน

แปลงรูปภาพฟรีด้วย pdf Plaster →

คำถามที่พบบ่อย

AVIF ดีกว่า webp ไหม?
AVIF บีบอัดได้ดีกว่า webp ประมาณ 20–30% แต่ browser support ยังไม่ครอบคลุมเท่า webp และโปรแกรมหลายตัวยังไม่รองรับ ปัจจุบัน webp เป็นตัวเลือกที่สมดุลดีที่สุด

HEIC คืออะไร? ควรใช้ไหม?
HEIC (High Efficiency Image Container) เป็น format ที่ iPhone ใช้เป็นค่าเริ่มต้น ขนาดเล็กกว่า JPG มาก แต่ browser และโปรแกรมรองรับน้อย สำหรับเว็บควรแปลงเป็น webp หรือ JPG ก่อน

ควรเก็บไฟล์ต้นฉบับเป็นนามสกุลอะไร?
เก็บ original เป็น png หรือ RAW/TIFF (สำหรับรูปจากกล้อง) เพื่อรักษาคุณภาพสูงสุด แล้วค่อย export เป็น JPG/webp สำหรับนำไปใช้