ñòàòüèGNU Free Documentation License ìàòåðèàëû âçÿòû èç Âèêèïåäèè Ñòàòüÿ áûëà èçìåíåíà. Îðèãèíàë ñòàòüè.

Favicon

Ìàòåðèàë èç Ýíöèêëîïåäèè â ñâîáîäíîé ýíöèêëîïåäèè
Ïåðåéòè ê: íàâèãàöèÿ, ïîèñê
Favicon Ýíöèêëîïåäèè

Favicon (ñîêð. îò àíãë. FAVorites ICON â «çíà÷îê äëÿ èçáðàííîãî», îò íàçâàíèÿ ïàïêè ñ çàêëàäêàìè â MSIE) â çíà÷îê âåá-ñàéòà èëè âåá-ñòðàíèöû. Îòîáðàæàåòñÿ áðàóçåðîì â àäðåñíîé ñòðîêå ïåðåä URL ñòðàíèöû, à òàêæå â êà÷åñòâå êàðòèíêè ðÿäîì ñ çàêëàäêîé, âî âêëàäêàõ è â äðóãèõ ýëåìåíòàõ èíòåðôåéñà.

Òðàäèöèîííî èñïîëüçîâàëèñü èçîáðàæåíèÿ ðàçìåðà 16×16 ïèêñåëåé ôîðìàòà ICO, ïîìåù¸ííûå â êîðåíü ñàéòà ïîä èìåíåì favicon.ico, â òîãäà Microsoft Internet Explorer èñïîëüçîâàë èõ äëÿ çàêëàäîê. Äî âåðñèè 7.0 MSIE èñïîëüçîâàë çíà÷êè òîëüêî äëÿ çàêëàäîê, è ïîýòîìó àäìèíèñòðàòîðû ñåðâåðîâ ìîãëè óçíàòü, ñêîëüêî ïîëüçîâàòåëåé ñîçäàëî çàêëàäêó íà èõ ñàéò.[èñòî÷íèê íå óêàçàí 684 äíÿ]

Ñîäåðæàíèå

