png vs JPG ต่างกันอย่างไร? ควรใช้แบบไหนในสถานการณ์ใด

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

ตารางเปรียบเทียบ png vs JPG

คุณสมบัติ	JPG	png
การบีบอัด	Lossy (สูญเสียข้อมูล)	Lossless (ไม่สูญเสีย)
ขนาดไฟล์	เล็กกว่า	ใหญ่กว่า
Transparency	ไม่รองรับ	รองรับ
คุณภาพสูงสุด	ต่ำกว่า png	สูงสุด ไม่มี Artifact
เหมาะกับ	รูปถ่าย ภาพที่มีสีหลากหลาย	โลโก้ กราฟิก ข้อความ
Animation	ไม่รองรับ	รองรับ (Apng)

JPG คืออะไร?

JPG (หรือ jpeg) ย่อมาจาก Joint Photographic Experts Group พัฒนาในปี 1992 ใช้การบีบอัดแบบ Lossy ที่ตัดข้อมูลสีที่ตามนุษย์แทบมองไม่เห็นออก ทำให้ได้ไฟล์ขนาดเล็กมาก เหมาะสำหรับรูปถ่ายที่มีสีหลากหลายและ Gradient

png คืออะไร?

png (Portable Network Graphics) พัฒนาขึ้นในปี 1996 เพื่อทดแทน GIF ใช้การบีบอัดแบบ Lossless ไม่สูญเสียข้อมูลใดๆ รองรับ Alpha channel (ความโปร่งใส) เหมาะสำหรับงานกราฟิก โลโก้ ภาพที่มีพื้นหลังโปร่งใส และภาพที่มีขอบคมชัด

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

กรณีที่ JPG ทำให้คุณภาพแย่ลงชัดเจน

JPG ทำได้แย่กับภาพประเภทเหล่านี้

• ข้อความบนพื้นหลังสีเรียบ — จะเห็น artifact รอบตัวอักษร
• เส้นบางๆ หรือขอบคม — ขอบจะพร่ามัวหรือมีสีเพี้ยน
• ภาพที่มีสีน้อย (flat design) — ไฟล์อาจใหญ่กว่า png ด้วยซ้ำ

ทางเลือกที่ 3: webp

ถ้าไม่แน่ใจว่าจะเลือก png หรือ JPG และใช้งานบนเว็บ ให้เลือก webp เพราะรองรับทั้งสองโหมด ขนาดเล็กกว่าทั้งคู่ และ browser รองรับ 96% แล้ว

แปลงระหว่าง png JPG webp ฟรีเลย →

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

JPG กับ jpeg ต่างกันไหม?
ไม่ต่างกัน เป็นนามสกุลเดียวกัน .jpg ใช้บน Windows รุ่นเก่าที่จำกัด 3 ตัวอักษร ส่วน .jpeg เป็นชื่อเต็ม

แปลง png เป็น JPG ทำให้คุณภาพดีขึ้นไหม?
ไม่ การแปลงจาก png เป็น JPG จะลดคุณภาพลงเสมอ เนื่องจาก JPG ใช้ Lossy compression และพื้นหลังโปร่งใสจะกลายเป็นสีขาว

png ขนาดใหญ่กว่า JPG เท่าไหร่?
ขึ้นอยู่กับเนื้อหา สำหรับรูปถ่าย png อาจใหญ่กว่า JPG 3–10 เท่า แต่สำหรับภาพกราฟิกแบบ flat ความต่างอาจน้อยกว่า