Википедија

Фавикон

Фавикон, познат и као иконица пречице, иконица wеб сајта, иконица картице или иконица обележивача је датотека, повезана са одређеним wеб сајтом или wеб страницом која садржи једну или више иконица које су најчешће величине 16x16 пиксела. Wеб дизајнер може да креира такву иконицу и да је инсталира на wеб сајт (или на wеб страницу) на неколико начина и онда је графички интернет прегледачи могу користити. Прегледачи који подржавају приказивање фавикона га обично приказују у адресном пољу ( понекад и у историји и поред имена странице у листи обелезивача). Прегледачи који подржавају интерфејс са картицама обично приказују фавикон странице поред наслова странице на картици.

Историја

уреди

У марту 1999. Мајкрософт је објавио Интернет Еxплорер 5 који је био први прегледач који подржава фавикон. Првобитно, фавикон је био датотека позната под називом фавицон.ицо која је била смештена у коренском директоријуму (нпр., http://en.wikipedia.org/favicon.ico) wеб сајта. Коришћени су у обележивачима Интернет Еxплорера поред УРЛ адресе странице ако је обележена. Споредни ефекат био је тај да је број посетиоца који су обележили страницу био процењиван захтевима за фавиконом, тј. сваки пут кад би неко обележио страницу, поднео би захтев за фавиконом. Овај споредни ефекат више не ради, а сви модерни претраживачи подржавају фавикон без обележавања.

 
Wикипедијин фавикон, приказан у старијој верзији Фирефоx претраживача (из 2008).

Стандардизација

уреди

Фавикон је стандардизовао Wорлд Wиде Wеб Цонсортиум (W3Ц) у ХТМЛ 4.01 препоруци, објављеној у децембру 1999. а касније у XХТМЛ 1.0 препоруци, објављеној 2000. 2003. ИАНА је регистровала .ico формат под МИМА типом/имаге/vnd.microsoft.icon.[1] Иронично, Интернет Еxплорер не мозе да отвори слике које су у .ico формату. Заобилазење овог проблема {Интернет Еxплорера} је придрузивање .ico са нестандардним image/x-icon МИМЕ типом на wеб серверима.[2]

Популарни <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> теоретски идентификује два односа, "shortcut" и "icon", али "shortcut" није регистрован и сувишан је. 2011. ХТМЛ ливинг стандард је прецизирао да из историјских разлога "shortcut" буде непосредно испред "icon"; ипак, "shortcut" нема знацење у овом контексту. Интернет Еxплорер 5-10 подржавају само ИЦО филе формат. Нетсцапе 7 и верзије 5 и 6 прегледача Интернет Еxплорер приказују фавикон само када је страница означена а не само када је посећена, као у каснијим верзијама прегледача.

Имплементација претраживача

уреди

Следећа табела илуструје најбоље wеб претраживаче који подржавају различите функције.Бројеви верзија указују на почетну верзију подржаваних функција.

Подршка за формате датотека

уреди

Следећа табела илуструје формат датотека подршку за фавиконе.

Броwсер ИЦО ПНГ ГИФ аниматед ГИФс ЈПЕГ АПНГ СВГ
Фирефоx 1.0[3] 1.0[3] 1.0[3] Да[4] Да 3.0[4] Не[5]
Гоогле Цхроме Да Да 4.0 4.0 4.0 Не ?
Интернет Еxплорер 5.0[6] 11.0[7] 11.0[7] Не[6] Не[6] Не[6] Не[6]
Опера 7.0[8] 7.0[8] 7.0[8] 7.0[8] 7.0[8] 9.5 ?
Сафари Да 4.0 4.0 Не 4.0 Не Не

Додатно, такве иконице фајлова могу бити величине ×16, 32×32, 48×48, ор 64×64 пиксела I 8-битни, 24-битни 32-битни дубина боје. Чланак о ИЦО филе формат објашњава детаље иконице са више 256 боја заснованих на Мицрософт Wиндоwс платформама.

Употреба фавикона

уреди

Ова табела илуструје различите могућности употребе фавикона.

Броwсер Аддресс бар Аддресс бар дроп доwн лист Линкс бар Боокмаркс Табс Драг то десктоп
Фирефоx 1.0–12.0: Yес[9]
> в13: Но[10] 		Да Да Да[9] Да[9] Да[9]
Гоогле Цхроме Не[9] Не Да[9] Да[9] 1.0[9] 1.0[11]
Интернет Еxплорер 7.0[9] Не 5.0[9] 5.0[9] 7.0[9] 5.0[9]
Опера 7.0[9] Не 7.0[9] 7.0[9] 7.0[9] 7.0[9]
Сафари Да[9] Не Не[9] Да[9] Не[9] Не[9]

Опера Софтwаре је додела могућност промене фавикона у Спеед Диал у Опера 10.[12]

Како се користи

уреди

Табела илуструје где фавикони могу бити препознати од стране претраживача.

Гоогле Цхроме Интернет Еxплорер Фирефоx Опера Сафари 
<link rel="shortcut icon"
 href="http://example.com/myicon.ico" />
Да Да[6] Да Да Да 
<link rel="icon"
 href="http://example.com/image.ico" />
Да Да (фром ИЕ 11)[7] Да Да Да 
<link rel="icon"
 type="image/vnd.microsoft.icon"
 href="http://example.com/image.ico" />
Да Да (фром ИЕ 9)[7] Да Да Да 
<link rel="icon" type="image/png"
 href="http://example.com/image.png" />
Да Да (фром ИЕ 11)[7] Да Да Да 
<link rel="icon" type="image/gif"
 href="http://example.com/image.gif" />
Да Да (фром ИЕ 11)[7] Да Да Да 
<link rel="icon" type="image/x-icon"
href="http://example.com/image.ico"/>
Да Да (фром ИЕ 9)[13] Да Да Да
favicon.ico лоцатед ин тхе wебсите'с роот Да Да Оптионал[14] Оптионал[15] Да
прецеденце: префер роот ор (X)ХТМЛ линкед версион линкед[9] линкед[9] линкед[9] ? ?

Уколико су линкови ПНГ и ИЦО фавикони присутни, ПНГ-фавикони су компатибилни претраживачи узимају формат и величину. Фирефоx и Сафари ће користити фавикон који долази последњи.Цхроме за Мац ће користити сваки који је ИЦО форматиран, или 32x32 фавикон. Цхроме за Wиндоwс ће користити фавикон који долази први уколико је 16×16, или ИЦО. Уколико ни једна од споменутих опција није доступна, Цхромес ће користити сваки фавикон који долази први, супротно од Фирефоxа и Сафарија.Заиста, Цхроме за Мац ће игнорисати 16×16 фавиконе и користиће 32×32 верзију. Опера ће бирати било коју од доступних иконица насумично..[16]

Само СеаМонкеy не препознаје favicon.ico у wеб сајтовима по дифолту.[17]

Подршка за уређај

уреди

Аппле-ови уређаји који користе иОС оперативни систем од верзије 1.1.3 и новије, као што су иПод,иПхоне и иПад, као и Андроид[18] уредјаји могу направити прилагођену икону, која се може приказати на почетној страни уређаја. То се може остварити кориштењем Wеб Цлип апликације[19][20]. Ово је омогућено користећи <link rel="apple-touch-icon" ...> у <head> секцији докумената који се налазе на wеб сајту. Ако таква икона није унапред одређена,уместо ње ће се појавити почетна страна тог wеб сајта.[21]

Препоручена величина иконе је 60×60 пиксела са оштрим ивицама. За најбоље приказивање на дисплеју иПхоне 4, препоручује се величина од 120×120 пиксела[20][22][23]

За иПад и иПад 2 , уобичајена величина је 76×76 пиксела. За иПад уређаје треће генерације, користи се већа резолуција од 152×152 пиксела.[24]

Икона датотеке аппле-тоуцх-икона је модификована да додаје заобљене ивице, сенке и рефлектујући сјај. Алтернативно, може се обезбедити да се не примењује рефлектујући сјај на слике.[20][21]

Са заобљеним ивицама и рефлектујућим сјајем
 <link rel="apple-touch-icon" href="somepath/image.png" />
Без рефлектујућег сјаја
<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />

Као у случају favicon.ico фајла, претраживачи и мобилни уређаји не захтевају никакав ХТМЛ код за преузимање ових икона[21]. Уобичајено место за датотеке су apple-touch-icon-precomposed.png/code> i apple-touch-icon.png(по редоследу приоритета) које се налазе у корену wеб сајта.

ХТМЛ5 препоруке за иконе различитих величина

уреди

Садашња спецификација ХТМЛ5 препоручује да се наводе иконе различитих величина користећи атрибут rel="icon" sizes="space-separated list of icon dimensions" у оквиру <линк> етикете.[25] Више формата укључујући Мицрософт .ицо и Мацинтосх .ицнс формате, могу обезбедити тип садржаја користећи атрибут type="file content-type у оквиру <link> етикете.

Аппле-ови мобилни уређаји који користе иОС 5 и новије, игноришу препоруку ХТМЛ5 и користе своје, већ објашњене препоручене димензије икона. Интернет прегледач Гоогле Цхроме ће одабрати величину која најближе одговара онима које су предвиђене у заглављу ХТМЛ5 документа.

Ограничења и критике

уреди

Због потребе да се фавикона може увек фиксирати, то може довести до спорог учитавања страница и поруке 404-страница није пронађена. W3Ц организација није стандардизовала друге кључне речи као пречице, које су такође прихваћене од корисника.[6]

Фавиконом се често манипулише “прислушкивање ” I напади на ХТМЛ5 веб странице. Многи прегледачи веба приказују фавицон близу прегледачевог УИ-а, као што су места где се уносе УРЛ адресе. Променом сигурности фавикона, нападач може да покуша да превари корисника, који ће мислити да је на сигурном сајту(ХТТПС).[26] Да се ово не би дешавало, неки веб прегледачи приказују фавикону у оквиру картице, где поред УРЛ адресе пише и који се протокол користи.[27]

Референце

уреди

  1. ^ Бутцхер, Симон (3. 9. 2003). „Публисхед специфицатион”. Интернет Ассигнед Нумберс Аутхоритy. Приступљено 25. 2. 2011. 
  2. ^ Ирисх, Паул (15. 12. 2010). „цоммит 37б5фец090д00ф38де64 то паулирисх'с хтмл5-боилерплате”. ГитХуб. Приступљено 25. 2. 2011. 
  3. ^ а б в Давид (19. 7. 2003). „Мозилла 0.9.6 Релеасе Нотес”. Мозилла. Приступљено 23. 2. 2011. 
  4. ^ а б „Буг 111373: дон'т аллоw аниматед сите ицонс (фавицонс)”. Архивирано из оригинала 09. 10. 2019. г. Приступљено 1. 6. 2014. 
  5. ^ Wоркс онлy он фирст лоад оф тхе паге.
    Холберт, Даниел (14. 4. 2011). „Буг 366324 – СВГ сите ицонс (фавицонс, схортцут ицонс) суппорт – цоммент 22”. Бугзилла@Мозилла. Мозилла. Приступљено 23. 2. 2011. 
  6. ^ а б в г д ђ е Давис, Јефф (27. 12. 2007). „wхy доесн'т тхе фавицон фор мy сите аппеар ин ИЕ7?”. јеффдав он цоде. Мицрософт. Приступљено 11. 3. 2013. 
  7. ^ а б в г д ђ „Фун wитх Фавицонс”. Мицрософт. 7. 9. 2013. Приступљено 3. 11. 2013. 
  8. ^ а б в г д „Опера 7 фор Wиндоwс Цхангелог”. Опера Софтwаре. 28. 1. 2003. Архивирано из оригинала 18. 08. 2007. г. Приступљено 28. 2. 2011. 
  9. ^ а б в г д ђ е ж з и ј к л љ м н њ о п р с т ћ у ф х Францис, Леwис (11. 12. 2007). „Цхарт оф модерн броwсер суппорт фор фавицон”. информатионгифт.цом. Архивирано из оригинала 10. 10. 2019. г. Приступљено 23. 2. 2011. 
  10. ^ „Фирефоx деемс фавицонс рискy, банисхес тхем фром аддресс бар”. Енгадгет. Приступљено 10. 9. 2012. 
  11. ^ „Цреате Апплицатион Схортцутс”. Гоогле. 22. 3. 2013. 
  12. ^ „Опера 10.0 бета 2 фор Wиндоwс цхангелог”. Опера Софтwаре. 16. 7. 2009. Архивирано из оригинала 27. 07. 2017. г. Приступљено 27. 2. 2011. 
  13. ^ „ИЕ9 РЦ Минор Цхангес Лист”. Мицрософт. 11. 2. 2011. Приступљено 16. 11. 2013. 
  14. ^ Фирефоx онлy аццептс favicon.ico ин тхе wеб сите'с роот wитхоут а <link> таг иф тхе сеттинг browser.chrome.favicons ис сет то true ин about:config. Тхе дефаулт валуе ис true. Иф сет то false, тхесе фавицонс аре игноред.
  15. ^ Опера лоадс /favicon.ico онлy иф Multimedia/Always load favicon оптион ин opera:config ис сет то 1. Сее Опера Суппорт паге фор море детаилс.
  16. ^ Неал, Јонатхан Т. (16. 1. 2013). „Ундерстанд тхе Фавицон”. Архивирано из оригинала 23. 05. 2013. г. Приступљено 30. 5. 2013. 
  17. ^ Бyненс, Матхиас (14. 4. 2010). „рел="схортцут ицон" цонсидеред хармфул”. Приступљено 15. 11. 2011. 
  18. ^ Бyненс, Матхиас (2. 3. 2011). „Еверyтхинг yоу алwаyс wантед то кноw абоут тоуцх ицонс”. Приступљено 15. 11. 2011. 
  19. ^ „иПхоне Хуман Интерфаце Гуиделинес фор Wеб Апплицатионс: Метрицс, Лаyоут Гуиделинес, анд Типс”. Аппле Инц. Архивирано из оригинала 04. 06. 2010. г. Приступљено 27. 5. 2010. 
  20. ^ а б в „Сафари Wеб Цонтент Гуиде: Специфyинг а Wебпаге Ицон фор Wеб Цлип”. Аппле Инц. 15. 11. 2010. Приступљено 25. 2. 2011. 
  21. ^ а б в МцЛеллан, Дреw (17. 1. 2008). „Хоw То Сет ан Аппле Тоуцх Ицон фор Анy Сите”. Аллинтхе хеад.цом. Приступљено 11. 3. 2011. 
  22. ^ „иОС Хуман Интерфаце Гуиделинес: Цустом Ицон анд Имаге Цреатион Гуиделинес, Табле 8-1”. Аппле Инц. Приступљено 16. 7. 2011. 
  23. ^ „Аппле-тоуцх-ицон”. Аппле Инц. Приступљено 25. 2. 2011. 
  24. ^ „иПад Аппле Тоуцх Ицон”. Приступљено 12. 2. 2012. 
  25. ^ „W3Ц ХТМЛ5 Едитор'с Драфт 26 Јуне 2012, Сецтион 4.12.4.5 'Линк тyпе "ицон"'”. Wорлд Wиде Wеб Цонсортиум. Приступљено 15. 7. 2012. 
  26. ^ Марлинспике, Моxие (21. 2. 2011). „Дефеатинг Ссл Усинг Сслстрип (Марлинспике Блацкхат)”. (сее десцриптион оф видео). СецуритyТубе. Архивирано из оригинала 13. 07. 2011. г. Приступљено 9. 7. 2011. 
  27. ^ „Фирефоx версион 14 феатурес”. Приступљено 18. 7. 2012. 

Спољашње везе

уреди

 
Фавикон на Викимедијиној остави.
Преузето из „https://sr.wikipedia.org/w/index.php?title=Favikon&oldid=27752870”