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

ทำไมรูปภาพขนาดใหญ่ถึงเป็นปัญหา?

  • เว็บไซต์โหลดช้า — Google ใช้ Core Web Vitals วัดความเร็วหน้าเว็บ รูปใหญ่ทำให้ LCP แย่ลง
  • ค่า bandwidth สูง — ทั้งของเจ้าของเว็บและผู้ใช้ที่ใช้ mobile data
  • อีเมลติด size limit — ส่วนใหญ่จำกัด attachment ที่ 10–25MB
  • โซเชียลมีเดีย compress ซ้ำ — Facebook/Instagram จะ re-compress รูปที่ใหญ่เกิน ทำให้คุณภาพลดลงโดยไม่ควบคุมได้

6 เทคนิคลดขนาดรูปภาพที่ได้ผลจริง

1
เลือก format ที่เหมาะกับงานรูปถ่าย → JPG หรือ webp | กราฟิกพื้นโปร่งใส → png หรือ webp | เว็บไซต์ → webp ดีที่สุด
2
ปรับ Quality ให้เหมาะสมJPG/webp Quality 80–85% มักให้คุณภาพที่ดีพอและขนาดเล็กกว่า 95% อย่างมาก
3
Resize ให้ตรงกับขนาดที่ใช้จริงรูป 4000×3000px ที่แสดงบนเว็บ 800×600px คือ pixel สูญเปล่า ควร resize ก่อน compress
4
ลบ Metadata ที่ไม่จำเป็นรูปจากกล้องมี EXIF data (GPS, กล้อง, วันที่) ที่กิน space โดยไม่มีผลต่อการแสดงผล
5
แปลง png เป็น JPG หรือ webp สำหรับรูปถ่ายpng ของรูปถ่ายใหญ่กว่า JPG 3–5 เท่า โดยไม่มีประโยชน์เพิ่มเติมสำหรับงานเว็บ
6
ใช้ Lazy Loadingสำหรับเว็บไซต์ ใช้ loading="lazy" บน img tag เพื่อให้โหลดเฉพาะรูปที่อยู่ใน viewport

ขนาดที่แนะนำสำหรับแต่ละแพลตฟอร์ม

  • เว็บไซต์ (Hero image) — ไม่เกิน 200–300KB, ขนาด 1920×1080px
  • เว็บไซต์ (Thumbnail/Card) — ไม่เกิน 50–80KB, ขนาด 400–800px wide
  • Facebook/Instagram — ไม่เกิน 1MB, ขนาด 1080×1080px หรือ 1080×1350px
  • อีเมล — ไม่เกิน 100KB ต่อรูป เพื่อไม่ให้ตกใน spam filter
  • LINE sticker / messaging app — ไม่เกิน 1MB

วิธีลดขนาดรูปด้วย pdf Plaster

  • เลือกเครื่องมือ บีบอัดรูปภาพ (Compress Image)
  • ลากวางหรือเลือกไฟล์ JPG, png, หรือ webp
  • ปรับ slider Quality และดูขนาดไฟล์ก่อน-หลัง
  • กดดาวน์โหลด — ฟรี ไม่อัปโหลดไฟล์ไปเซิร์ฟเวอร์

หรือถ้าต้องการลดขนาดสูงสุด ให้แปลงเป็น webp แทน — ได้ขนาดเล็กกว่า JPG 25–35%

ลองลดขนาดรูปฟรีเลย →

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

Lossless กับ Lossy ต่างกันอย่างไร?
Lossless (เช่น png, webp Lossless) ลดขนาดโดยไม่สูญเสียข้อมูลเลย แต่ลดได้น้อยกว่า Lossy (เช่น JPG, webp Lossy) ที่ยอมสูญเสียรายละเอียดบางส่วนที่ตาเปล่ามองไม่เห็น

บีบอัดซ้ำหลายครั้งได้ไหม?
ไม่แนะนำสำหรับ JPG เพราะทุกครั้งที่ re-save จะสูญเสียคุณภาพเพิ่ม ควรเก็บ original ไว้และ compress จาก original ทุกครั้ง

มีขนาดรูปที่เหมาะสมที่สุดสำหรับเว็บไหม?
ทั่วไปแนะนำ: รูปเนื้อหาไม่เกิน 150KB, Hero image ไม่เกิน 300KB เพื่อให้ LCP ต่ำกว่า 2.5 วินาที