ในปัจจุบัน แม้ว่า เทคโนโลยีทางความเร็วของการใช้งานอินเตอร์เน็ตจะสูงขึ้นมาก การเข้าถึงเว็บไซท์แต่ละที่ทำได้อย่างรวดเร็ว และ ตอบสนองผู้ใช้ได้อย่างดี
สิ่งที่ผมจะมาแนะนำนั้น เป็นเทคนิคของการทำเว็บไซท์ให้เร็วขึ้น ซึ่งมีหลาย ๆ เรื่องในการทำให้เว็บเราเร็วขึ้นได้ หนึ่งในนั้นคือ การ reduce ไฟล์รูปภาพ คือ ทำให้ขนาดของรูปภาพเล็กที่สุดเท่าที่จะเล็กได้ อ่านให้ดีนะครับ ขนาดของไฟล์ ไม่ใช่ ขนาดของรูป นะครับ ซึ่งวิธีการที่จะนำมาใช้ก็มีหลากหลายวิธีอีกเช่นกัน เราเรียกรวมรวม ๆ ว่า การ Compress and optimize images for website
ก่อนอื่นมารู้จักศัพท์ของการทำ compress ก่อนว่าแตกต่างกันยังไง ในปัจจุบัน การทำ compress นั้นมีอยู่ 3 รูปแบบดังนี้
1. Lossy compression
2. Glossy Compression
3. Lossless Compression
แล้วแบบไหนล่ะที่ดีที่สุดสำหรับเราในการเลือกใช้ ก็ให้ข้อมูลตามนี้ครับ
Lossy compression
Lossy เป็นตัวเลือกที่ดีที่สุดสำหรับผู้ใช้ส่วนใหญ่ รูปภาพที่ประมวลผลด้วยอัลกอริธึมการสูญเสียเป็นภาพที่เล็กที่สุดที่คุณจะได้รับ ดังนั้นหากความเร็วของเว็บไซต์ของคุณเป็นสิ่งสำคัญและคุณต้องการความสมดุลที่ดีที่สุดระหว่างการปรับให้เหมาะสมและคุณภาพของภาพเราขอแนะนำให้คุณใช้การเพิ่มประสิทธิภาพที่สูญเสียไปต่อไป
Glossy Compression
Glossy เป็นตัวเลือกที่ดีที่สุด หากคุณกังวลเรื่อง Google Insights แต่คุณเชื่อว่าการสูญเสียความเร็วของหน้าเว็บเล็กน้อยนั้นเป็นสิ่งที่ยอมรับได้สำหรับคุณภาพของภาพที่ดีที่สุด
Lossless Compression
ภาพที่ปรับให้เหมาะสมแบบไม่สูญเสียนั้นมีขนาดพิกเซลต่อพิกเซลเหมือนกันกับต้นฉบับ แต่มีขนาดเล็กลงเมื่อเปรียบเทียบกับไฟล์ที่ประมวลผลแบบ Lossy หรือ Glossy หากคุณต้องการให้ภาพของคุณไม่ถูกแตะต้องให้เลือกตัวเลือกนี้
ทางเลือกในการ compress image นั้นมีหลากหลายวิธี ตัวผมเองผมใช้ tools ตัวนึง รันบน windows ชื่อว่า RIOT เป็น free tools ที่โหลดมาติดตั้งบนเครื่องใช้งานได้สะดวกดีครับ ค่อนข้างอัตโนมัติดี ส่วนอีกทางเลือกก็ต้อง online compress ซิครับ แนะนำที่นี่ ผมถือว่า ดีพอใช้ได้ https://shortpixel.com/online-image-compression ง่ายและสะดวก มีให้เลือกใช้ครับผม
ส่วนใครที่ใช้ wordpress เป็นเครื่องมือทำเว็บ ก็แนะนำ plugin ตัวนี้ครับ https://wordpress.org/plugins/shortpixel-image-optimiser/ ของเจ้าเดียวกัน