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