Favicon: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Rex Aurorum (bicara | kontrib) k Menghapus Kategori:Penjelajah web; Menambah Kategori:Peramban web menggunakan HotCat |
Rescuing 11 sources and tagging 0 as dead.) #IABot (v2.0.9.5 |
||
| (19 revisi perantara oleh 13 pengguna tidak ditampilkan) | |||
Baris 1:
{{kembangkan}}
{{referensi}}
''Favicon'' adalah ikon utama yang muncul pada [[alamat|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.wiki-indonesia.club/favicon.ico {{Webarchive|url=https://web.archive.org/web/20230710192827/https://en.wiki-indonesia.club/favicon.ico |date=2023-07-10 }}) dari sebuah situs web.<ref name="egressive">{{cite web|last=Lane|first=Dave|date=9 August 2008|title=Creating a Multi-Resolution Favicon Including Transparency with the GIMP|url=http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp|website=Egressive.com|archive-url=https://web.archive.org/web/20101225130900/http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp|archive-date=25 December 2010|access-date=25 February 2011|url-status=dead}}</ref><ref>{{Cite news|date=20 January 2009|title=What's With Google's New Mini Icon?|url=http://news.bbc.co.uk/2/hi/uk_news/magazine/7839744.stm|publisher=BBC|access-date=25 February 2011|quote=That 16x16 pixel square is the size of the favicon in question, if not the scope.|archive-date=2017-12-30|archive-url=https://web.archive.org/web/20171230062131/http://news.bbc.co.uk/2/hi/uk_news/magazine/7839744.stm|dead-url=no}}</ref> 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]]''.<ref name="photoshop">{{cite web|last=Apple|first=Jennifer|title=Favicon — How To Create A Favicon.ico|url=http://www.photoshopsupport.com/tutorials/jennifer/favicon.html|publisher=Photoshopsupport.com|access-date=25 February 2011|archive-date=2019-10-30|archive-url=https://web.archive.org/web/20191030113242/http://www.photoshopsupport.com/tutorials/jennifer/favicon.html|dead-url=no}}</ref>
=== 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.<ref>{{Cite web|last=Dubost|first=Karl|date=October 2005|title=Web site meta data profile: favicon, ...|url=http://www.w3.org/2005/10/profile|access-date=23 February 2011|archive-date=2019-12-18|archive-url=https://web.archive.org/web/20191218170836/http://www.w3.org/2005/10/profile|dead-url=no}}</ref><ref>{{Cite web|last=Dubost|first=Karl|date=24 October 2005|title=How to Add a Favicon to your Site|url=http://www.w3.org/2005/10/howto-favicon|access-date=25 February 2011|archive-date=2019-11-29|archive-url=https://web.archive.org/web/20191129143345/http://www.w3.org/2005/10/howto-favicon|dead-url=no}}</ref>
Pada tahun 2003, format .ico didaftarkan oleh pihak ketiga dengan Internet Assigned Numbers Authority (IANA) di bawah tipe MIME ''image/vnd.microsoft.icon.''<ref>{{Cite web|last=Butcher|first=Simon|date=3 September 2003|title=Published specification|url=https://www.iana.org/assignments/media-types/image/vnd.microsoft.icon|access-date=25 February 2011|archive-date=2003-10-04|archive-url=https://web.archive.org/web/20031004204315/https://www.iana.org/assignments/media-types/image/vnd.microsoft.icon|dead-url=no}}</ref><ref name="IE9 RC Minor Changes List">{{Cite web|title=IE9 RC Minor Changes List|url=https://blogs.msdn.microsoft.com/ieinternals/2011/02/11/ie9-rc-minor-changes-list/#comments|website=IEInternals|access-date=2016-04-07|archive-date=2016-03-24|archive-url=https://web.archive.org/web/20160324094641/https://blogs.msdn.microsoft.com/ieinternals/2011/02/11/ie9-rc-minor-changes-list/#comments|dead-url=no}}</ref> 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.<ref name="IE9 RC Minor Changes List"/> Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.<ref>{{Cite web|last=Irish|first=Paul|date=15 December 2010|title=commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate|url=https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee|access-date=25 February 2011|archive-date=2015-10-18|archive-url=https://web.archive.org/web/20151018211508/https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee|dead-url=no}}</ref>
<nowiki>RFC 5988</nowiki> membuat registri hubungan tautan IANA,<ref>{{Cite web|title=Link Relations|url=https://www.iana.org/assignments/link-relations/link-relations.xml|access-date=2022-02-22|archive-date=2023-06-03|archive-url=https://web.archive.org/web/20230603051539/https://www.iana.org/assignments/link-relations/link-relations.xml|dead-url=no}}</ref> 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<ref>{{Cite web|last=Ian Hickson|date=19 January 2011|title=HTML is the new HTML5|url=http://blog.whatwg.org/html-is-the-new-html5|website=The WHATWG Blog|access-date=2022-02-22|archive-date=2019-10-06|archive-url=https://web.archive.org/web/20191006023430/https://blog.whatwg.org/html-is-the-new-html5|dead-url=no}}</ref> menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon;<ref>{{Cite web|title=HTML5 revision r6404|url=http://html5.org/tools/web-apps-tracker?from=6403&to=6404|website=HTML5 Tracker|access-date=2022-02-22|archive-date=2013-09-27|archive-url=https://web.archive.org/web/20130927170111/http://html5.org/tools/web-apps-tracker?from=6403&to=6404|dead-url=yes}}</ref> namun, pintasan tidak memiliki arti dalam konteks ini.
== Kode ==
<link rel="shortcut icon"
href="http://example.com/myicon.ico{{Pranala mati|date=Maret 2021 |bot=InternetArchiveBot |fix-attempted=yes }}" />
<link rel="icon"
type="image/vnd.microsoft.icon"
href="http://example.com/image.ico{{Pranala mati|date=Maret 2021 |bot=InternetArchiveBot |fix-attempted=yes }}" />
<link rel="icon" type="image/png"
href="http://example.com/image.png{{Pranala mati|date=Maret 2021 |bot=InternetArchiveBot |fix-attempted=yes }}" />
<link rel="icon" type="image/gif"
href="http://example.com/image.gif{{Pranala mati|date=Maret 2021 |bot=InternetArchiveBot |fix-attempted=yes }}" />
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]]
==Referensi==
{{internet-stub}}▼
{{reflist}}
[[Kategori:Ikon]]
[[Kategori:Peramban web]]
[[Kategori:
▲{{internet-stub}}
| |||