Blogfam Magazine

Artikel:

Pajang Gambar di Blog

Sebuah blog yang dihiasi gambar-gambar akan terlihat indah dan terkesan dinamis. Gambar-gambar tadi bisa berupa foto-foto, banner atau hiasan template blog lainnya. Tapi benarkah jika blog kita banyak memajang gambar akan menyebabkan loading blog menjadi berat atau lambat?

Pada edisi April kali ini, bz!Kronika akan membahas lebih jauh beberapa hal mengenai gambar-gambar yang biasa dipajang di blog. Mulai dari istilah dan formatnya, hosting, kode, juga variasi tampilannya. Simak deh!

Image

Gambar-gambar pada halaman blog yang berupa foto, banner, maupun potongan-potongan gambar yang membentuk tampilan blog biasa dikenal dengan istilah image.

Image berarti juga file gambar yang berformat gif, jpg, dan png. Ada juga image yang berformat bmp dan tiff, tapi kedua jenis ini tidak atau jarang digunakan pada image untuk web, karena ukuran file-nya yang besar. Image untuk halaman blog sebaiknya dibuat dengan ukuran file sekecil mungkin, namun harus tetap mempertahankan ketajaman gambar atau tidak mengurangi kwalitas image itu sendiri.

Hal ini diperlukan agar loading halaman blog, tidak berat dan lamban. Tapi sebenarnya, yang menyebabkan sebuah halaman blog berat atau lamban saat diakses tidak hanya karena banyaknya atau besarnya ukuran image yang ada pada blog itu. Pengaruh koneksi internet, script, tag yang error dan sebagainya bisa juga menjadi penyebabnya.

Images Hosting

Karena berbentuk file, maka image memerlukan tempat untuk menyimpannya.Tempat online yang khusus untuk menyimpan image disebut images hosting. Seperti juga blog hosting yang gratisan, maka images hosting juga banyak yang free alias gratis. Tidak hanya gratis, image hosting itu juga harus mendukung direct link atau url tempat gambar itu tersimpan bisa dipanggil dengan tag image hingga gambar tadi muncul di blog. Free images hosting yang bisa dilirik, diantaranya adalah geocities, photobucket, dan imagehacks.

Pada awal perkembangan blog, penyedia blog gratisan seperti blogger.com tidak memiliki fasilitas penyimpanan image. Maka, para blogger menggunakan free images hosting untuk menyimpan file-file gambarnya. Namun, saat ini hampir semua penyedia blog gratisan melengkapi fasilitasnya dengan image hosting sekaligus.

Jadi para blogger semakin dimanjakan karena tidak perlu bersusah payah mencari atau mendaftar free images hosting tersebut. Meski demikian, free image hosting ini masih diperlukan karena terbatasnya space atau kapasitas yang disediakan dalam layanan free blog tersebut. Misalnya blogger.com yang menyediakan 300MB, blogdrive dengan space 1MB dan blogsome sekitar 30MB.

Cara menyimpan image, baik dari free images hosting maupun free blog pada dasarnya sama. Yakni meng-upload atau mengirim file-file gambar yang kita simpan dari hardisk/disket/flashdisk ke lokasi penyimpanan online itu. Ikuti saja langkah-langkah dari free images hostingnya masing-masing, karena sangat mudah. Lalu ambillah url atau alamat online dimana images tersebut tersimpan.

Kode Image

Url atau alamat dimana images yang kita upload tersimpan nantinya diperlukan untuk dimasukkan dalam tag atau kode image yang berfungsi untuk memanggil images tersebut agar tampil di halaman blog.

Tag standar untuk menampilkan image secara langsung adalah:

<img src="url-images" />

Misalnya, image dengan nama 'banner.gif' tersimpan di geocities dengan lokasi (url) penyimpanan: http://geocities.com/bintangyn/banner.gif

maka tag image yang kita tulis di blog adalah:

<img src="http://geocities.com/bintangyn/banner.gif" />

Tag tersebut bisa dilengkapi dengan atribut lainnya seperti lebar (width) dan tinggi (height) image, text atau keterangan (alt), posisi penempatan (align - left/right/center) dan lainnya.

Variasi Tampilan Image

Foto atau ilustrasi gambar bisa tampil di blog dengan berbagai variasi, baik posisi maupun hiasan pemanis lainnya. Yang dibutuhkan adalah kode atau tag-tag pendukung. Beberapa contoh variasinya seperti garis outline (polaroid) atau bayangan (shadow) seperti gambar di bawah ini.

bz!Kronika