Loading...
Istilah terakhir
Internet

Favicon

Definisi Favicon | Favicon adalah ikon kecil yang mengidentifikasi situs web di browser. Sebagian besar browser menampilkan favicon situs web di sisi kiri bilah alamat, di samping URL. Beberapa browser juga dapat menampilkan favicon di tab browser, di sebelah judul halaman. Favicon otomatis disimpan bersama dengan bookmark atau favorit.

Favicon telah ada sejak awal tahun 2000-an dan didukung oleh semua browser. Namun, browser yang berbeda memberikan implementasi favicon yang berbeda. Misalnya, Firefox, Internet Explorer, dan Safari semua menampilkan favicon di bilah alamat, namun Google Chrome hanya menampilkannya di tab halaman. Sebagian besar browser mendukung favicon yang tersimpan sebagai file .GIF, .PNG, atau .JPG, namun Internet Explorer hanya menampilkan favicon yang tersimpan dalam format .ICO.

Cara standar untuk menerapkan favicon di situs web adalah mengunggah gambar berukuran 16×16 piksel kecil yang diberi nama favicon.ico ke direktori akar situs web. Ketika pengguna memuat halaman dari situs web di browser web, browser mencari file favicon.ico, dan jika menemukannya tersimpan dalam format yang didukung, secara otomatis akan menampilkan ikon di samping URL atau judul halaman. Favicon juga dapat ditentukan dalam HTML dari halaman web sebagai berikut:

<link rel=”shortcut icon” href=”http://www.domain.com/myicon.ico”>

Metode HTML biasanya mengesampingkan favicon yang tersimpan dalam direktori root, yang bisa berguna jika Anda ingin menampilkan favicon kustom untuk halaman tertentu dalam sebuah situs web.

CATATAN: Ukuran standar favicon adalah 16×16 piksel, meskipun sebagian besar browser akan mengenali favicon yang dapat dikenali sebagai gambar 32×32, 48×48, dan 64×64 piksel juga. Favicon yang lebih besar dari 16×16 piksel biasanya diperkecil menjadi 16×16 sehingga ditampilkan di browser dengan benar. Namun, browser yang mendukung tampilan retina akan menampilkan ikon 32×32 piksel dalam resolusi asli mereka.

Tagged
Leave a Reply

Your email address will not be published. Required fields are marked *

Loading...