4 Format Gambar Terbaik Untuk Performa Website / Blog

Salam blogger, pada kesempatan ini saya akan menjelaskan sedikit pengetahuan saya tentang situs web yaitu rekomendasi ekstensi atau format gambar yang terbaik untuk meningkatkan performa situs web. Seperti biasanya artikel ini akan saya buka dengan informasi mengenai format gambar yang saya maksud.

Apa yang dimaksud dengan format gambar? Format gambar adalah ekstensi gambar yang menunjukkan jenis, karakteristik, kualitas dan tingkat kompresi gambar tersebut contohnya: .jpg (jpeg), .jp2 (jpeg 2000), .jxr (jpeg xr), .png, .gif, .webp dan lain-lain

Untuk website sedikitnya ada enam ekstensi atau format gambar yang paling umum digunakan dan didukung oleh banyak browser terutama browser modern, tetapi hanya 4 diantara mereka (format gambar) yang layak disebut sebagai format gambar terbaik untuk performa website /blog.

Rekomendasi Format Gambar Terbaik Untuk Website
Langsung saja ke topik pembahasan yang saya janjikan yaitu rekomendasi ekstensi atau format gambar yang terbaik untuk performa website atau blog, simak dengan seksama.

1. Format Gambar .WebP

Webp Images
Ekstensi gambar .webp adalah format gambar yang menggunakan kompresi lossy dan lossless , yang memungkin animasi dan transparansi alpha. Inilah menjadi acuan bahwa format gambar .WebP sangat baik untuk halaman web. [ads id="ads1"]

Format gambar .WebP sendiri dikembangkan oleh master web no 1 dunia yaitu google , WebP dirancang untuk membuat gambar dengan rasio kompresi yang lebih baik dibandingkan dengan format gambar JPEG standar. Sejak Februari 2021 format gambar .WebP telah didukung oleh 92% browser web yang digunakan di seluruh dunia.

2. Format Gambar JP2 (JPEG 2000)

JP2 (JPEG 2000)
Sama halnya dengan WebP, JP2 (JPEG 2000) juga menyediakan kompresi lossless dan lossy dalam arsitektur kompresi tunggal. Kompresi lossless yang disediakan menggunakan transformasi wavelet integer reversibel dalam JPEG 2000. Format gambar JP2 memungkinkan penanganan informasi ruang warna, metadata, dan interaktivitas dalam aplikasi jaringan.

JPEG (Joint Photographic Experts Group) membuat JPEG 2000 atau JP2 pada tahun 2000an, dan sekarang browser modern juga telah banyak yang mendukung penggunaan JPEG 2000 di situs web.

3. Format Gambar JPX (JPEG XR)

JPX (JPEG XR)
JPEG XR atau JPEG extended range adalah format gambar standar kompresi gambar diam dikembangkan dan dipatenkan oleh Microsoft. JPEG XR juga mendukung kompresi lossy dan lossless dan merupakan format gambar yang disukai untuk dokumen Ecma-388 Open XML Paper Specification.

Dalam pengoptimalan pagespeed website, penggunaan JPEG XR untuk situs web juga masuk dalam rekomendasi PSI , sama halnya dengan ektensi atau format gambar JPEG 2000 dan WepP karena dinilai format gambar JPEG XR dapat memberikan rasio kompresi yang lebih baik untuk situs web dan dapat dimuat dengan lebih cepat dan dengan konsumsi data yang lebih kecil.

4. Format Gambar JPEG Progressive

JPEG Progressive
JPEG Progressive adalah versi lain jpeg standar, ektensi jpeg progressive juga masih sama dengan jpeg standar yaitu .jpg tetapi untuk situs web, penggunaan jpeg progressive lebih di utamakan dibandingkan dengan jpeg standar (baseline). Karena rasio kompresi yang ada pada jpeg progressive lebih baik dari pada jpeg baseline.

Soal dukungan browser dan aplikasi, jpeg progressive juga lebih unggul dari yang lainnya yang saya sebutkan di atas karena pada dasarnya jpeg progressive merupakan file .jpg yang memiliki rasio kompresi yang cukup baik untuk situs web.

Bahkan browser versi rendah sekalipun mendukung penggunaan jpeg progressive meskipun progresif-nya terkadang tidak bekerja di browser versi rendah tetapi gambar tetap akan ditampilkan.

Mana Yang Lebih Baik

Mengkodekan gambar dalam format JPEG 2000, JPEG XR, dan WebP tentu lebih baik untuk kepentingan performa website, karena JPEG 2000, JPEG XR, dan WebP merupakan format gambar baru yang dirancang khusus untuk web, memiliki karakteristik kompresi dan kualitas superior dibandingkan dengan format jpeg standar, png dan lainnya.

Sedangkan jpeg progressive masih merupakan format gambar jpeg lama, yang dibuat khusus untuk website dan juga memiliki kompresi lebih baik dari jpeg baseline.

