บีบอัดรูปภาพให้หน้าเว็บโหลดเร็วขึ้น

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

    ควรบีบอัดรูปภาพเมื่อไร

    รูปภาพที่มีขนาดเกินประมาณ 150 KB และอยู่ในส่วนบนของหน้า แกลเลอรี หรือคอนเทนต์ที่โหลดทุกหน้า ควรถูกบีบอัดก่อน ส่วนรูปประกอบตกแต่งควรทำให้เล็กกว่านั้นอีก

    • ภาพฮีโร่พยายามให้น้อยกว่า 200 KB
    • ภาพในเนื้อหาพยายามให้น้อยกว่า 120 KB
    • ภาพย่อหรือไอคอนพยายามให้น้อยกว่า 30 KB

    เลือกฟอร์แมตให้ถูกก่อน

    ฟอร์แมตสมัยใหม่อย่าง WebP มักช่วยลดขนาดไฟล์ได้มาก หากต้องการพื้นหลังโปร่งใส WebP หรือ PNG จะเหมาะกว่า ส่วน JPEG ยังเหมาะกับภาพถ่ายถ้าคุณยังไม่ใช้ WebP

    • WebP เหมาะกับงานส่วนใหญ่
    • JPEG เหมาะกับภาพถ่าย
    • PNG ใช้เมื่อจำเป็นต้องโปร่งใส

    ใช้เวิร์กโฟลว์ที่ทำซ้ำได้

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

    เวิร์กโฟลว์ที่เกี่ยวข้องซึ่งผสานเครื่องมือนี้กับเครื่องมืออื่นๆ

    เวิร์กโฟลว์ที่เกี่ยวข้องซึ่งผสานเครื่องมือนี้กับเครื่องมืออื่นๆ

    ไปยังผลลัพธ์ที่ต้องการทันที

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

    การบีบอัดจะทำให้ภาพเสียชัดเจนไหม

    การบีบอัดคุณภาพสูงจะตัดข้อมูลที่สายตามักแยกไม่ออก คุณสามารถตั้งคุณภาพให้สูงขึ้นสำหรับภาพสำคัญและยังลดขนาดได้มากอยู่ดี

    การใช้ WebP ปลอดภัยต่อ SEO หรือไม่

    ปลอดภัย เบราว์เซอร์สมัยใหม่รองรับ WebP ดี และหน้าเว็บที่เร็วขึ้นมักช่วยต่อยอดผลลัพธ์ SEO ในระยะยาว