Rahasia Image pada Blogger

Sebelum mengupas lebih jauh tentang rahasia image/gambar pada blogger, barangkali informasi ini juga penting bagi anda.

Jika anda bertukar link dengan blogger yang lain dan menyertakan Image pada link tersebut (Adanya Image pada link ditandai dengan tag IMG) pastikan terlebih dahulu dari mana image itu berasal.

Pada prinsipnya image yang terdapat pada blog bisa berasal dari 2 sumber yaitu pertama dari database server penyedia layanan blog itu sendiri misalnya blogger.com, kedua berasal dari server lain yang menyediakan layanan penyimpanan image gratisan seperti picasa, flixr,PhotoBucket atau penyedia layanan web gratisan seperti geocities dan tripod. Kalau anda cari di google mungkin anda bisa dapat ratusan web penyimpan gambar.

contoh kasus

Yang di simpan di blogger

<a href="blablabla"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s1600/gml2.gif"></a>

Yang di simpan di photobucket

<a href="blablabla"><img src="http://i120.photobucket.com/albums/o190/gamal/gamal/menyimpan%20photo/gam06.png"></a>

Yang disimpan di Geocities

<a href="blablabla"><img src="http://www.geocities.com/topoleogi/gamal.jpg"></a>

Sekarang logika kan saja sendiri
Anggap saja anda memiliki 20 link hasil tukaran yang memiliki image dan sialnya image tersebut semua berasal dari server yang berbeda. Artinya ketika anda loading blog anda, maka ketika diloading tanpa anda sadari browser akan otomatis memanggil ke 20 server berbeda tersebut. Berapa beban yang harus dipikul oleh browser anda. Jika servernya bonavit seperti picasa google atau geocitiesnya yahoo okelah mungkin aman aman saja, karena bandwidth mereka raksasa. Tapi kalau traffic lagi tinggi-tingginya kadang google dan yahoo kepayahan juga. Bagaimana seandainya image tersebut disimpan di server kacangan yang hidup susah mati tak mau. Itu belum termasuk besarnya ukuran image yang harus diload. Bukan hanya membuat blog anda kepayahan tapi juga babak belur dan berantakan dibuatnya.

Jadi jika anda mau aman, simpan gambar/image anda pada server yang sama dengan blog anda, jika bermain di blogger.com, ya simpan di blogger. Begitu juga link plus image yang di terima dari hasil bertukar link, sebaiknya juga berasal dari server layanan yang sama.

Khusus menyangkut picasa google, ada sedikit keunikan. Ternyata saat anda upload gambar via blogger secara otomatis gambar tersebut juga tersimpan di album picasa google. setelah saya cermati hasilnya seperti ini

Script alamat Image dari Blogger.com

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s200/gml2.gif


Script alamat Image dari Picasa Web Album

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/


Kedua gambar ini sama tapi berasal dari 2 web yang berbeda, tapi kode-kodenya hampir mirip. Yang membuat saya sedkit penasaran adalah gambar yang saya import ke blogger berekstensi .gif di picasa album berubah jadi ekstensi .jpg. Akhirnya saya coba ulang sekali lagi dengan image berekstensi .png seperti ini

Script alamat Image dari Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png

setelah saya cek di picasa web album jadi seperti ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/

Artinya di picasa web album semua gambar diubah ke jpg. Tapi meskipun ada perbedaan, sepertinya blogger dan Google setali tiga uang. Jadi relatif aman menyimpan image/gambar di picasa web album

Kembali ke Rahasia gambar di blogger, saat mengupload gambar yang rencananya untuk dipakai sebagai banner image di blogger ternyata gambar yang saya buat dengan begitu indahnya setelah diupload malah menjadi sangat jelek mutunya. Pertanyaan yang muncul dibenak saya adalah WHERE'S MY REALY IMAGE ?

saya cermati ulang kode HTMLnya, ternyata yang kita peroleh saat upload gambar adalah versi thumbnailnya, selengkapnya seperti ini

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png" border="0" /></a>

Bagian yang berwarna merah adalah script Image yang tampil dengan mode thumbnail. Pantas hasilnya jelek. Sekedar bereksperiment, saya coba ganti yang berwarna merah tadi dengan script tag yang berwarna biru sehingga tampak seperti ini


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/-h/gamal.png" border="0" /></a>

setelah dibuka di browser hasilnya malah tak nampak, hilang, blank. Karena tak ada gambar, saya coba buka source kode HTMLnya, dan hasil yang saya dapatkan adalah

img scr="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600/gamal.png

setelah saya buka di browser, barulah ketahuan GAMBAR SAYA YANG SEBENARNYA. Ternyata rahasianya hanya dengan menghilangkan -h pada script diatas gambar saya ketemu juga.

Related Posts by Categories

image