Tips Penggunaan Gambar pada Blog

Membuat postingan blog yang menarik tidak dapat dilpaskan dari penggunaan gambar di dalam artikel. Tetapi menempatkan gambar yang sudah kamu pilih di dalam postingan sebenarnya memiliki beberapa hal yang harus kamu pertimbangkan. Karena image (gambar) yang ditampilkan akan mempengaruhi seberapa cepat blog kamu ditampilkan pada web browser pengunjung. Pada artikel ini akan dibagikan beberapa hal yang dapat menjadi referensi kamu dalam memilih format gambar untuk website juga optimasi yang dapat dilakukan untuk mempercepat loading blog.

Format Gambar untuk Website/Blog

Format image ada beberapa jenis, yang umum untuk ditemukan adalah JPEG (JPG), GIF dan PNG juga BMP. Perbedaannya tidak dapat dilepaskan dari jenis kompresi yang digunakan untuk menyimpan data.

Semakin besar kompresi semakin sedikit data yang disimpan. Dan jika ukuran data semakin besar, akan menambah waktu yang diperlukan untuk menampilkannya pada web browser. Ini lah pertimbangan utama dalam memilih jenis format gambar yang ingin kamu tampilkan di dalam sebuah blog.

Jika kamu ingin postingan blog loading dengan cepat, pergunakanlah gambar dengan format yang ukurannya paling kecil dengan kualitas yang dapat diterima. Berikut acuan sederhananya:

  • PNG sangat baik untuk dipergunakan pada kebanyakan web browser (IE6+ butuh sedikit sentuhan CSS untuk pengaturan transparansi). Format jenis ini sangat tepat untuk menyimpan grafik (ilustration) atau foto (kualitas tinggi)
  • JPG adalah pilihan terbaik untuk menampilkan foto secara online, walau kualitasnya tidak sebagus PNG tetapi cukup bisa diterima mata manusia
  • GIF sangat baik untuk menampilkan gambar grafik (jika kamu tidak mau menggunakan PNG), tapi jangan ubah foto kamu menjadi format GIF karena hasilnya tidak sedap dipandang mata
  • BMP bisa dikategorikan sebagai gambar tidak terkompresi, tidak disarankan untuk penggunaan pada blog (menghabiskan bandwidth saja)

Berikut adalah perbandingan, dua gambar yang sama; yang satu dalam format PNG dan yang satu dalam format JPG.

macbook-pro-450-png

PNG (96 KB)

macbook-pro-450-png

PNG (43 KB)

Tidak terlihat jelas kan perbedaannya di mata manusia? Tapi lihat ukuran file-nya, yang JPG 45% lebih kecil.

23. May 2013 by Nichpakaich
Categories: Artikel | Tags: , , , , , , , , , , , | Leave a comment

Tinggalkan Komentar