Jika format gambar JPEG 2000, JPEG XR, dan WebP di rasa kurang tepat untuk situs web anda maka jpeg progressive lah yang menjadi alternatif terbaik untuk mempertahankan performa situs web/blog anda.

Lalu Bagaimana Dengan PNG dan GIF?

PNG dan GIF juga baik dan didukung banyak browser untuk situs web tetapi rasio kompresi mereka tidak cukup baik jika dibandingkan dengan 4 format gambar terbaik untuk situs web seperti yang saya jelaskan di atas. Bahkan untuk performa website google menyarankan untuk mengganti gambar gif dengan video.

Sedangkan untuk .png sebaiknya tidak digunakan untuk konten website anda, saya sendiri hanya menggunakan .png untuk logo blog dan icon blog saja.

Penutup

Dari ke-empat rekomendasi di atas (4 format gambar yang terbaik untuk performa website) yang mana paling anda sukai? saran saya sebelum memilih format atau ektensi gambar untuk situs web anda, pahami terlebih dahulu konten dan website anda kemudian tentukan mana yang paling tepat untu website anda.

Baca Juga: Cara mengubah .jpg standar menjadi .jp2, .jxr, dan .webp

Akhir kata terima kasih telah berkunjung dan semoga artikel ini memberikan referensi yang tepat dalam mengembangkan website atau blog anda.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mengatasi URL Yang Dikecualikan (Discovered-Currently Not Indexed Status)

Gambar
Tahukah kamu apa itu " Discovered currently not indexed " dengan status " Excluded "? Discovered currently not indexed maksudnya adalah halaman (url) sudah ditemukan oleh google tetapi belum di-crawl, sedangkan status excluded adalah status url yang masuk dalam ketegori pengecualian atau di kecualikan. Biasanya halaman ( url ) yang dikecualikan juga tidak diindeks oleh google karena menurut google halaman (url) merupakan duplikat dari halaman yang diindeks, atau diblokir dari pengindeksan oleh beberapa mekanisme di situs web itu sendiri. Jika tag canonical url di terapkan dengan benar beberapa url atau halaman di situs web akan dikecualikan oleh crawler google, biasanya halaman yang dikecualikan merupakan halaman (url) yang memang tidak penting untuk diindeks seperi url ?m=1, ?m=0 dan /search. Pengecualian pada yang url seperti itu baik untuk situs web, dengan begitu url (halaman) duplikat akan terjaring kedalam keranjang pengecualian di search console. [ads id=...
Baca selengkapnya

Cara Mengatasi Render Blocking Resources Dari Template Blogger

Gambar
Cara Mengatasi Render-blocking resources -  Sedikitnya ada dua jenis resources pada template blogger yang menyebabkan bloking first paint pada halaman blog. Yang pertama resources yang berasal dari platform blogger (resources default) yang biasa kita sebut dengan bundle css blogger dan resources pihak ketiga (3rd party) seperti bundle css fontawesome dan library javascript. Kedua jenis resources (bundle css/js) tersebut sebenarnya bukan hal buruk untuk situs blog, kita hanya perlu memuatnya secara tidak sinkron (asynchron) jika memungkinkan, Dan khusus untuk bundle css/js bawaan blogger langkah terbaik saat ini untuk mengatasinya adalah adalah dengan menonaktifka-nya. Karena sangat tidak mungkin untuk memodifikasi kode tersebut. Dampak Negatif Render-Blocking Resources [ads id="ads1"] Yang paling nyata dampak negatif render-blocking resources adalah (bloking first paint) yaitu ketika browser memuat halaman blog yang pertama kali terlihat adalah layar putih, di butuhkan waktu...
Baca selengkapnya

Cara Mendaftarkan Blog Ke Google Adsense (Panduan Terupdate)

Gambar
Google adsense menjadi terget utama kebanyakan blogger di dunia, pasalnya google adsense memberikan penghasilan kepada konten kreator melalui monetisasi konten blog dengan iklan adsense. Oleh karena itu bagi kamu yang baru saja memulai blogging khususnya yang ngeblog di platform blogger saya akan menunjukkan cara mendaftarkan blog anda ke google adsense agar dapat dimonetisasi dengan iklan adsense. Tapi sebelumnya harap perhatikan dan terapkan beberapa poin di bawah ini agar blog anda dapat dimonetisasi dengan iklan adsense. Syarat Agar Blog Diterima Adsense Untuk Monetisasi Daftarkan blog anda ke google adsense jika sudah rampung. Pastikan konten blog tidak berisi konten dewasa dan perjudian. Buat navigasi yang relevan dengan konten dan niche blog. Pastikan blog memiliki trafik organik. [ads id="ads1"] Jika ke empat poin di atas yang menjadi syarat kelayakan situs (blog) untuk dimonetisasi dengan iklan adsense sudah dipenuhi oleh blog anda maka blog sudah siap untuk didaftar...
Baca selengkapnya