Èñòîðèÿ ðàçâèòèÿ

 ìàðòå 1999 ãîäà Microsoft âûïóñòèëà áðàóçåð Internet Explorer 5, êîòîðûé ïåðâûì ñòàë ïîääåðæèâàòü çíà÷êè äëÿ ñàéòà.[1] Èçíà÷àëüíî ýòèì çíà÷êîì áûë ôàéë ñ èìåíåì favicon.ico ïîìåùåíûé â êîðíåâîé êàòàëîã (íàïðèìåð, http://en.wikipedia.org/favicon.ico) âåá-ñàéòà. Çíà÷îê èñïîëüçóåòñÿ áðàóçåðîì Internet Explorer â ñïèñêå èçáðàííîãî è ðÿäîì ñ URL â àäðåñíîé ñòðîêå, åñëè ñòðàíèöà íàõîäèòñÿ â çàêëàäêàõ.[2][3][4][1] Ïîáî÷íûì ýôôåêòîì áûëî òî, ÷òî êîëè÷åñòâî ïîñåòèòåëåé, êîòîðûå äîáàâèëè ñòðàíèöó â çàêëàäêè ìîæíî áûëî îöåíèòü ïî êîëè÷åñòâó îáðàùåíèé ê ôàéëó çíà÷êà. Ýòà òåõíèêà óñòàðåëà, òàê êàê âñå ñîâðåìåííûå áðàóçåðû ïîääåðæèâàþò çíà÷îê áåç çàêëàäîê.[3]

Ïîääåðæêà áðàóçåðàìè

Ñëåäóþùàÿ òàáëèöà èëëþñòðèðóåò îñíîâíûå âåá-áðàóçåðû ïîääåðæèâàþùèå ðàçëè÷íûå ôóíêöèè. Íîìåðà óêàçûâàþò íà÷àëüíóþ âåðñèþ áðàóçåðà ñ êîòîðîé îñóùåñòâëÿåòñÿ ïîääåðæêà óêçàíàííîé ôóíêöèè.

Ïîääåðæèâàåìûå ôîðìàòû èêîíêè ñàéòà

Äàííàÿ òàáëèöà ïîêàçûâàåò ïîääåðæêó ôîðìàòîâ, â êîòîðûõ ìîæåò áûòü âûïîëíåí çíà÷îê ñàéòà (favicon).

Áðàóçåð ICO PNG GIF Àíèìèðîâàííûé GIF JPEG APNG SVG
Google Chrome Äà 4.0 4.0 Íåò 4.0 Íåò Äà[èñòî÷íèê íå óêàçàí 214 äíåé]
Internet Explorer 5.0[5] Íåò[1][5] Íåò[5] Íåò[5] Íåò[5] Íåò[5] Íåò[5]
Firefox 1.0[6] 1.0[6] 1.0[6] Äà Äà 3.0 Íåò[7]
Opera 7.0[8] 7.0[8] 7.0[8] 7.0[8] 7.0[8] 9.5 9.6[èñòî÷íèê íå óêàçàí 214 äíåé]
Safari Äà 4.0 4.0 Íåò 4.0 Íåò Íåò

Ñîâðåìåííûå âîçìîæíîñòè

Ìíîãèå ñîâðåìåííûå áðàóçåðû íå òðåáóþò ÿâíîãî óêàçàíèÿ íà favicon.ico â êîäå ñòðàíèöû.  ñëó÷àå îòñóòñòâèÿ òàêîãî óêàçàíèÿ áðàóçåð ïûòàåòñÿ çàãðóçèòü favicon.ico èç êîðíÿ ñàéòà. Îäíàêî èìååòñÿ âîçìîæíîñòü ÿâíî óêàçàòü ïîëîæåíèå çíà÷êà â (X)HTML-êîäå (âíóòðè ýëåìåíòà <head>), ÷òî ïîçâîëÿåò ïðè óñëîâèè îòñóòñòâèÿ /favicon.ico èñïîëüçîâàòü äëÿ êàæäîé ñòðàíèöû ñâîé çíà÷îê.

Äëÿ ÿâíîãî óêàçàíèÿ ìåñòîïîëîæåíèÿ favicon.ico íåîáõîäèìî âïèñàòü cëåäóþùóþ ñòðîêó â êîä ñòðàíèöû âàøåãî ñàéòà âíóòðü ñåêöèè head:

<link rel="icon" type="image/png" href="/someimage.png" />

ãäå

  • rel ìîæåò ñîäåðæàòü è «shortcut icon» (ïðè ýòîì Microsoft Internet Explorer áóäåò ðåàãèðîâàòü íà ñòðîêó «shortcut icon», à áðàóçåðû, ñîîòâåòñòâóþùèå ñòàíäàðòàì, â íà ñëîâî «icon»)
  • href ñîäåðæèò àáñîëþòíûé èëè îòíîñèòåëüíûé URI ê ôàéëó (â Mozilla Firefox 3.0, íàïðèìåð, ïîääåðæèâàþòñÿ òå æå URI, ÷òî è ñ òåãîì img).
  • Ôîðìàòîì ôàéëà ìîæåò áûòü png èëè gif, ðàçìåðîì 16x16 èëè 32x32 è ñ 8-áèòíîé èëè 24-áèòíîé ãëóáèíîé öâåòà (â Mozilla Firefox, íàïðèìåð, ìîæåò áûòü íå òîëüêî ýòîò, íî è êàê ó òåãà img).

Ïðè ýòîì àòðèáóò type äîëæåí ñîäåðæàòü MIME-òèï ôîðìàòà (íàïðèìåð, image/png äëÿ PNG).

 2003 ãîäó ôîðìàò ICO áûë çàðåãèñòðèðîâàí Ñàéìîíîì Áàò÷åðîì (Simon Butcher) â Internet Assigned Numbers Authority (IANA). Äëÿ ýòîãî ôîðìàòà ñòàíäàðòíûì MIME-òèïîì ñòàë image/vnd.microsoft.icon.

Åñëè äëÿ Internet Explorer èñïîëüçóåòñÿ ôîðìàò ICO, òî åãî MIME-òèï äîëæåí áûòü image/vnd.microsoft.icon. Òèï image/x-icon óñòàðåë â 2003 ãîäó ïîñëå ñòàíäàðòèçàöèè òèïà äëÿ ICO. Ïðàâèëüíûé òèï image/vnd.microsoft.icon ïîääåðæèâàåòñÿ âñåìè áðàóçåðàìè[èñòî÷íèê íå óêàçàí 479 äíåé]. Âàæíî ïîìíèòü, ÷òî èêîíêà íå áóäåò ïîêàçûâàòüñÿ â áðàóçåðå åñëè å¸ Content-type, âîçâðàùàåìûé âåá-ñåðâåðîì, íå ñîâïàä¸ò ñ óêàçàííûì â html-êîäå ñòðàíèöû.

Ìîæíî óêàçàòü íåñêîëüêî èçîáðàæåíèé â ðàçíûõ ôîðìàòàõ â íàïðèìåð, ñòðîêó ñ rel="shortcut icon" è çíà÷êîì â ôîðìàòå ICO äëÿ Internet Explorer, è ñòðîêó ñ rel="icon" è çíà÷êîì â ôîðìàòå GIF èëè PNG äëÿ îñòàëüíûõ áðàóçåðîâ.

Ëèòåðàòóðà

  1. â‘ 1 2 3 How to Add a Shortcut Icon to a Web Page. Microsoft Developer Network. Microsoft. Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 15 ìàðòà 2010.
  2. â‘ McGrew, Darin Web Authoring FAQ - 8.11. How can I have a custom icon when people bookmark my site?. Web Design Group (26 April 2007). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 23 ôåâðàëÿ 2011.
  3. â‘ 1 2 Heng, Christopher What is Favicon.ico? Personalise Your Site's Bookmarks. thesitewizard.com (7 September 2008). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 23 ôåâðàëÿ 2011.
  4. â‘ Creating favicons with Adobe Photoshop and GoLive. Adobe GoLive. Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 7 äåêàáðÿ 2003. Ïðîâåðåíî 25 ôåâðàëÿ 2011.
  5. â‘ 1 2 3 4 5 6 7 Davis, Jeff why doesn't the favicon for my site appear in IE7?. jeff's WebLog at Microsoft Developer Network. Microsoft (1 March 2007). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 27 ôåâðàëÿ 2011.
  6. â‘ 1 2 3 David Mozilla 0.9.6 Release Notes. Mozilla (19 July 2003). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 23 ôåâðàëÿ 2011.
  7. â‘ Works only on first load of the page.
    Daniel Holbert Bug 366324  SVG site icons (favicons, shortcut icons) support â comment 22. Bugzilla@Mozilla. Mozilla (14 April 2011). Ïðîâåðåíî 23 ôåâðàëÿ 2011.
  8. â‘ 1 2 3 4 5 Opera 7 for Windows Changelog. Opera Software (28 January 2003). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 28 ôåâðàëÿ 2011.

Ññûëêè


Ïðîñòðàíñòâà èì¸í

Âàðèàíòû
Ïðîñìîòðû
Äåéñòâèÿ