Gambar kecil di jendela Browser / Favicon

Favicon adalah gambar logo kecil yang ada di tab atau sebagai ikon website dan blog pada tab jendela browser, Format file nya yang biasa la...

Favicon adalah gambar logo kecil yang ada di tab atau sebagai ikon website dan blog pada tab jendela browser, Format file nya yang biasa lazim digunakan untuk gambar pada website adalah .ico 
Kalo dalam ukuran gambar sekira 16x16 pixel dan file diletakkan di root di direktori utama website.
Agar gambar file favcion dapat dikenali para browser maka kita dan program online lainya maka kita mendenifinisikan di halaman web, Maka kita letakkan sebaris kode ini di elemen head HTML :
<link rel="shorcut icon"
href="http://www.wavker.xyz/favcion.ico">

Jika sekiranya memakai kode url lain relatif maka nilai atribut nya "href" bisa kita singkat langsung :
<link rel="shorcut icon" href="favicon.ico">

Pada prinsip pembuatan logo nya sederhana, kita hanya memperkecil ukuran logo melalu tool atau dari situs.
gambar kecil atau bisa disebut favicon
Tampilan Gambar Favicon

lalu menyimpan nya menjadi file favicon.ico di folder utama proyek website agan, kebanyakan orang biasanya memakai ukuran awal huruf adalah cara lazim kebanyakan orang.
Kalo misalnya bloger agan tinggal memasukan gambar di Layout > Favicon> Edit lalu masukan gambar yang telah di perkecil.

Dalam hal website meksipun caranya sangat sederhana, yang menjadi masalah ketika pilihant software seperti photoshop dan lain lain tidak mendukung support file .ico, nah untungnya kita bisa memasang plugin melalui pihak ketiga, yang akan menformat file dalam bentuk .ico
#1. Bukalah http://www.telegraphics.com
#2. Pilih file bernama IcoFormat yang sesuai.
#3. Setelah di simpan, salin file nya
Untuk mencoba buka file gambar agan lalu sisipkan tag <link> di elemen head dokumen HTML.

Atau misalnya agan bingung membuat gambar logo favcion agan bisa mencoba dan membuka layanan layanan Favcion Generator, dengan mengupload gambar kita untuk di generate oleh tool online tersebut berikut situs nya :
  • Favicomatic.com
  • favicon-generator.org

Postingan Terkait

0 komentar