ตรวจสอบสถานะของเครื่องมือสำหรับรูปภาพ
การวางรูปภาพบนเว็บเป็นเรื่องหนึ่ง แต่การทำให้รูปภาพดูดีนั้นเป็นเรื่องยาก การเลือกรูปแบบ การบีบอัด จุดต่อนิ้ว (DPI) และการตั้งค่าอื่นๆ อีกหลายร้อยรายการอาจเป็นเรื่องยากเมื่อต้องดำเนินการทั้งหมดด้วยตนเอง
ข่าวดีคือปัจจุบันเรามีเครื่องมือและบริการมากมายที่ทําสิ่งเหล่านี้ให้เราได้ ข่าวที่ไม่ค่อยดีคือมีวิดีโอจำนวนมาก การเลือกเครื่องมือหรือบริการที่เหมาะกับคุณอาจเป็นเรื่องยาก ด้วยเหตุนี้ เราจึงเปิดตัว images.tooling.report ซึ่งเป็นเว็บไซต์ที่แสดงรายการที่เราคิดว่าสำคัญที่สุดเมื่อนำส่งรูปภาพในเวอร์ชันที่ใช้งานจริง และเพื่อเปรียบเทียบซอฟต์แวร์และบริการยอดนิยมบางรายการ ไม่ว่าจะเป็นแบบชำระเงินหรือแบบไม่มีค่าใช้จ่าย โฮสต์หรือโฮสต์เอง
เหตุใดจึงเป็นเช่นนั้น
รูปภาพเป็นส่วนสำคัญของจำนวนไบต์ที่เว็บไซต์โอน และจำนวนไบต์เหล่านั้นก็เพิ่มขึ้นเรื่อยๆ ความจริงแล้ว เราพบว่ารูปภาพที่ไม่ได้เพิ่มประสิทธิภาพมีขนาดเกือบ 75% ของขนาดทั้งหมดของหน้าเว็บ ไบต์ทั้งหมดที่เสียไปนั้นล้วนมีค่าใช้จ่าย ด้วยเหตุนี้ ในการศึกษาเซสชันของผู้ใช้จริงหลายล้านเซสชัน หน้าเว็บที่สร้าง Conversion จึงมีรูปภาพน้อยกว่าหน้าเว็บที่ไม่ได้สร้าง Conversion 38% คุณจึงควรลบรูปภาพทั้งหมดเลยไหม ไม่ได้ แต่คุณควรตรวจสอบว่ารูปภาพที่คุณส่งได้รับการเพิ่มประสิทธิภาพสำหรับผู้ใช้ทุกคน ไม่ว่าผู้ใช้จะใช้อุปกรณ์ใดก็ตาม
สิ่งนี้คืออะไร
การแสดงรูปภาพที่เพิ่มประสิทธิภาพนั้นไม่ใช่แค่การคลิก "บันทึกสำหรับเว็บ" เท่านั้น ด้วยเหตุนี้ images.tooling.report จึงตรวจสอบฟีเจอร์ที่หลากหลาย เราจะอธิบายข้อมูลเบื้องต้น เช่น ระดับการบีบอัดที่เครื่องมือและบริการต่างๆ มีให้ และการเพิ่มประสิทธิภาพเครือข่าย เช่น ヘッダーแคชที่มีอายุการใช้งานยาวนาน
แต่เราไม่ได้หยุดอยู่แค่นั้น เราค้นหาตัวเลือกขั้นสูงเพิ่มเติม เช่น การรองรับ Save-Data, ECT และคำแนะนำไคลเอ็นต์อื่นๆ เพื่อค้นหาการวิเคราะห์ภาพทางจิตวิทยาอัตโนมัติที่ใช้โมเดลข้อมูลเพื่อบีบอัดรูปภาพซ้ำๆ เพื่อหาเวอร์ชันที่ใช้จำนวนไบต์น้อยที่สุดโดยไม่เปลี่ยนวิธีที่ตาของเรารับรู้ คุณกำลังบีบอัดข้อมูลที่ไม่เกี่ยวข้องกับภาพทุกๆ บิตสุดท้ายออกจากรูปภาพก่อนที่จะส่งผ่านสายไฟหรือไม่
แน่นอนว่าทุกเว็บไซต์มีความแตกต่างกันไป ไม่มีเครื่องมือหรือบริการใดที่ทำได้ทุกอย่างที่เราต้องการ เป็นเรื่องปกติ เราจึงแยกสิ่งที่ทดสอบออกเป็นหมวดหมู่ต่างๆ เราครอบคลุมเครือข่ายนำส่งข้อมูล (CDN), โปรเจ็กต์ที่โฮสต์เอง, ปลั๊กอินระบบจัดการเนื้อหา (CMS) และเครื่องมือสร้างเว็บไซต์ คำจำกัดความเหล่านี้ค่อนข้างคลุมเครือและไม่ได้มีไว้เพื่อเปรียบเทียบตัวเลือกต่างๆ ให้มีความเกี่ยวข้องมากขึ้น
- ปลั๊กอิน CMS คือแพ็กเกจที่พัฒนาบนแพลตฟอร์มต่างๆ เช่น WordPress ได้ง่าย
- เครื่องมือสร้างเว็บไซต์จะเปรียบเทียบบริการต่างๆ ที่คุณสามารถใช้สร้างเว็บไซต์
- โฮสต์เองมีไว้สำหรับนักพัฒนาซอฟต์แวร์ที่คุ้นเคยกับการโคลนโปรเจ็กต์ Git หรือเรียกใช้อิมเมจ Docker ของตนเองในเวอร์ชันที่ใช้งานจริง
- CDN มีความซับซ้อนกว่าเล็กน้อย CDN บางรายการเป็น CDN ในความหมายดั้งเดิม แต่บางรายการเป็นบริการที่ทำหน้าที่เป็นพร็อกซีหรือโฮสต์รูปภาพของคุณที่อุปกรณ์ที่ขอบ
คุณไม่สามารถตอบสนองความต้องการของทุกคนได้ตลอดเวลา แต่คุณควรดูการทดสอบและฟีเจอร์ที่ประเมินอยู่เพื่อดูว่าเครื่องมือเพิ่มประสิทธิภาพรูปภาพทำงานได้ดีเพียงใด ในกรณีที่คุณยังไม่ได้ดำเนินการใดๆ เพื่อเพิ่มประสิทธิภาพรูปภาพในวันนี้ นี่เป็นโอกาสที่ดีในการดูเครื่องมือเกี่ยวกับรูปภาพและดูว่าคุณสามารถมอบประโยชน์ใดบ้างให้แก่ผู้ที่ใช้งานเว็บไซต์อยู่แล้ว
ขั้นตอนถัดไปคือ
หากคิดว่าเราพลาดเครื่องมือหรือบริการเกี่ยวกับรูปภาพใดไป โปรดแจ้งให้เราทราบ ทั้งเครื่องมือและบริการ รวมถึงการทดสอบเองนั้นเป็นสิ่งที่เปลี่ยนแปลงอยู่เสมอ เมื่อใดก็ตามที่ต้องการดูข้อมูลล่าสุดเกี่ยวกับรูปภาพสำหรับการจัดส่งอย่างรวดเร็ว ให้ไปที่ images.tooling.report ก่อน
รูปภาพหลักโดย Michael Maasen ใน Unsplash