เคยเขียนลดขนาดรูปด้วย Built-in Email Option ใน Explorer หรือ Image Resizer for Windows ทั้งคู่ดี แต่วิธี Optimize รูปภาพยังมีอีกหลายวิธี หลายเว็บแนะนำ Paint แต่พบว่าไม่ดี รูปดูแย่กว่าเดิมมาก
สำคัญ: วิธีลดขนาดบางอย่าง ทำให้คุณภาพรูปลดลง เหมาะสำหรับเว็บ แต่ไม่เหมาะพิมพ์ เกิดขึ้นตอนเปลี่ยน Resolution (เช่น 2560×1440 → 1920×1080)
อีกวิธี: Compress รูปภาพ 2 ประเภท: Lossless (ลดขนาดไม่สูญเสีย Pixel เดี่ยว) และ Lossy (สูญเสียข้อมูลบ้าง)
รูปแบบไฟล์ (Format) ส่งผลต่อขนาดมาก รูปจากกล้องมักเป็น JPG (Compress ดี) รูปสีไม่มาก (≤256 สี) ใช้ GIF จะเล็กกว่า PNG Lossless 壓縮得好 適合 Web Graphics และรูปซับซ้อน
วิธีลดขนาดไฟล์รูปภาพ
เริ่มจากวิธีลดขนาด ไม่สูญเสียคุณภาพ ได้ไฟล์เล็กที่สุดคุณภาพเดิม Lossy Compression ให้ไฟล์เล็กกว่ามาก (จะเห็นในตัวอย่าง) แต่犠牲คุณภาพ
Format & Compression
ทดสอบ Flat Color Graphic: Screenshot เว็บ HDG (600×319) สีไม่มาก ไม่ซับซ้อน ขนาดไฟล์ Format ต่างๆ ไม่ Compress:
- Original GIF: 27 KB
- Original JPEG: 67 KB
- Original PNG: 68 KB
PNG และ GIF คมกว่า JPEG JPEG เหมาะ Photography GIF ดีที่นี่: 27 KB vs PNG 68 KB แต่ PNG Compress Lossy ได้ดีกว่า คุณภาพยังดี
Lossless Compression: JPG และ PNG ลดขนาดเล็กน้อย PNG → 45 KB, JPG → 58 KB
Lossy Compression ผลลัพธน่าประทับใจของ PNG:
- Lossy GIF: 22 KB (ลด 5 KB แต่วัณภาพมาก)
- Lossy JPEG: 50 KB (บีบอัดไม่มาก)
- Lossy PNG: 23 KB (คมที่สุด ใหญ่กว่า GIF แค่ 1 KB!)
ผมใช้ PNG สำหรับ Screenshot บนเว็บ JPEG เหมาะ Photography หลายสี จำไว้: JPG 16-bit (ล้านสี) PNG 24-bit (สีไม่จำกัด)
เปลี่ยน Format ใน Photo App ได้ ใช้ Online Tools Compress: Kraken.io (ผมใช้), TinyPNG, Optimizilla
เปลี่ยน Image Resolution
วิธีหลักลดขนาด: ลด Resolution 4000×2500 → 2000×1250 = ไฟล์ครึ่งขนาด จะสูญเสียข้อมูลมาก แต่ขึ้นอยู่กับวัตถุประสงค์
Image Editor ทุกตัวมี Resize: เปลี่ยน Width/Height หรือ Resolution (DPI/PPI) อ่านความต่าง DPI vs PPI บน Web ใช้แค่ Pixels Dots ใช้สำหรับ Print
ตัวอย่าง: เว็บผ้ารองรับรูปกว้าง 680px Resize ให้ ≤680px ก่อนอัปโหลด ไม่งั้น WordPress Resize ให้ แต่ไฟล์ใหญ่กว่าจำเป็น
เปลี่ยน Color Depth/Mode
รูปสีไม่มาก ไม่ต้อง Format รองรับล้านสี ตัวอย่าง Web: GIF ใช้ Indexed Color 8 bits/channel
เลือก RGB 16 bits/channel รูปเหมือนเดิมแต่ไฟล์ใหญ่กว่า อ่าน Color Modes เพิ่มที่ Adobe Image Editor ส่วนใหญ่เปลี่ยน Color Depth/Mode ได้
Crop รูปภาพ (Crop Image)
วิธีง่ายอีกอย่าง: Crop ตัดส่วนเกินทิ้ง ส่วนที่ Crop ออก จะหายจากไฟล์หมด ลดขนาดแน่นอน
Crop ไม่ได้แค่ Top/Bottom/Left/Right SnagIt Editor (โปรด) มี Cut Out Tool ตัดส่วนกลางแนวนอน/แนวตั้ง ได้บ่อยกว่าที่คิด ตัวอย่าง: Screenshot Start Menu พิมพ์ Command ต้องการแค่บนและล่าง ตัดกลางทิ้ง
ไฟล์ต้นฉบับ 22 KB ตัดกลางออก → 9 KB Compress อีก → 4.4 KB Crop สำคัญมากในการลดขนาด
หวังว่าลดขนาดรูปได้ และเรียนรู้การทำงานของ Digital Images ไปด้วย ถามได้เลย
