Favicon: Perbedaan antara revisi
k Membatalkan 1 suntingan by Gerry Kusami (bicara): Spamlink Tag: Pembatalan |
k Mengembalikan suntingan oleh 121.101.131.126 (bicara) ke revisi terakhir oleh InternetArchiveBot Tag: Pengembalian |
||
(9 revisi perantara oleh 6 pengguna tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
{{rapikan}} |
|||
{{kembangkan}} |
{{kembangkan}} |
||
{{referensi}} |
{{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''. |
''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 == |
== 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> |
||
⚫ | 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) 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.}}</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}}</ref> |
||
=== Standardisasi === |
=== 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. |
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}}</ref><ref>{{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}}</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 |
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}}</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}}</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}}</ref> namun, pintasan tidak memiliki arti dalam konteks ini. |
<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 == |
== Kode == |
||
Baris 34: | Baris 32: | ||
== Peninggalan == |
== 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. |
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== |
|||
{{reflist}} |
|||
[[Kategori:Ikon]] |
[[Kategori:Ikon]] |
||
[[Kategori:Peramban web]] |
[[Kategori:Peramban web]] |
||
[[Kategori:World Wide Web]] |
[[Kategori:World Wide Web]] |
||
⚫ |
Revisi terkini sejak 4 Juni 2024 08.19
![]() | Artikel ini perlu dikembangkan agar dapat memenuhi kriteria sebagai entri Wikipedia. Bantulah untuk mengembangkan artikel ini. Jika tidak dikembangkan, artikel ini akan dihapus. |
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
[sunting | sunting sumber]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 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
[sunting | sunting sumber]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
[sunting | sunting sumber]<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
[sunting | sunting sumber]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
[sunting | sunting sumber]- ^ 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.