วิธีบีบอัดรูปภาพโดยไม่สูญเสียคุณภาพ
·2 min read·Philo
บทเรียนทำให้รูปภาพเล็กลงโดยไม่เห็นความแตกต่างด้านคุณภาพ — นี่คือคู่มือฉบับสมบูรณ์
การบีบอัด 2 ประเภท
Lossless: ลดขนาด 10–40% ทุกพิกเซลสมบูรณ์ เหมาะที่สุดสำหรับภาพหน้าจอ โลโก้ และไฟล์ต้นฉบับ
Lossy: ลดขนาด 40–80% โดยตัดข้อมูลที่ตาไม่เห็น เหมาะที่สุดสำหรับรูปถ่ายและรูปภาพเว็บ
รูปแบบไฟล์รูปภาพที่ดีที่สุด
| รูปแบบ | ประเภท | เหมาะสำหรับ |
|---|---|---|
| PNG | Lossless | ภาพหน้าจอ โลโก้ พื้นหลังโปร่งใส |
| JPEG | Lossy | รูปถ่าย |
| WebP | ทั้งสองแบบ | รูปภาพเว็บทุกประเภท (เล็กกว่า JPEG 25–35%) |
ใช้ WebP เสมอสำหรับรูปภาพเว็บ
คู่มือการตั้งค่าคุณภาพ
| คุณภาพ | ผลลัพธ์ | ใช้สำหรับ |
|---|---|---|
| 90–100% | เหมือนต้นฉบับ | งานพิมพ์ |
| 75–89% | ยอดเยี่ยม | Hero image แบนเนอร์ |
| 60–74% | ดี | รูปภาพบล็อก thumbnail |
| ต่ำกว่า 60% | เห็น artifacts | ไม่แนะนำ |
จุดที่เหมาะสมสำหรับเว็บ: 70–80%
แนวทางปฏิบัติที่ดีที่สุด
- เริ่มจากไฟล์ต้นฉบับเสมอ — อย่าบีบอัดซ้ำไฟล์ที่บีบอัดแล้ว
- ใช้ฟีเจอร์พรีวิวของ TinyImg
- เลือกรูปแบบให้เหมาะกับประเภทเนื้อหา
- กลุ่มผู้ใช้ mobile? บีบอัดมากกว่าก็ได้
- ใช้ TinyImg bulk compressor
ใช้งาน TinyImg ทีละขั้นตอน
- เปิด TinyImg
- ลากและวางรูปภาพ
- ตั้งค่าคุณภาพที่ ~80%
- ดูตัวอย่างผลลัพธ์
- ดาวน์โหลดแยกไฟล์หรือเป็น zip
100% ทำงานบนเบราว์เซอร์ — เป็นส่วนตัวอย่างสมบูรณ์
ข้อผิดพลาดที่พบบ่อย
- บีบอัดไฟล์ที่บีบอัดแล้วซ้ำอีกครั้ง (ใช้ต้นฉบับเสมอ)
- PNG สำหรับรูปถ่าย (ไฟล์ใหญ่มาก) / JPEG สำหรับภาพหน้าจอที่มีข้อความ (เบลอ)
- ตั้งคุณภาพต่ำกว่า 60%
- ไม่ย่อขนาดรูปภาพขนาดใหญ่ก่อน
สรุป
รูปแบบที่ถูกต้อง + คุณภาพ 70–80% + ไฟล์ต้นฉบับ = ผลลัพธ์สมบูรณ์แบบ TinyImg ฟรีและเป็นส่วนตัว
บทเรียนคุณภาพบีบอัดคู่มือ