บีบอัดรูปภาพให้หน้าเว็บโหลดเร็วขึ้น
รูปภาพขนาดใหญ่เป็นหนึ่งในสาเหตุหลักที่ทำให้หน้าเว็บโหลดช้า คู่มือนี้อธิบายวิธีลดขนาดไฟล์โดยยังคงคุณภาพที่ใช้งานได้ และลิงก์ไปยั งเครื่องมือที่ทำงานในเบราว์เซอร์ของคุณโดยตรง
ควรบีบอัดรูปภาพเมื่อไร
รูปภาพที่มีขนาดเกินประมาณ 150 KB และอยู่ในส่วนบนของหน้า แกลเลอรี หรือคอนเทนต์ที่โหลดทุกหน้า ควรถูกบีบอัดก่อน ส่วนรูปประกอบตกแต่งควรทำให้เล็กกว่านั้นอีก
- ภาพฮีโร่พยายามให้น้อยกว่า 200 KB
- ภาพในเนื้อหาพยายามให้น้อยกว่า 120 KB
- ภาพย่อหรือไอคอนพยายามให้น้อยกว่า 30 KB
เลือกฟอร์แมตให้ถูกก่อน
ฟอร์แมตสมัยใหม่อย่าง WebP มักช่วยลดขนาดไฟล์ได้มาก หากต้องการพื้นหลังโปร่งใส WebP หรือ PNG จะเหมาะกว่า ส่วน JPEG ยังเหมาะกับภาพถ่ายถ้าคุณยังไม่ใช้ WebP
- WebP เหมาะกับงานส่วนใหญ่
- JPEG เหมาะกับภาพถ่าย
- PNG ใช้เมื่อจำเป็นต้องโปร่งใส
ใช้เวิร์กโฟลว์ที่ทำซ้ำได้
ปรับขนาดก่อน แล้วค่อยบีบอัด ส่งออกรูปตามขนาดที่จะแสดงจริงก่อนบีบอัด จะช่วยไม่ให้เปลืองไบต์กับพิกเซลที่ผู้ใช้ไม่เคยเห็น
เครื่องมือที่เกี่ยวข้อง
เวิร์กโฟลว์ที่เกี่ยวข้องซึ่งผสานเครื่องมือนี้กับเครื่องมืออื่นๆ
เครื่องมือที่เกี่ยวข้อง
เวิร์กโฟลว์ที่เกี่ยวข้องซึ่งผสานเครื่องมือนี้กับเครื่องมืออื่นๆ
ตามเป้าหมาย
ไปยังผลลัพธ์ที่ต้องการทันที
คำถามที่พบบ่อย
การบีบอัดจะทำให้ภาพเสียชัดเจนไหม
การบีบอัดคุณภาพสูงจะตัดข้อมูลที่สายตามักแยกไม่ออก คุณสามารถตั้งคุณภาพให้สูงขึ้นสำหรับภาพสำคัญและยังลดขนาดได้มากอยู่ดี
การใช้ WebP ปลอดภัยต่อ SEO หรือไม่
ปลอดภัย เบราว์เซอร์สมัยใหม่รองรับ WebP ดี และหน้าเว็บที่เร็วขึ้นมักช่วยต่อยอดผลลัพธ์ SEO ในระยะยาว