บีบอัดรูปภาพ - บีบอัดและแปลงเป็น WebP, AVIF, JPG, PNG

ทำไมต้องบีบอัดรูปภาพ?

รูปภาพมักเป็นส่วนที่หนักที่สุดของหน้าเว็บ รูปจากมือถือมักมีขนาด 3 ถึง 8 MB และกว้าง 4000 พิกเซล ขณะที่หน้าบล็อกหรือหน้าสินค้าแทบไม่ต้องใช้เกิน 1920 พิกเซลและ 200 KB รูปที่เล็กลงช่วยให้หน้าโหลดเร็วขึ้น ปรับปรุง Core Web Vitals อย่าง Largest Contentful Paint ประหยัดเน็ตมือถือ และติดอันดับดีขึ้น รูปแบบใหม่ช่วยได้มาก WebP มักเล็กกว่า JPEG 25 ถึง 35% ที่คุณภาพเท่ากัน และ AVIF อาจเล็กกว่านั้นอีก

ฟีเจอร์

• บีบอัดรูป JPG, PNG, WebP และ AVIF ได้ทีละหลายรูป
• แปลงเป็น WebP, AVIF (เมื่อเบราว์เซอร์รองรับ), JPEG หรือ PNG
• แถบปรับคุณภาพและกำหนดความกว้างหรือความสูงสูงสุด
• แสดงขนาดก่อนและหลัง พร้อมเปอร์เซ็นต์ที่ลดได้
• รูปจากมือถือคงทิศทางถูกต้อง ส่วนโปร่งใสได้พื้นขาวเมื่อบันทึกเป็น JPEG

ทำงานในเบราว์เซอร์ 100%

รูปถูกถอดรหัสและเข้ารหัสใหม่ด้วย canvas API บนอุปกรณ์ของคุณเอง ไม่มีการอัปโหลดใด ๆ รูปส่วนตัวจึงปลอดภัย และประมวลผลจำนวนมากได้เร็ว

ไม่อัปโหลด ไม่จำกัด ไม่มีลายน้ำ

วิธีใช้ บีบอัดรูปภาพ

1
ลากรูปหนึ่งรูปหรือหลายรูปมาวางในกรอบ หรือคลิกเพื่อเลือกไฟล์ รองรับ JPG, PNG, WebP, GIF, BMP และ AVIF
2
เลือกรูปแบบผลลัพธ์ WebP ให้ขนาดดีที่สุดสำหรับเว็บ AVIF เล็กกว่าอีกบน Chrome และ Edge JPEG เข้ากันได้มากที่สุด และ PNG สำหรับกราฟิกที่ไม่สูญเสียคุณภาพ
3
ตั้งคุณภาพ (75 ถึง 85 สมดุลดีสำหรับภาพถ่าย) และหากต้องการก็กำหนดความกว้างหรือความสูงสูงสุด การเปลี่ยนแปลงมีผลกับทุกรูปทันที
4
เปรียบเทียบขนาดเดิมกับขนาดใหม่ แล้วดาวน์โหลดทีละรูป ชื่อไฟล์คงเดิมแต่เปลี่ยนนามสกุล

ตัวอย่างการใช้งานจริง

ทำให้หน้าบล็อกและหน้าสินค้าเร็วขึ้น

แปลงรูปหลักและรูปสินค้าเป็น WebP คุณภาพ 80 กว้างสูงสุด 1920 รูปจากมือถือ 4 MB มักเหลือไม่ถึง 300 KB โดยมองไม่เห็นความต่าง

ไฟล์แนบอีเมลและแบบฟอร์ม

หลายแบบฟอร์มและบริการอีเมลจำกัดการอัปโหลดที่ 1 หรือ 2 MB ลดขนาดเหลือ 1280 px แล้วบันทึกเป็น JPEG เพื่อให้อยู่ในขีดจำกัดโดยรูปยังอ่านได้ชัด

ภาพหน้าจอและภาพ UI

ภาพหน้าจอที่มีตัวอักษรบีบอัดได้ดีด้วย WebP หรือ PNG ใช้ PNG เมื่อต้องการขอบคมระดับพิกเซล ใช้ WebP เพื่อลดขนาดลงครึ่งหนึ่ง

เตรียมรูปสำหรับ CMS

ลดขนาดรูปทั้งโฟลเดอร์ให้กว้างสูงสุดเท่ากันก่อนอัปโหลดขึ้น WordPress, Shopify หรือ headless CMS เพื่อให้เซิร์ฟเวอร์ไม่ต้องเก็บรูปต้นฉบับขนาดใหญ่

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

ควรเลือกรูปแบบไหน?+

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

ตั้งคุณภาพเท่าไรดีที่สุด?+

สำหรับภาพถ่าย 75 ถึง 85 มักแยกไม่ออกจากต้นฉบับ ตั้งต่ำลงสำหรับภาพย่อ และสูงขึ้นสำหรับพอร์ตโฟลิโอภาพถ่าย PNG ไม่ใช้ค่าคุณภาพ

ทำไมไฟล์ที่บีบอัดแล้วใหญ่ขึ้น?+

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

รูปของฉันถูกอัปโหลดไหม?+

ไม่ การถอดรหัส ปรับขนาด และเข้ารหัสทำในเบราว์เซอร์ด้วย canvas API คุณยังตัดอินเทอร์เน็ตได้หลังจากหน้าโหลดเสร็จ