ปรับแต่งรูปภาพในเว็บไซต์ให้สวยดั่งใจด้วย images.tooling.report

ดูสถานะของเครื่องมือรูปภาพ

Patrick Kettner
Patrick Kettner

การใส่รูปภาพบนเว็บถือเป็นสิ่งหนึ่ง แต่การจะถ่ายให้ดีนั้นเป็นเรื่องยาก การเลือกรูปแบบที่เหมาะสม การบีบอัด จุดต่อนิ้ว (DPI) และการตั้งค่าอื่นๆ หลายร้อยรายการอาจถูกลืมได้ง่ายๆ เมื่อเราทำทุกอย่างด้วยตัวเราเอง

ข่าวดีก็คือปัจจุบันเรามีเครื่องมือและบริการมากมายที่สามารถทำทุกอย่างให้เราได้ ข่าวดีก็คือเรามีข้อมูลอยู่มากมาย และอาจเลือกยากว่าเครื่องมือหรือบริการใดเหมาะกับคุณ ด้วยเหตุนี้เราจึงเปิดตัว images.tooling.report ซึ่งเป็นเว็บไซต์ที่เราคิดว่าสิ่งใดที่เราคิดว่าสำคัญที่สุดเมื่อจัดส่งรูปภาพในเวอร์ชันที่ใช้งานจริง รวมถึงเพื่อเปรียบเทียบซอฟต์แวร์และบริการที่ได้รับความนิยมสูงสุดบางรายการ ไม่ว่าจะเป็นซอฟต์แวร์แบบชำระเงินหรือฟรี แบบโฮสต์หรือโฮสต์ด้วยตนเอง

ทำไมจึงเป็นเช่นนั้น

รูปภาพเป็นส่วนสําคัญของจำนวนไบต์ที่โอนของเว็บไซต์ และไบต์เหล่านั้นก็รวมกันได้ อันที่จริงแล้วเราพบว่ารูปภาพที่ไม่ได้เพิ่มประสิทธิภาพมีเกือบ 75% ของขนาดรวมของหน้าเว็บ ไบต์สูญเปล่าทั้งหมดมีค่าใช้จ่าย ด้วยเหตุนี้ ในการศึกษาเซสชันผู้ใช้จริงหลายล้านเซสชัน หน้าเว็บที่ทําให้เกิด Conversion จึงมีรูปภาพน้อยกว่าหน้าที่ไม่ได้ทํา Conversion 38% ดังนั้น คุณควรลบรูปภาพทั้งหมดใช่ไหม แน่นอนว่าคำตอบคือไม่ แต่คุณควรตรวจสอบว่ารูปภาพที่ส่งเหมาะสมสำหรับผู้ใช้ทุกคน ไม่ว่าจะใช้อุปกรณ์ใดอยู่ก็ตาม

สิ่งนี้คืออะไร

การแสดงรูปภาพที่เพิ่มประสิทธิภาพมีมากกว่าแค่การคลิก “บันทึกสำหรับเว็บ” นั่นจึงเป็นเหตุผลที่ images.tooling.report ตรวจสอบฟีเจอร์ต่างๆ มากมาย เราครอบคลุมการทำงานพื้นฐานต่างๆ เช่น ปริมาณการบีบอัดของเครื่องมือและบริการต่างๆ และการเพิ่มประสิทธิภาพเครือข่าย เช่น ส่วนหัวของแคชที่ใช้ได้นาน

เราจะไม่หยุดเพียงเท่านี้ เราค้นหาตัวเลือกขั้นสูงอื่นๆ เช่น การรองรับ Save-Data, ECT และคำแนะนำสำหรับไคลเอ็นต์อื่นๆ เพื่อหาการวิเคราะห์ทางจิตวิทยาอัตโนมัติที่สามารถใช้โมเดลข้อมูลในการบีบอัดรูปภาพซ้ำๆ เพื่อหาเวอร์ชันที่ใช้เวลาน้อยที่สุดไบต์โดยไม่ต้องเปลี่ยนแปลงวิธีที่สายตาของเรารับรู้ คุณบีบส่วนสุดท้ายที่ไม่มีภาพออกจากภาพของคุณก่อนจะส่งต่อใช่ไหม

ภาพหน้าจอของหน้า Landing Page สำหรับ images.tooling.report ในโหมดมืด

แน่นอนว่าเว็บไซต์ทุกแห่งมีลักษณะเหมือนเกล็ดหิมะ ไม่มีเครื่องมือหรือบริการใดที่ทำทุกอย่างที่เรามองหาได้อย่างแท้จริง เป็นเรื่องปกติ เราจึงแยกสิ่งที่เราทดสอบออกเป็นหมวดหมู่ต่างๆ เนื้อหาของเราครอบคลุมเครือข่ายนำส่งข้อมูล (CDN), โปรเจ็กต์ที่โฮสต์ด้วยตนเอง, ปลั๊กอินระบบจัดการเนื้อหา (CMS) และเครื่องมือสร้างเว็บไซต์ ต่อไปนี้เป็นคำจำกัดความที่ค่อนข้างตรงไปตรงมาเพื่อพยายามให้การเปรียบเทียบตัวเลือกต่างๆ มีความเกี่ยวข้องมากขึ้น:

  • ปลั๊กอิน CMS คือแพ็กเกจที่เป็นตัวเลือกที่ใช้งานง่ายสำหรับการพัฒนาบนแพลตฟอร์ม เช่น WordPress
  • เครื่องมือสร้างเว็บไซต์จะเปรียบเทียบบริการหลายอย่างที่คุณใช้สร้างเว็บไซต์ได้
  • การโฮสต์ด้วยตนเองมีไว้สำหรับนักพัฒนาซอฟต์แวร์ที่ยินดีที่จะโคลนโปรเจ็กต์ Git หรือเรียกใช้อิมเมจ Docker ของตนเองในเวอร์ชันที่ใช้งานจริง
  • CDN จะซับซ้อนขึ้นเล็กน้อย บางส่วนเหล่านี้คือ CDN ในความหมายดั้งเดิม แต่อื่นๆ เป็นบริการที่พร็อกซีหรือโฮสต์รูปภาพของคุณที่ขอบ

คุณไม่สามารถทำให้ทุกอย่างได้กับทุกๆ คน แต่คุณควรตรวจสอบการทดสอบและฟีเจอร์ที่ได้รับการประเมิน และดูว่าเครื่องมือเพิ่มประสิทธิภาพรูปภาพของคุณเป็นอย่างไร และหากคุณยังไม่ได้ดำเนินการบางอย่างเพื่อการเพิ่มประสิทธิภาพรูปภาพในวันนี้ จากนั้นเป็นเวลาที่เหมาะสมในการตรวจสอบเครื่องมือเกี่ยวกับรูปภาพ และดูว่าคุณจะเป็นประโยชน์ต่อผู้ที่ใช้เว็บไซต์ของคุณอยู่แล้วอย่างไร

ขั้นตอนถัดไปคือ

คุณคิดว่าเราพลาดเครื่องมือหรือบริการเกี่ยวกับรูปภาพไปหรือไม่ โปรดแจ้งให้เราทราบ ทั้งเครื่องมือและบริการ ตลอดจนการทดสอบล้วนเป็นสิ่งมีชีวิตที่ได้รับการอัปเดต เมื่อใดก็ตามที่คุณต้องการสถานที่ด่วนเพื่อดูความทันสมัยในรูปภาพการจัดส่ง โปรดตรวจสอบว่าจุดหมายแรกคือ images.tooling.report

รูปภาพหลักโดย Michael Maasen ใน Unsplash