Lihat status alat gambar.
Menempatkan gambar di web itu hal yang baik, tetapi itu sulit. Memilih format yang tepat, kompresi, titik per inci (DPI), dan ratusan setelan lainnya justru bisa dengan mudah dilupakan jika kita melakukan semua ini sendiri.
Kabar baiknya adalah saat ini kita memiliki banyak alat dan layanan yang dapat melakukan semua itu untuk kita. Kabar baiknya, ada banyak hal menarik di sini. Terkadang sulit untuk memilih alat atau layanan mana yang tepat untuk Anda. Itulah sebabnya kami meluncurkan images.tooling.report, sebuah situs tempat kami mencantumkan hal-hal yang menurut kami paling penting saat mengirimkan gambar dalam produksi, dan untuk membandingkan beberapa software dan layanan terpopuler, baik software dan layanan tersebut berbayar maupun gratis, dihosting, atau dihosting sendiri.
Mengapa demikian?
Gambar membentuk bagian besar dari byte situs yang ditransfer—dan jumlah byte tersebut bertambah. Faktanya, kami menemukan bahwa gambar yang tidak dioptimalkan memiliki hampir 75% ukuran total halaman. Semua byte yang terbuang tersebut membutuhkan biaya. Itulah sebabnya dalam studi terhadap jutaan sesi pengguna yang sebenarnya, halaman yang berkonversi memiliki gambar 38% lebih sedikit daripada halaman yang tidak berkonversi. Jadi, haruskah Anda menghapus semua gambar Anda saja? Tentu saja tidak. Namun, Anda harus memastikan bahwa gambar yang Anda kirim dioptimalkan untuk semua pengguna, apa pun perangkat yang mereka gunakan.
Fitur apa ini?
Menyajikan gambar yang dioptimalkan lebih dari sekadar mengklik “Simpan untuk Web”. Itulah sebabnya images.tooling.report memeriksa berbagai fitur. Kita membahas dasar-dasarnya, seperti seberapa banyak kompresi yang disediakan oleh berbagai alat dan layanan, dan pengoptimalan jaringan seperti header cache yang tahan lama.
Namun, kita tidak berhenti di situ. Kami menelusuri opsi lanjutan lainnya, 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, untuk menemukan versi yang memerlukan byte paling sedikit tanpa mengubah cara mata kita memandangnya. Apakah Anda memeras setiap bagian non-visual terakhir dari gambar Anda sebelum mengirimkannya?
Tentu saja, setiap situs adalah kepingan salju—tidak ada satu alat atau layanan yang benar-benar melakukan semua yang kami cari. Hal itu wajar. Jadi, kami memecah apa 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. Berikut adalah definisi yang cukup longgar yang benar-benar ada untuk membuat perbandingan opsi yang berbeda menjadi lebih relevan:
- Plugin CMS adalah paket yang merupakan opsi mudah untuk dikembangkan di platform seperti WordPress.
- Pembuat situs membandingkan sejumlah layanan berbeda yang dapat Anda gunakan untuk membuat situs.
- Dihosting sendiri ditujukan bagi developer yang merasa nyaman meng-clone project git, atau menjalankan image Docker 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 bisa menjadi segalanya bagi semua orang setiap saat, tetapi Anda harus memeriksa pengujian dan fitur yang sedang dievaluasi serta melihat bagaimana pengoptimalan gambar Anda meningkat! Lalu bagaimana jika saat ini Anda belum melakukan sesuatu untuk pengoptimalan gambar? Maka, inilah saat yang tepat untuk mencoba alat gambar, dan lihat manfaat apa yang dapat Anda berikan kepada orang yang sudah menggunakan situs Anda.
Apa langkah selanjutnya?
Apakah Anda merasa kami melewatkan alat atau layanan image? Beri tahu kami. Baik alat dan layanan, maupun pengujian itu sendiri, adalah sesuatu yang hidup dan selalu diperbarui. Kapan pun Anda membutuhkan tempat cepat untuk melihat proses pengiriman gambar yang canggih, pastikan perhentian pertama Anda adalah images.tooling.report.
Hero image oleh Michael Maasen di Unsplash.