Favicon
Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon.
Sejarah
Pada bulan Maret 1999, Microsoft merilis Internet Explorer 5 dengan dukungan favicon untuk pertama kalinya. Awalnya, favicon adalah sebuah berkas yang bernama favicon.ico ditempatkan di direktori akar (misalnya, http://en.wikipedia.org/favicon.ico ) dari sebuah situs web.[1][2] Itu digunakan di favorit Internet Explorer (bookmark) dan selanjutnya ke URL di address bar. Teknik ini telah menjadi usang karena semua peramban modern mendukung favicon tanpa bookmark.[3]
Standardisasi
Favicon distandardisasi oleh World Wide Web Consortium (W3C) dalam rekomendasi HTML 4.01, dirilis pada Desember 1999, dan kemudian dalam rekomendasi XHTML 1.0, dirilis pada Januari 2000. Implementasi standar menggunakan elemen link dengan atribut rel di bagian <head> dokumen untuk menentukan format file dan nama file serta lokasi. Tidak seperti skema sebelumnya, file dapat berada di direktori situs Web mana pun dan memiliki format file gambar apa pun.[4][5]
Pada tahun 2003, format .ico didaftarkan oleh pihak ketiga dengan Internet Assigned Numbers Authority (IANA) di bawah tipe MIME image/vnd.microsoft.icon.[6][7] Namun, saat menggunakan format .ico untuk ditampilkan sebagai gambar (misalnya bukan sebagai favicon), Internet Explorer tidak dapat menampilkan file yang disajikan dengan tipe MIME standar ini.[8] Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.[9]
RFC 5988 membuat registri hubungan tautan IANA,[10] dan rel="icon" didaftarkan pada tahun 2010 berdasarkan spesifikasi HTML5. <link rel="shortcut icon" type="image/png" href="image/favicon.png"> populer secara teoretis mengidentifikasi dua hubungan, pintasan dan ikon, tetapi pintasan tidak terdaftar dan berlebihan. Pada tahun 2011 standar hidup HTML[11] menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon;[12] tetapi, pintasan tidak memiliki arti dalam konteks ini.
Kode
<link rel="shortcut icon" href="http://example.com/myicon.ico" />
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico" />
<link rel="icon" type="image/png" href="http://example.com/image.png" />
<link rel="icon" type="image/gif" href="http://example.com/image.gif" />
favicon.ico berlokasi di akar laman web.
Peninggalan
Microsoft Internet Explorer hanya mendukung format file ICO, dengan mengubah ekstensi nama berkas gambar ke ico tanpa mengubahnya ke berkas ICO akan menghasilkan kesalahan dan tidak menampilkan favicon. Peramban Netscape 7, Internet Explorer 5, dan versi 6 hanya akan menampilkan favicon pada halaman yang telah di-bookmark dan tidak ketika halaman dikunjungi seperti pada peramban modern.
Referensi
- ↑ Dave Lane. Creating a Multi-Resolution Favicon Including Transparency with the GIMP. Egressive.com. 9 August 2008.
- ↑ What's With Google's New Mini Icon?. BBC. 20 January 2009.
- ↑ Jennifer Apple. Favicon — How To Create A Favicon.ico. Photoshopsupport.com.
- ↑ Karl Dubost. Web site meta data profile: favicon,. October 2005.
- ↑ Karl Dubost. How to Add a Favicon to your Site. 24 October 2005.
- ↑ Simon Butcher. Published specification. 3 September 2003.
- ↑ IE9 RC Minor Changes List. IEInternals.
- ↑ IE9 RC Minor Changes List. IEInternals.
- ↑ Paul Irish. commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate. 15 December 2010.
- ↑ Link Relations.
- ↑ Ian Hickson. HTML is the new HTML5. The WHATWG Blog. 19 January 2011.
- ↑ HTML5 revision r6404. HTML5 Tracker.
Sumber dan atribusi
Konten artikel ini diadaptasi dari Wikipedia bahasa Indonesia, revisi 28476303 (2025-11-14T05:09:48Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.