เครื่องอัดภาพ
ไฟล์ JPG จากกล้อง DSLR ทั่วไปมีขนาดประมาณ 6–10 เมกะไบต์ ในขณะที่ภาพพอร์เทรตจากโทรศัพท์มือถือมักมีขนาดเกิน 4 เมกะไบต์ ส่วนหน้าเว็บ จดหมายอิเมล และแอปส่งข้อความส่วนใหญ่ก็ต้องการไฟล์ที่มีขนาดเล็กกว่านี้อีกมาก เครื่องอัดข้อมูลนี้จะแปลงไฟล์ JPG เป็น mozjpeg, PNG เป็น Oxipng และ WebP เป็น cwebp ช่วยลดขนาดไฟล์ได้ถึง 40–80% โดยไม่ทำให้คุณภาพภาพเสื่อมลง และดำเนินการอัดข้อมูลภายในเบราว์เซอร์ของคุณโดยตรง ทำให้ภาพไม่จำเป็นต้องออกจากเครื่องเลย
วิธีการบีบอัดภาพ
-
1
วางภาพหนึ่งภาพหรือหลายภาพลง
JPG, PNG, WebP; สามารถจัดเก็บไฟล์ได้พร้อมกันสูงสุด 50 ไฟล์
-
2
เลือกเป้าหมาย
สไลเดอร์คุณภาพ ขนาดไฟล์เป้าหมายในหน่วย KB หรือตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับการใช้งานบนเว็บ
-
3
ดูภาพตัวอย่าง
แสดงภาพก่อนและหลังวางเคียงข้างกัน เพื่อให้คุณสามารถตรวจสอบได้ว่าผลลัพธ์ที่ได้มีคุณภาพเหมาะสมหรือไม่
-
4
ดาวน์โหลดไฟล์ที่ได้รับการปรับแต่งให้เหมาะสมแล้ว
สามารถจัดเก็บได้ทั้งแบบแยกต่างหากหรือเป็นชุดรวม (zip file) โดยชื่อเดิมจะยังคงถูกเก็บรักษาไว้
กลไกการทำงานของระบบการบีบอัดตามรูปแบบ
แต่ละรูปแบบมีกลไกการทำงานที่แตกต่างกัน การเลือกใช้กลไกที่เหมาะสมจะช่วยให้ประหยัดค่าใช้จ่ายได้มากกว่าการใช้เครื่องมือทั่วไปถึงสองเท่า
การเปรียบเทียบรูปแบบ
| รูปแบบ | การบีบอัดแบบสูญเสียข้อมูล | อัลฟา | ระดับความเข้มข้น | ระดับการบีบอัดที่ใช้กันทั่วไปบนเว็บ |
|---|---|---|---|---|
| JPG | ใช่ | ไม่ | รูปภาพแบบสี 8 บิต | คุณภาพ 75–85 |
| PNG | ไม่ | ใช่ | โลโก้ ภาพหน้าจอ และภาพโปร่งใส | Oxipng ระดับ 4 |
| WebP แบบสูญเสียข้อมูล | ใช่ | ใช่ | เป็นตัวแทนที่ดีที่สุดสำหรับ JPG โดยมีขนาดเล็กกว่าประมาณ 30% | คุณภาพระดับ 80 |
| WebP แบบไม่สูญเสียข้อมูล | ไม่ | ใช่ | แทนที่ไฟล์ PNG; มักมีขนาดเล็กกว่าประมาณ 25% | วิธีการที่ 6 |
| AVIF | ใช่ | ใช่ | อัตราส่วนดีที่สุด แต่การเข้ารหัสช้า | เทียบเท่ากับคุณภาพระดับ 50 |
เป้าหมายด้านคุณภาพ
- รูปภาพฮีโร่: คุณภาพ JPG 85, WebP 82 — รักษารายละเอียดได้ดีสำหรับการแสดงผลเต็มหน้าจอ
- รูปภาพร่างกาย: คุณภาพ JPG 75 และ WebP 72 – เหมาะสำหรับเนื้อหาที่มีความกว้างระหว่าง 800–1200 พิกเซล
- รูปภาพขนาดย่อ: คุณภาพ JPG เท่ากับ 65 และ WebP เท่ากับ 60 — การบีบอัดให้มีความละเอียดต่ำถึง 200 พิกเซลก็เพียงพอแล้ว
รายละเอียดเฉพาะของไฟล์ PNG
การบีบอัดไฟล์ PNG เป็นการบีบอัดแบบไม่สูญเสียคุณภาพ คุณภาพของภาพไม่ถูกลดลงแต่อย่างใด แต่ขนาดของไฟล์จะลดลงตามความลึกของสีและวิธีการบีบอัด โดยทั่วไป Oxipng ระดับ 4 จะช่วยลดขนาดไฟล์ PNG ที่สร้างสำหรับใช้งานบนเว็บจาก Photoshop ได้ประมาณ 10–30%
สำหรับภาพหน้าจอที่ใช้พอลเลตสีน้อย (< 256 สี) การเปลี่ยนไปใช้รูปแบบ PNG-8 แบบอินดีเซ็กซ์จะช่วยลดขนาดไฟล์ลงครึ่งหนึ่ง โดยไม่มีความแตกต่างที่เห็นได้ชัด
การนำ WebP มาใช้งาน
WebP ได้รับการสนับสนุนจากเบราว์เซอร์สมัยใหม่ทุกตัว (Safari 14+, Chrome 32+, Firefox 65+, Edge 18+) ให้ใช้ WebP โดยระบุองค์ประกอบ <picture> เพื่อเปลี่ยนไปใช้ไฟล์ JPG หากพบเบราว์เซอร์ประเภทใดที่ไม่รองรับ
ความเป็นส่วนตัว
คอมเพรสเซอร์ทำงานได้ทั้งหมดผ่านเบราว์เซอร์ของคุณโดยใช้ WebAssembly ไม่จำเป็นต้องอัปโหลดไฟล์ ไม่มีการประมวลผลบนฝั่งเซิร์ฟเวอร์ และไม่มีการบันทึกข้อมูล
คำถามที่พบบ่อย
สำหรับการส่งผ่านเว็บไซต์ ใช่ — ไฟล์ WebP ที่คุณภาพ 80 มักมีขนาดเล็กกว่าไฟล์ JPG ที่มีคุณภาพเทียบเท่า (คุณภาพ 85) ประมาณ 25–35% ส่วนกรณีแนบอีเมลหรือส่งต่อให้ผู้ใช้งานปลายทาง ควรใช้ไฟล์ JPG เพื่อความเข้ากันได้ทั่วไป
ไฟล์ PNG มีคุณสมบัติไม่สูญเสียข้อมูลอยู่แล้ว ดังนั้นการประหยัดค่าใช้จ่ายสามารถทำได้โดยการจัดทำดัชนีพาเลทใหม่และเรียกใช้ฟังก์ชัน deflate อีกครั้งโดยใช้กลยุทธ์ที่เหมาะสมกว่า โดยทั่วไป Oxipng ระดับ 4 จะช่วยลดค่าใช้จ่ายในการส่งออกไฟล์ผ่าน Photoshop ได้ประมาณ 10–30% แต่ยังไม่สามารถลดค่าใช้จ่ายได้เท่ากับรูปแบบที่มีการสูญเสียข้อมูล เช่น WebP
ใช่ ให้เลือกโหมด “target KB” เครื่องมือจะปรับค่าคุณภาพซ้ำๆ จนผลลัพธ์อยู่ที่หรือต่ำกว่าเป้าหมายที่กำหนด โดยรายงานคุณภาพที่ใช้จริง
สามารถเก็บข้อมูลเมตาดาต้า EXIF, XMP และ IPTC ไว้ได้ตามความต้องการ สำหรับการเผยแพร่ผ่านเว็บไซต์ การลบข้อมูลเหล่านี้จะเป็นค่าเริ่มต้น เนื่องจากช่วยประหยัดพื้นที่จัดเก็บประมาณไม่กี่ KB และช่วยลบพิกัด GPS ที่คุณอาจไม่ต้องการให้เปิดเผย