Jadikan gambar situs Anda sempurna dengan images.tooling.report

Lihat status alat gambar.

Patrick Kettner
Patrick Kettner

Menempatkan gambar di web itu merupakan hal yang mudah, tetapi sulit untuk melakukannya dengan baik. Memilih format, kompresi, titik per inci (DPI) yang tepat, dan ratusan setelan lainnya bisa jadi mudah terlupakan jika kita melakukannya sendiri.

Kabar baiknya adalah saat ini kita memiliki banyak alat dan layanan yang dapat melakukan semua itu untuk kita. Namun, kabarnya tidak terlalu bagus. Mungkin sulit untuk memilih alat atau layanan yang tepat untuk Anda. Itulah alasan kami meluncurkan images.tooling.report, situs tempat kami mencantumkan hal-hal yang menurut kami paling penting saat mengirimkan gambar ke tahap produksi, serta untuk membandingkan beberapa software dan layanan terpopuler, baik yang berbayar maupun gratis, dihosting, atau dihosting sendiri.

Mengapa demikian?

Gambar merupakan bagian penting dari byte situs yang ditransfer—dan jumlah byte tersebut bertambah. Faktanya, kami mendapati bahwa gambar yang tidak dioptimalkan mencakup hampir 75% dari total ukuran halaman. Semua {i>byte<i} yang terbuang itu ada konsekuensinya. Itulah mengapa, dalam sebuah penelitian terhadap jutaan sesi pengguna yang nyata, halaman yang dikonversi memiliki gambar 38% lebih sedikit dibandingkan halaman yang tidak dikonversi. Jadi apakah Anda harus menghapus semua gambar saja? Tentu saja tidak. Namun, Anda harus memastikan bahwa gambar yang dikirim telah dioptimalkan untuk semua pengguna, apa pun perangkat yang mereka gunakan.

Apa ini?

Menyajikan gambar yang dioptimalkan lebih dari sekadar mengklik “Simpan untuk Web”. Oleh karena itu, image.tooling.report memeriksa berbagai fitur. Kita akan membahas dasar-dasarnya, seperti seberapa besar kompresi yang disediakan berbagai alat dan layanan, dan pengoptimalan jaringan seperti header cache yang tahan lama.

Namun, kita tidak berhenti di situ. Kami mencari opsi lanjutan lainnya, seperti dukungan untuk Save-Data, ECT, dan petunjuk klien lainnya, untuk mencari analisis psikovisual otomatis yang dapat menggunakan model data untuk berulang kali mengompresi gambar, untuk menemukan versi yang mengambil byte paling sedikit tanpa mengubah cara mata kita memandangnya. Apakah Anda memeras setiap bagian non-visual terakhir dari gambar sebelum mengirimkan kabel?

Screenshot halaman landing untuk images.tooling.report dalam mode gelap.

Tentu saja, setiap situs adalah kepingan salju—tidak ada satu alat atau layanan yang benar-benar mengerjakan segala hal yang kami cari. Sudah diperkirakan! Jadi, kami pecahkan 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. Ini adalah definisi yang cukup longgar yang sebenarnya ada untuk 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 berbeda yang dapat Anda gunakan untuk membuat situs.
  • Dihosting sendiri ditujukan untuk developer yang terbiasa meng-clone project git, atau menjalankan image Docker mereka sendiri dalam produksi.
  • CDN sedikit lebih rumit. Sebagian di antaranya merupakan CDN dalam artian tradisional, tetapi sebagian lainnya merupakan layanan yang menyediakan proxy atau menghosting gambar Anda di edge.

Anda tidak bisa menjadi apa saja bagi semua orang setiap saat, tetapi Anda harus memeriksa pengujian dan fitur yang dievaluasi dan melihat bagaimana pengoptimal gambar Anda dibandingkan. Lalu bagaimana jika Anda belum melakukan sesuatu untuk pengoptimalan gambar saat ini? Maka, inilah saat yang tepat untuk mempelajari alat gambar, dan melihat manfaat yang dapat Anda berikan kepada orang yang sudah menggunakan situs Anda.

Apa langkah selanjutnya?

Apakah Anda merasa kami melewatkan alat atau layanan gambar? Beri tahu kami. Alat dan layanan, maupun pengujian itu sendiri, adalah hal yang hidup dan diperbarui. Kapan pun Anda memerlukan tempat cepat untuk memeriksa kualitas gambar pengiriman yang canggih, pastikan perhentian pertama Anda adalah images.tooling.report.

Banner besar oleh Michael Maasen di Unsplash.