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 Diarsipkan 2023-07-10 di Wayback Machine.) 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 distandarisasi 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.^[7] Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.^[8]

RFC 5988 membuat registri hubungan tautan IANA,^[9] dan rel="icon" didaftarkan pada tahun 2010 berdasarkan spesifikasi HTML5. <link rel="shortcut icon" type="image/png" href="image/favicon.png"> populer secara teoritis mengidentifikasi dua hubungan, pintasan dan ikon, tetapi pintasan tidak terdaftar dan berlebihan. Pada tahun 2011 standar hidup HTML^[10] menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon;^[11] namun, pintasan tidak memiliki arti dalam konteks ini.

Kode

<link rel="shortcut icon"
href="http://example.com/myicon.ico^{[pranala nonaktif permanen]}" />

<link rel="icon"
type="image/vnd.microsoft.icon"
href="http://example.com/image.ico^{[pranala nonaktif permanen]}" />

<link rel="icon" type="image/png"
href="http://example.com/image.png^{[pranala nonaktif permanen]}" />

<link rel="icon" type="image/gif"
href="http://example.com/image.gif^{[pranala nonaktif permanen]}" />

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

^ Lane, Dave (9 August 2008). "Creating a Multi-Resolution Favicon Including Transparency with the GIMP". Egressive.com. Diarsipkan dari versi asli tanggal 25 December 2010. Diakses tanggal 25 February 2011.
^ "What's With Google's New Mini Icon?". BBC. 20 January 2009. Diarsipkan dari versi asli tanggal 2017-12-30. Diakses tanggal 25 February 2011. That 16x16 pixel square is the size of the favicon in question, if not the scope.
^ Apple, Jennifer. "Favicon — How To Create A Favicon.ico". Photoshopsupport.com. Diarsipkan dari versi asli tanggal 2019-10-30. Diakses tanggal 25 February 2011.
^ Dubost, Karl (October 2005). "Web site meta data profile: favicon, ..." Diarsipkan dari versi asli tanggal 2019-12-18. Diakses tanggal 23 February 2011.
^ Dubost, Karl (24 October 2005). "How to Add a Favicon to your Site". Diarsipkan dari versi asli tanggal 2019-11-29. Diakses tanggal 25 February 2011.
^ Butcher, Simon (3 September 2003). "Published specification". Diarsipkan dari versi asli tanggal 2003-10-04. Diakses tanggal 25 February 2011.
^ ^a ^b "IE9 RC Minor Changes List". IEInternals. Diarsipkan dari versi asli tanggal 2016-03-24. Diakses tanggal 2016-04-07.
^ Irish, Paul (15 December 2010). "commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate". Diarsipkan dari versi asli tanggal 2015-10-18. Diakses tanggal 25 February 2011.
^ "Link Relations". Diarsipkan dari versi asli tanggal 2023-06-03. Diakses tanggal 2022-02-22.
^ Ian Hickson (19 January 2011). "HTML is the new HTML5". The WHATWG Blog. Diarsipkan dari versi asli tanggal 2019-10-06. Diakses tanggal 2022-02-22.
^ "HTML5 revision r6404". HTML5 Tracker. Diarsipkan dari versi asli tanggal 2013-09-27. Diakses tanggal 2022-02-22.