Lihat status alat gambar.
Menempatkan gambar di web adalah hal yang mudah, tetapi sulit untuk melakukannya dengan baik. Memilih format, kompresi, titik per inci (DPI), dan ratusan setelan lainnya yang tepat dapat dengan mudah terlupakan jika kita melakukannya sendiri.
Kabar baiknya, saat ini kita memiliki banyak alat dan layanan yang dapat melakukan semua hal tersebut untuk kita. Kabar yang tidak terlalu baik adalah, ada banyak sekali. Memilih alat atau layanan yang tepat untuk Anda mungkin sulit. Itulah sebabnya kami meluncurkan images.tooling.report, situs tempat kami mencantumkan hal-hal yang menurut kami paling penting saat mengirimkan image dalam produksi, dan untuk membandingkan beberapa software dan layanan paling populer, baik berbayar maupun gratis, yang dihosting atau dihosting sendiri.
Mengapa demikian?
Gambar membentuk sebagian besar byte yang ditransfer situs—dan byte tersebut bertambah. Faktanya, kami menemukan bahwa gambar yang tidak dioptimalkan mencakup hampir 75% dari total ukuran halaman. Semua byte yang terbuang tersebut memiliki biaya. Itulah sebabnya dalam studi terhadap jutaan sesi pengguna sebenarnya, halaman yang menghasilkan konversi memiliki 38% lebih sedikit gambar daripada halaman yang tidak menghasilkan konversi. Jadi, apakah Anda harus menghapus semua gambar? Tentu saja tidak. Namun, Anda harus memastikan bahwa gambar yang Anda kirim dioptimalkan untuk semua pengguna, terlepas dari perangkat yang mereka gunakan.
Apa ini?
Menayangkan gambar yang dioptimalkan tidak hanya dengan mengklik “Simpan untuk Web”. Itulah sebabnya images.tooling.report memeriksa berbagai fitur. Kita akan membahas dasar-dasarnya, seperti jumlah kompresi yang disediakan berbagai alat dan layanan, serta pengoptimalan jaringan seperti header cache yang berumur panjang.
Namun, kami tidak berhenti di situ. Kami menelusuri opsi yang lebih canggih, seperti dukungan untuk Save-Data, ECT, dan petunjuk klien lainnya, untuk mencari analisis psikovisual otomatis yang dapat menggunakan model data untuk mengompresi gambar berulang kali, guna menemukan versi yang menggunakan byte paling sedikit tanpa mengubah cara mata kita melihatnya. Apakah Anda memeras setiap bit non-visual terakhir dari gambar sebelum mengirimkannya melalui kabel?
Tentu saja, setiap situs unik—tidak ada satu alat atau layanan yang benar-benar melakukan semua hal yang kami cari. Hal ini wajar. Jadi, kami membagi hal yang kami uji ke dalam berbagai kategori. Kami membahas Jaringan Penayangan Konten (CDN), project yang dihosting sendiri, plugin Sistem Pengelolaan Konten (CMS), dan pembuat situs. Ini adalah definisi yang cukup longgar yang benar-benar ada untuk mencoba membuat perbandingan berbagai opsi menjadi lebih relevan:
- Plugin CMS adalah paket yang merupakan opsi mudah untuk dikembangkan di platform seperti WordPress.
- Pembuat situs membandingkan sejumlah layanan yang dapat Anda gunakan untuk membuat situs.
- Dihosting sendiri ditujukan untuk developer yang nyaman meng-clone project git, atau menjalankan image Docker mereka sendiri dalam produksi.
- CDN sedikit lebih rumit. Beberapa di antaranya adalah CDN dalam arti tradisional, tetapi yang lainnya adalah layanan yang melakukan proxy atau menghosting gambar Anda di edge.
Anda tidak dapat memenuhi semua kebutuhan semua orang setiap saat, tetapi Anda harus memeriksa pengujian dan fitur yang sedang dievaluasi dan melihat seberapa baik pengoptimal gambar Anda. Bagaimana jika Anda belum melakukan sesuatu untuk pengoptimalan gambar hari ini? Jadi, sekarang saat yang tepat untuk memeriksa alat gambar, dan melihat manfaat yang dapat Anda berikan kepada orang yang sudah menggunakan situs Anda.
Apa langkah selanjutnya?
Apakah menurut Anda kami melewatkan alat atau layanan gambar? Beri tahu kami. Alat dan layanan, serta pengujian itu sendiri, adalah hal yang terus diperbarui. Setiap kali Anda memerlukan tempat cepat untuk memeriksa teknologi terbaru dalam pengiriman gambar, pastikan perhentian pertama Anda adalah images.tooling.report.
Banner besar oleh Michael Maasen di Unsplash.