Favicon
|  äàííîé ñòàòüå èëè ðàçäåëå èìååòñÿ ñïèñîê èñòî÷íèêîâ èëè âíåøíèõ ññûëîê, íî èñòî÷íèêè îòäåëüíûõ óòâåðæäåíèé îñòàþòñÿ íåÿñíûìè èç-çà îòñóòñòâèÿ ñíîñîê.
Âû ìîæåòå óëó÷øèòü ñòàòüþ, âíåñÿ áîëåå òî÷íûå óêàçàíèÿ íà èñòî÷íèêè.
|
Favicon (ñîêð. îò àíãë. FAVorites ICON â «çíà÷îê äëÿ èçáðàííîãî», îò íàçâàíèÿ ïàïêè ñ çàêëàäêàìè â MSIE) â çíà÷îê âåá-ñàéòà èëè âåá-ñòðàíèöû. Îòîáðàæàåòñÿ áðàóçåðîì â àäðåñíîé ñòðîêå ïåðåä URL ñòðàíèöû, à òàêæå â êà÷åñòâå êàðòèíêè ðÿäîì ñ çàêëàäêîé, âî âêëàäêàõ è â äðóãèõ ýëåìåíòàõ èíòåðôåéñà.
Òðàäèöèîííî èñïîëüçîâàëèñü èçîáðàæåíèÿ ðàçìåðà 16×16 ïèêñåëåé ôîðìàòà ICO, ïîìåù¸ííûå â êîðåíü ñàéòà ïîä èìåíåì favicon.ico, â òîãäà Microsoft Internet Explorer èñïîëüçîâàë èõ äëÿ çàêëàäîê. Äî âåðñèè 7.0 MSIE èñïîëüçîâàë çíà÷êè òîëüêî äëÿ çàêëàäîê, è ïîýòîìó àäìèíèñòðàòîðû ñåðâåðîâ ìîãëè óçíàòü, ñêîëüêî ïîëüçîâàòåëåé ñîçäàëî çàêëàäêó íà èõ ñàéò.
Ñîäåðæàíèå |
Èñòîðèÿ ðàçâèòèÿ
 ìàðòå 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 | Íåò | Äà |
| 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 |
| 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 ïîääåðæèâàåòñÿ âñåìè áðàóçåðàìè. Âàæíî ïîìíèòü, ÷òî èêîíêà íå áóäåò ïîêàçûâàòüñÿ â áðàóçåðå åñëè å¸ Content-type, âîçâðàùàåìûé âåá-ñåðâåðîì, íå ñîâïàä¸ò ñ óêàçàííûì â html-êîäå ñòðàíèöû.
Ìîæíî óêàçàòü íåñêîëüêî èçîáðàæåíèé â ðàçíûõ ôîðìàòàõ â íàïðèìåð, ñòðîêó ñ rel="shortcut icon" è çíà÷êîì â ôîðìàòå ICO äëÿ Internet Explorer, è ñòðîêó ñ rel="icon" è çíà÷êîì â ôîðìàòå GIF èëè PNG äëÿ îñòàëüíûõ áðàóçåðîâ.
Ëèòåðàòóðà
- â‘ 1 2 3 How to Add a Shortcut Icon to a Web Page. Microsoft Developer Network. Microsoft. Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 15 ìàðòà 2010.
- â‘ 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.
- â‘ 1 2 Heng, Christopher What is Favicon.ico? Personalise Your Site's Bookmarks. thesitewizard.com (7 September 2008). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 23 ôåâðàëÿ 2011.
- â‘ Creating favicons with Adobe Photoshop and GoLive. Adobe GoLive. Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 7 äåêàáðÿ 2003. Ïðîâåðåíî 25 ôåâðàëÿ 2011.
- â‘ 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.
- â‘ 1 2 3 David Mozilla 0.9.6 Release Notes. Mozilla (19 July 2003). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 23 ôåâðàëÿ 2011.
- â‘ 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. - â‘ 1 2 3 4 5 Opera 7 for Windows Changelog. Opera Software (28 January 2003). Àðõèâèðîâàíî èç ïåðâîèñòî÷íèêà 8 ôåâðàëÿ 2012. Ïðîâåðåíî 28 ôåâðàëÿ 2011.
Ññûëêè
Äëÿ óëó÷øåíèÿ ýòîé ñòàòüè æåëàòåëüíî?:
|
| Âåá è âåá-ñàéòû | |
|---|---|
| Ãëîáàëüíî | |
| Ëîêàëüíî | |
| Âèäû ñàéòîâ è ñåðâèñîâ |
Âèðòóàëüíûé àòëàñ Áàííåðíàÿ ñåòü Áëîã (ïëàòôîðìà) Âèäåîõîñòèíã Ýíöèêëî (õîñòèíã ñïèñîê äâèæêîâ ñïèñîê ñàéòîâ) Ñàéò-âèçèòêà Âîïðîñ-îòâåò Çàêëàäêè Ñëóæáû çíàêîìñòâ Êàòàëîã ðåñóðñîâ Èíòåðíåò-ìàãàçèí Ìèêðîáëîã Òàìáëåëîã Íîâîñòíîé ñàéò Ïîèñêîâàÿ ñèñòåìà (ñïèñîê) Ïîðíîñàéò Ñîöèàëüíàÿ ñåòü BitTorrent-òðåêåð Ôàéëîîáìåííèê Ôîðóì (Ñåðâèñ Èìèäæáîðä) Ôîòîõîñòèíã ×àò |
| Ñîçäàíèå è îáñëóæèâàíèå |
|
| Òèïû ìàêåòîâ, ñòðàíèö, ñàéòîâ |
|
| Òåõíè÷åñêîå | |
| Ìàðêåòèíã | |
| Ñîöèóì è êóëüòóðà | |