PNG JPG WebP AVIF ต่างกันยังไง ใช้แบบไหนดี

ทุกคนเคยเปิดเว็บแล้วเห็นว่าโหลดช้ามาก หนึ่งในสาเหตุหลัก ๆ คือ รูปภาพใหญ่เกินไป — เลือก format ผิดทำให้ไฟล์ใหญ่ 5 เท่าโดยไม่จำเป็น 🐷

JPG คืออะไร เหมาะกับอะไร

JPG (หรือ JPEG) เป็นฟอร์แมตที่เก่าที่สุดในกลุ่มนี้ — เกิดปี 1992 และยังใช้กันแพร่หลายที่สุดในโลก

จุดเด่น:

• รองรับทุกที่ — เปิดได้ทุก browser ทุก app ทุก OS
• บีบไฟล์ได้ดีสำหรับรูปถ่าย — สีเยอะ ๆ ฉากธรรมชาติ
• ไฟล์เล็ก ที่คุณภาพ 85% ตาเปล่ามองไม่เห็นว่าบีบ

จุดอ่อน:

• ไม่รองรับพื้นโปร่งใส
• บีบแบบ lossy — ทุกครั้งที่เซฟ คุณภาพลดลง
• ไม่ดีกับรูปที่มีเส้นคมชัด เช่น โลโก้ ภาพการ์ตูน screenshot

เหมาะกับ: รูปสินค้า รูปถ่าย — อะไรก็ตามที่มีสีต่อเนื่อง

PNG คืออะไร เมื่อไหร่ควรใช้

PNG ย่อมาจาก Portable Network Graphics เกิดปี 1996 เพื่อแก้ปัญหาของ JPG ที่ไม่รองรับพื้นโปร่งใส

จุดเด่น:

• รองรับพื้นโปร่งใส (alpha channel)
• บีบแบบ lossless — เซฟกี่รอบก็คุณภาพเท่าเดิม
• ดีกับรูปที่มีเส้นคมชัด — โลโก้ ไอคอน screenshot

จุดอ่อน:

• ไฟล์ใหญ่กว่า JPG มาก สำหรับรูปถ่าย
• ไม่เหมาะกับรูปที่สีเยอะมาก

เหมาะกับ: โลโก้ ไอคอน screenshot รูปที่ต้องเอาไปวางบนพื้นหลังสีต่าง ๆ

WebP ดีกว่า JPG ยังไง

WebP เป็นฟอร์แมตที่ Google เปิดตัวปี 2010 — ออกแบบมาเพื่อแทนที่ทั้ง JPG และ PNG

จุดเด่น:

• ไฟล์เล็กกว่า JPG ~25-35% ที่คุณภาพเท่ากัน
• ไฟล์เล็กกว่า PNG ~25% สำหรับรูปที่มีพื้นโปร่งใส
• รองรับพื้นโปร่งใส และ animation
• รองรับใน browser ทุกตัวสมัยใหม่

จุดอ่อน:

• Shopee, Lazada ไม่รับ
• บาง app เก่ายังเปิดไม่ได้

เหมาะกับ: รูปบนเว็บไซต์ตัวเอง 🐷

🔄

แปลงเป็น WebP — ลดได้ ~70%

ฟรี · ไม่ต้องสมัคร · ทำในเบราว์เซอร์

AVIF คืออะไร

AVIF ย่อมาจาก AV1 Image File Format เป็นฟอร์แมตล่าสุด (เปิดตัวปี 2019)

จุดเด่น:

• ไฟล์เล็กกว่า JPG ~50%
• ไฟล์เล็กกว่า WebP ~20%
• รองรับ HDR และสีลึก 10-12 bit
• คุณภาพดีที่สุดในกลุ่มที่ bitrate ต่ำ

จุดอ่อน:

• เข้ารหัสช้า — แปลงไฟล์นานกว่า WebP/JPG
• บาง browser เก่ายังไม่รองรับ

เหมาะกับ: เว็บไซต์ที่อยาก Lighthouse 100/100

ตารางเปรียบเทียบ

แล้วจะใช้แบบไหนดี?

• รูปสินค้า Shopee/Lazada/Facebook Ads → JPG เสมอ
• โลโก้ที่ต้องการพื้นโปร่งใส → PNG (marketplace), WebP (เว็บตัวเอง)
• เว็บไซต์ตัวเอง → WebP เป็นหลัก, AVIF สำหรับ hero
• Screenshot → PNG

🔄

แปลงไฟล์รูปได้เลย — ฟรี

ฟรี · ไม่ต้องสมัคร · ทำในเบราว์เซอร์

FAQ

JPG กับ JPEG ต่างกันไหม?

ไม่ต่าง — เป็นไฟล์ format เดียวกัน ต่างแค่นามสกุล

ถ้าแปลงรูปจาก JPG เป็น WebP คุณภาพจะดีขึ้นไหม?

ไม่ — คุณภาพไม่มีทางดีขึ้นกว่าต้นฉบับ แค่ไฟล์เล็กลง

Browser ไหนรองรับ AVIF บ้าง?

ปี 2026 ทุก browser หลักรองรับหมดแล้ว — Chrome, Firefox, Safari (16.4+), Edge

สรุป

• JPG: รูปสินค้า, marketplace
• PNG: โลโก้, screenshot, transparent background
• WebP: เว็บไซต์ตัวเอง — เล็กกว่า JPG 25-30%
• AVIF: เว็บใหม่ปี 2026 — เล็กที่สุด

🐷✨