Mengenal Favicon (Kenalan aja ya …)

September 23, 2009

Jika kita perhatikan di samping kiri address bar (sebelah kiri tulisan http://xxx) kadang-kadang muncul suatu icon unik untuk masing-masing website yang kita buka, misal untuk wordpress ada logo wordpress, wikipedia ada icon “W” seperti pada gambar.

favicon facebook (Custom)

Icon-icon seperti itu disebut dengan “favicon”. Ukuran dari favicon adalah 16×16, 32×32, 48×48, 64×64 bahkan 256×256 pixel; sedangkan format dari favicon dapat berupa ICO, PNG, GIF atau JPG. Format GIF dapat berupa favicon animasi.

Pada awalnya, favicon berformat *.ico dan ditempatkan pada root directory dari webserver yang akan digunakan oleh IE sebagai icon dalam bookmark. Tetapi pada perkembangannya dengan menggunakan tag HTML untuk menunjukkan tempat dimana favicon berada yang ditempatkan pada head section dapat menampilkan format lain serta pada lokasi yang lain.

Cara membuatnya dapat menggunakan bantuan online tools seperti:

1. Favicon maker- Create a favicon from any imagetools.dynamicdrive.com/favicon/
2. favicon.cc
3. html-kit.com/favicon/
4. degraeve.com/favicon/
5. chami.com/html-kit/services/Favicon/
6. favicon.co.uk
7. graphicsguru.com

dan lain-lain, ketik saja “favicon generator” pada search engine, pasti akan muncul banyak sekali online tools untuk membuat favicon.

Secara umum untuk menambahkan favicon pada website kita cukup dengan mengupload file favicon kita pada website dan tambahkan pada “head section” <link rel=”shortcut icon” “http://www.websitekita.com/favicon.ico&#8221; >; kadang-kadang ada sedikit varian dengan menambahkan type, tetapi jangan khawatir karena setiap website favicon generator akan ada cara instalasinya (menambahkan di website kita), tinggal diikuti saja.
Selamat membuat favicon🙂.

Satu Tanggapan to “Mengenal Favicon (Kenalan aja ya …)”

  1. Pungki said

    Thanks Pak udah share ilmu. Kebetulan saya sedang cari cara untuk mengubah icon itu. Ternyata namanya Favicon.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: