Cara Membuat File Icon menggunakan favicon

Apa itu favicon.ico ??


Gambar Icon adalah gambar kecil yang muncul di browser tepatnya di samping alamat Website-mu saat websitemu di acces oleh pengunjung, mungkin tidak semua browser yang pasti menampilkan adalah Firefox (coba acces halaman ini dengan firefox).
Gambar tersebut berada di folder masing-masing templates, menggunakan file gambar dengan extension ico, biasanya ukurannya kecil sekitar 16 X 16 Px, bisa berupa gambar statis ataupun animasi.

Apa gunanya file Gambar icon ??


Belum diketahui orang banyak mengenai manfaat gambar icon ini, sehingga banyak webmaster mengabaikannya, padahal ternyata sangat berguna sekali, di antaranya yaitu:
1. Sebuah Icon seperti gambar Loggo menggambarkan secara sederhana misi Website tersebut.
2. Icon yang spesifik menunjukkan Bonafiditas dari perusahaan di balik website itu.
3. Tampilan Gambar Icon yang menarik (animasi, warna-warni), menambah daya tarik pengunjung.
4. Dengan mendesain gambar icon berarti selangkah lebih maju dalam penampilan website.

Bagaimana cara desain file icon ??

Sekarang telah tersedia situs-situs Favicon generator online yang akan membantu kita mendesain file icon, diantaranya adalah:

http://tools.dynamicdrive.com/favicon (upload maximum: 150 Kb)
http://www.favicon.cc ( buat & upload )
http://www.degraeve.com/favicon ( buat & upload )
http://www.htmlkit.com/favicon/ ( upload )
http://www.favicon.co.uk ( upload maximum 64 X 64 px )
note: "make" artinya kita langsung buat dari awal sampai akhir jadi file ico, tapi untuk "upload" kita sudah mempersiapkan file dalam extension png, gif, bmp, jpg dll lalu kita upload untuk dikonversi ke file ico lalu tinggal download.

Sedangkan untuk mempersiapkan file yang akan diupload bisa kita buat dengan Software pengolah gambar seperti Photoshop dan Image Ready untuk buat animasinya (bergerak):
Secara garis besar urutannya sbg berikut:

1. Buat gambar/Loggo sesuai keinginan dengan ukuran lebih besar (misanya 50 X 50 Px) agar bisa lebih detail.
2. Buat animasinya dengan jump to Image Ready.
3. Resize gambar ke ukuran lebih kecil, standarnya 16 X 16, pilih untuk keperluan online.
4. Upload file tersebut ke Situs "Favicon Generator", lalu tombol untuk mengkonversi biasanya
hasil gambar ditampilkan, jika cocok tinggal download dan siap untuk diinstall.

Bagaimana memasang gambar icon di situs Joomla milik kita?

1. Cari file ico diletakkan, biasanya di folder templates, misalnya untuk template milkyway:
domain/templates/milkyway/images/favicon.ico
2. Rename new file icon dengan nama file pada no.1
3. Copy dan paste/replaced dengan new file ico.
4. Buka browser (misalnya Firefox) perhatikan apakah sudah berubah dengan icon baru.


Demikianlah cara menginstall icon buatan sendiri.