Apabila Anda memasang gambar atau image di blog atau website Anda, ada beberapa hal yang perlu Anda perhatikan supaya gambar atau image Anda bisa tampil sempurna di browser. Berikut beberapa tips dan trik supaya gambar terlihat sempurna saat diakses di browser.
1. Perhatikan Ukuran Gambar/Image
Yang perlu Anda perhatikan adalah ukuran dari gambar atau image yang akan Anda masukkan ke dalam posting blog atau website Anda. Usahakan Anda untuk menampilkan gambar menggunakan ukuran aslinya. Apabila Anda menampilkan gambar dengan cara diperkecil, maka hal tersebut akan berpengaruh terhadap bandwidth Anda. Karena browser akan mengakses gambar dengan ukuran yang sebenarnya (ukuran yang besar). Dan sebaliknya, jangan menampilkan gambar dengan cara diperbesar. Hal ini akan mengakibatkan tampilan gambar menjadi kurang bagus.
Sebagai contoh, apabila Anda memiliki gambar berukuran 50px x 50px, maka tampilkan di browser sesuai dengan ukuran tersebut (menggunakan kode <img src=”*.jpg”>), jangan menampilkannya dengan cara diperkecil (menggunakan kode <img src=”*.jpg” width=”20”’ height=”20”>) dan jangan pula menampilkan dengan cara diperbesar (menggunakan kode <img src=”*.jpg” width=”100” height=”100”>).
2. Karena kecepatan akses pengunjung blog atau website Anda berbeda-beda, maka Anda juga harus bisa menyesuaikan dengan kondisi tersebut. Apabila Anda ingin menampilkan image atau gambar di blog atau website Anda, Anda perlu memperhatikan ukuran file gambar atau image yang akan Anda tampilkan. Karena semakin besar ukuran gambar atau image, maka akan semakin lama proses loadingnya.
Untuk mendapatkan tampilan gambar atau image yang sesuai, Anda bisa memanfaatkan fasilitas yang ada di dalam aplikasi Photoshop. Pada saat Anda melakukan editing gambar atau image, simpanlah gambar atau image Anda dengan memilih pilihan Save for web dari menu File di Photoshop. Kemudian tentukan tipe gambar Anda, apakah jpeg atau gif. Anda juga bisa memilih kualitas dari gambar atau image Anda.