Membuat Favicon.ico
Artikel Lain
Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading, letak icon ini di samping URL situs web di address bar browser web. Mereka juga muncul dalam situs bookmarked Anda, tab tab pada browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows. Dikatakan icon kecil karena ukurannya hanyalah 16x16 pixel dan letaknya. Tapi saat ini ada beberapa variasi ukuran, yaitu:
16x16, 16-bit (256) colors
16x16, 32-bit colors
32x32, 16-bit (256) colors
32x32, 32-bit colors
48x48, 16-bit (256) colors
48x48, 32-bit colors
Efeknya adalah, makin besar ukurannya maka akan semakin lama pula waktu downloadnya.
Sekarang ini, hampir semua browser dapat mengenali file .gif atau .png (termasuk latar belakang yang transparan) sebagai icon, kecuali pada internet explorer dari windows yang masih hanya mengenali file .ico. Yang dibutuhkan untuk menampilkan icon tersebut adalah file windows icon (.ico) yang diupload ke direktori utama dari suatu website.
Membuat Favicon.ico
Untuk membuat file .ico pertama-tama Anda membutuhkan file plugin untuk photoshop agar program tersebut dapat mengenali file .ico dan menyimpan file sebagai .ico. Pastikan plugin tersebut telah terinstall pada komputer anda.
Pertama-tama buatlah icon pada photoshop dengan ukuran 400x400 pixel. Lakukan adjust pada icon, setelah hasil yang anda dapatkan dirasakan cukup, ubahlah ukuran kanvas tadi dari 400x400 pixel
menjadi 32x32 pixel ataupun 16x16 pixel. Setelah itu lakukan save as dan pilihlah tipe file .ico.
HTML source code untuk memanggil Favicon.ico
<link rel="Shortcut Icon" href="/favicon.ico">
atau
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">
Jika anda mengunakan file format GIF dan PNG:
<link rel="icon" href="/favicon.png" type="image/png">
atau
<link rel="icon" href="/favicon.gif" type="image/gif">
Kunjungi www.prowebpro.com untuk menambah wawasan anda.