Membuat Thumbnail Website secara Otomatis

Menampilkan screenshot atau thumbnail (gambar kecil) dari sebuah website adalah salah satu cara agar calon pegunjung website atau blog Anda bisa melihat terlebih dahulu bagaimana tampilan situs Anda sebelum mereka mengunjunginya. Atau bisa juga untuk sekedar estetika untuk link ke sebuah situs, dimana Anda dapat meletakkan gambar preview sebuah situs sebagai link ke situs tersebut (bukan sekedar tulisan).

Lalu, bagaimana cara membuat thumbnail sebuah situs/blog? Anda dapat membuatnya sendiri dengan cara manual, yang sangat tidak praktis (ane pernah mengalaminya, dulu). Anda dapat membuka website tersebut di browser Anda, lalu anda “potret” menggunakan software yang bisa Anda cari sendiri di web, lalu Anda kecilkan gambar tersebut, lalu Anda upload, baru ditampilkan. Cara ini adalah cara masa lalu yang sangat repot. Langkah diatas harus dilakukan untuk mengupdate gambar tersebut.

Sekarang, ane baru tahu dari Mas Rismaka, bahwa ada situs yang menyediakan layanan “potret-memotret” website gratis. Salah satu layanan tersebut disediakan oleh situs Thumbshots. Sebenarnya banyak layanan serupa, tetapi karena ane hanya tahu satu ini, maka hanya yang ini yang akan gua bahas.

Untuk menggunakan layanan ini, terlebih dahulu Anda perlu mendaftar (gratis kok) (nggak ndaftar juga nggak apa-apa sebenernya). Setelah mendaftar, Anda akan mendapatkan kode HTML yang digunakan untuk menampilkan gambar tersebut. Kode ini hanyalah sebuah tag IMG yang bertaut ke thumbshots selaku penyedia gambar. Inilah kode tersebut:

<img src=”http://open.thumbshots.org/image.aspx?url=[LINK]” border=”1″ />

Tulisan [LINK] itulah yang harus diganti dengan alamat website yang ingin Anda tampilkan thumbnail-nya. Misalnya:

<img src="http://open.thumbshots.org/image.aspx?url=https://abrari.wordpress.com" border="1" />.

Maka hasilnya seperti ini:

Namun ada satu hal yang harus diingat, karena layanan ini gratisan, Anda harus mencantumkan sebuah link ke situs Thumbshots.com (versi berbayar dari layanan ini). Dan jika tidak dicantumkan, thumbnail website Anda akan dihapus. Entah ini benar atau tidak, yang jelas ini adalah sebuah ancaman :)

<a href=”http://www.thumbshots.com&#8221; target=”_blank” title=”This site uses Thumbshots previews”>This site uses Thumbshots previews</a>

Kode tersebut akan menghasilkan sebuah link ke situs Thumbshots.com. Tidak terlalu mengganggu kok. Cantumkan saja. Atau jika Anda cukup curang Anda dapat mengganti warna tulisannya dengan warna background (agar tidak terlihat), atau mengecilkan ukuran font-nya sampai tidak terlihat. Tapi ini jelas tidak baik.

Thumbnail website akan diupdate setiap 45 hari (lama banget ya?) atau tergantung popularitas situs Anda dan seberapa sering situs Anda diupdate. Namun Anda masih dapat mengusahakan percepatan update dengan login ke thumbshots.org terlebih dahulu, lalu klik menu Product > Thumbshots > Update Thumbshots. Lalu masukkan alamat situs yang ingin Anda percepat update potretnya. Situs akan diantrikan dalam daftar pemotretan dan akan dipotret sesuai urutan antrian (bisa sampai berminggu-minggu).

Beberapa hal yang perlu diperhatikan lebih lanjut:

1. Karena gambar berasal dari server thumbshots.org, maka jika servernya sedang lambat, gambar Anda juga akan lambat di-load.

2. Thumbnail yang disediakan hanya berukuran 120×90 piksel. Tidak bisa lebih besar lagi kecuali Anda memakai versi berbayar dari layanan ini.

3. Thumbshots.org hanya akan memotret halaman induk dari website Anda, tidak bisa memotret per halaman karena ini versi gratisan.

4. Jika thumbshots.org belum punya potret dari situs Anda karena masih dalam daftar antrian, gambar yang akan tampil adalah gambar bertuliskan THUMBSHOTS.COM – IMAGE COMING SOON.

Contoh dari pemakaian layanan thumbshots ini bisa dilihat di sidebar blog ini (bagian PARTNER) atau halaman blogroll-nya Mas Rismaka.