เลือกรูปแบบรูปภาพให้เหมาะกับการใช้งาน
เผยแพร่เมื่อ · อัปเดตเมื่อ อ่าน 1 นาที
JPG, PNG, WebP และ AVIF ไม่ได้เหมาะกับภาพทุกแบบ ตัวเลือกที่ถูกต้องขึ้นอยู่กับสิ่งที่ภาพแสดง คือรูปถ่าย ภาพหน้าจอที่มีตัวอักษร หรือโลโก้บนพื้นหลังโปร่งใส
เอกสารอ้างอิงบอกอะไร
ตามเอกสาร MDN JPEG เหมาะกับรูปถ่ายและไม่เหมาะกับงานเส้นคมชัด PNG เก็บทุกพิกเซลตรงตามต้นฉบับ เหมาะกับภาพหน้าจอ แผนภาพ และโลโก้ WebP บีบอัดได้ดีกว่าทั้งสองแบบและรองรับความโปร่งใส ส่วน AVIF บีบอัดได้มากกว่านั้นและรองรับความโปร่งใสเช่นกัน
ภาพเดียวกันในสี่รูปแบบ
การทดสอบใช้ภาพสร้างขึ้นสามภาพ คือฉากใกล้เคียงรูปถ่ายขนาด 2,400 × 1,600 พิกเซล ภาพหน้าจอขนาด 1,400 × 900 พิกเซล และโลโก้โปร่งใสขนาด 900 × 900 พิกเซล ทั้งสามภาพเริ่มต้นเป็น PNG
| ภาพ | PNG ต้นฉบับ | JPG | WebP |
|---|---|---|---|
| รูปถ่าย | 2,36 MB | 1,08 MB | 1,02 MB |
| ภาพหน้าจอ | 67 KB | 115 KB | 49 KB |
| โลโก้โปร่งใส | 9 KB | 35 KB (บนพื้นหลังสีขาว) | 14 KB (คงความโปร่งใสไว้) |
สรุปที่ควรจำ
สำหรับรูปถ่าย JPG และ WebP ลดขนาดได้มากกว่าครึ่ง สำหรับภาพหน้าจอหรือโลโก้ JPG มีขนาดใหญ่กว่า PNG ต้นฉบับ และเอกสารอ้างอิงแนะนำให้เลี่ยงเมื่อมีขอบคมชัด PNG หรือ WebP เหมาะกว่า การแปลง PNG กลับเป็น PNG ไม่ได้ทำให้เบาลง รูปถ่ายจะเพิ่มจาก 2.36 MB เป็น 3.28 MB
AVIF
การส่งออกเป็น AVIF ขึ้นอยู่กับเบราว์เซอร์ หากทำไม่ได้ เครื่องมือจะแจ้งและไม่สร้างไฟล์
ตรวจสอบ
- เปรียบเทียบขนาดไฟล์ที่ได้กับขนาดต้นฉบับ
- ซูมดูขอบของตัวอักษรและการไล่เฉดสี
- เก็บภาพต้นฉบับไว้
หากต้องการทราบว่ารูปแบบใดอ่านได้ทุกที่ ดู รูปแบบรูปภาพใดที่ใช้ได้ทุกที่