วิธีบีบอัดรูปภาพโดยไม่สูญเสียคุณภาพ
ตอบด่วน
วิธีบีบอัดรูป: เปิด Image Compressor, อัปโหลดรูป, ตั้ง slider คุณภาพ (80-90 สำหรับ JPEG/WebP มักมองไม่เห็น) แล้วดาวน์โหลดผลลัพธ์ การประมวลผลทั้งหมดเกิดในเครื่องผ่าน Canvas API —รูปไม่ถูกอัปโหลด
การแนะนำ
รูปใหญ่ทำให้เว็บช้า เพิ่มค่า bandwidth และทำลาย SEO ranking การบีบอัดลดขนาดไฟล์โดยเอาข้อมูลซ้ำออก และสำหรับ JPEG/WebP ทิ้งรายละเอียดที่ตาไม่เห็น (lossy) สำหรับ PNG เป็น lossless เป้าหมายคือขนาดไฟล์เล็กสุดโดยคุณภาพไม่เปลี่ยน
ทีละขั้นตอน
-
เปิดเครื่องมือ Image Compressor
ไปที่หน้าเครื่องมือ Image Compressor เครื่องมือนี้รองรับรูปแบบ JPEG, PNG และ WebP และประมวลผลรูปภาพในเครื่องโดยใช้ Canvas API ของเบราว์เซอร์
-
อัปโหลดภาพของคุณ
คลิกปุ่มอัปโหลดหรือลากและวางรูปภาพของคุณลงบนเครื่องมือ เครื่องมือจะโหลดรูปภาพลงในหน่วยความจำโดยใช้ FileReader และสร้างผืนผ้าใบสำหรับการประมวลผล รูปแบบที่รองรับ: JPEG, PNG, WebP และ BMP
-
เลือกรูปแบบผลลัพธ์
เลือกรูปแบบผลลัพธ์ สำหรับรูปภาพ JPEG หรือ WebP จะให้การบีบอัดที่ดีที่สุด สำหรับกราฟิกที่มีสีน้อย (โลโก้ ไอคอน) PNG จะดีกว่า WebP สร้างไฟล์ขนาดเล็กกว่า JPEG ~30% ที่คุณภาพเทียบเท่า
-
ปรับคุณภาพ
สำหรับรูปแบบที่สูญเสีย (JPEG, WebP) ให้ตั้งค่าแถบเลื่อนคุณภาพ โดยทั่วไปแล้ว 80-90 จะแยกไม่ออกจากต้นฉบับจนถึงสายตามนุษย์ ค่าที่ต่ำกว่า (60-70) จะทำให้ไฟล์มีขนาดเล็กลงและมีส่วนที่มองเห็นได้ สำหรับ PNG (ไม่สูญเสียคุณภาพ) จะไม่ใช้คุณภาพ
-
ดาวน์โหลดภาพที่ถูกบีบอัด
คลิกดาวน์โหลดเพื่อบันทึกภาพที่บีบอัด เครื่องมือนี้จะแสดงขนาดไฟล์ต้นฉบับและขนาดไฟล์ที่บีบอัดและเปอร์เซ็นต์การลดขนาด เปรียบเทียบด้วยสายตาเพื่อให้แน่ใจว่าคุณภาพเป็นที่ยอมรับได้
ตัวอย่าง
JPEG การบีบอัดรูปภาพ
ป้อนข้อมูล: photo.jpg (2.5 MB, คุณภาพ 100)
เอาท์พุต: photo-compressed.jpg (350 KB คุณภาพ 85) — ลดลง 86% ไม่มีความแตกต่างที่มองเห็นได้
การแปลง PNG ถึง WebP
ป้อนข้อมูล: image.png (1.2 เมกะไบต์)
เอาท์พุต: image.webp (180 KB คุณภาพ 90) — ลดลง 85%
การบีบอัด JPEG เชิงรุก
ป้อนข้อมูล: photo.jpg (2.5 MB, คุณภาพ 100)
เอาท์พุต: photo-tiny.jpg (120 KB, คุณภาพ 60) — ลดลง 95%, สิ่งประดิษฐ์ที่มองเห็นได้
ปัญหาทั่วไป
- การบีบอัดภาพที่บีบอัดแล้ว — การบีบอัด JPEG อีกครั้งทำให้เกิดการสูญเสียการสร้าง บีบอัดจากต้นฉบับเสมอ (PNG หรือ RAW) เมื่อเป็นไปได้
- การใช้ JPEG สำหรับกราฟิก —JPEG วัตถุต่างๆ สามารถมองเห็นได้บนขอบที่คมชัด ข้อความ และสีเรียบๆ ใช้ PNG หรือ WebP สำหรับโลโก้ ภาพหน้าจอ และภาพประกอบ
- การเพิกเฉย WebP —WebP จะสร้างไฟล์ขนาดเล็กกว่า JPEG ถึง 25-35% ในคุณภาพที่เท่ากัน และได้รับการสนับสนุนจากเบราว์เซอร์สมัยใหม่ทั้งหมด
- การปรับขนาดเทียบกับการบีบอัด สำหรับขนาดใหญ่ การปรับขนาด (เช่น จาก 4000px ถึง 2000px) มักจะช่วยประหยัดได้มากกว่าการบีบอัดคุณภาพเพียงอย่างเดียว
เคล็ดลับ
- ใช้ WebP สำหรับเว็บไซต์สมัยใหม่ — รองรับทั้งการบีบอัดแบบสูญเสียและไม่สูญเสียข้อมูล และมีขนาดเล็กกว่า JPEG ประมาณ 30%
- ตั้งค่าคุณภาพ JPEG เป็น 80-85 สำหรับรูปภาพ —นี่คือจุดที่เหมาะสมที่ขนาดไฟล์ลดลงอย่างรวดเร็วแต่มองไม่เห็นการสูญเสียคุณภาพ
- ปรับขนาดรูปภาพให้เป็นขนาดที่แสดงก่อนการบีบอัด — รูปภาพขนาด 4000px ที่แสดงที่ 800px เปลืองแบนด์วิธ
- ใช้ Image Compressor ของเราเพื่อการประมวลผลแบบส่วนตัวทันที รูปภาพของคุณจะไม่หลุดออกจากเบราว์เซอร์