Главни проблем у вези са додавањем фавикона у ХТМЛ је тај што захтева додатно кодирање. Фавиконе су мале иконе које се појављују на картици претраживача или адресној траци веб локације. Да бисте додали фавицон на ХТМЛ страницу, морате укључити елемент линка са атрибутом рел постављеним на „икона пречице“ и хреф атрибутом постављеним на локацију датотеке икона фаворита. Ово може бити дуготрајно и тешко за оне који нису упознати са ХТМЛ кодирањем. Поред тога, неки прегледачи можда неће препознати одређене типове фавикона, тако да је важно да се уверите да је ваша фавикона компатибилна са свим прегледачима пре него што је додате на своју страницу.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ова линија кода ствара везу до спољне датотеке, која се користи за приказивање мале иконе поред наслова странице на картици претраживача.
2. Атрибут “рел” специфицира однос између тренутног документа и повезаног документа, који је у овом случају икона пречице.
3. Атрибут “хреф” специфицира локацију повезаног документа, што је у овом случају “фавицон.ицо”.
4. Атрибут “типе” специфицира тип медија повезаног документа, који је у овом случају слика са форматом к-иконе.
Шта је фавикон
Фавицон (скраћено од „икона фаворита“) је мала слика величине 16×16 која је повезана са одређеном веб локацијом или веб страницом. Приказује се у адресној траци претраживача, поред наслова странице и на листи обележивача. Фавикони се најчешће користе да корисницима обезбеде једноставан начин да идентификују различите веб локације и да се крећу између њих.
Како да додам фавицон у ХТМЛ
Фавицон је мала икона која се појављује на картици претраживача на веб локацији. Користи се да идентификује вашу веб локацију и учини је препознатљивијом посетиоцима. Да бисте додали фавицон у ХТМЛ, мораћете да укључите следећи код у одељак вашег ХТМЛ документа:
Замените „патх/то/фавицон.ицо“ путањом до места где сте сачували своју фавицон датотеку. Датотека треба да буде у .ицо формату и величине 16×16 пиксела или 32×32 пиксела.
Како додати СВГ фавицон
1. Креирајте СВГ датотеку: Први корак је да направите СВГ датотеку коју желите да користите као фавицон. Можете га сами креирати користећи уређивач векторске графике као што је Адобе Иллустратор или Инксцапе, или га можете преузети са веба.
2. Конвертујте СВГ у ИЦО формат: Када имате своју СВГ датотеку, потребно је да је конвертујете у ИЦО формат. Ово се може урадити помоћу бесплатног онлајн претварача као што је Цонвертио или ЦлоудЦонверт.
3. Додајте фавицон линк таг у ХТМЛ: Када добијете своју ИЦО датотеку, додајте следећи код у одељак свог ХТМЛ документа:
Ово ће рећи претраживачима да је ово фавицон за вашу веб локацију и да би требало да је прикажу када неко посети вашу веб локацију.
4. Тестирајте и решите проблеме: Коначно, тестирајте свој нови фавицон тако што ћете посетити своју веб локацију у различитим прегледачима и уређајима и уверите се да свуда изгледа добро! Ако има било каквих проблема, покушајте да их решите помоћу алатки као што су Гоогле Цхроме-ови ДевТоолс или Фирефок-ови Веб Девелопер Тоолс.
