Водичи за фавиконе
Јасни одговори на питања при изради фавикона: које величине, који формати и који код треба додати.
Величине фавикона: формати и намене
Претрага израза „величина фавикона” и даље враћа спискове од петнаест датотека наслеђене из 2014. У пракси шест димензија данас покрива картице прегледача, резултате претраге, iOS, Android и PWA апликације. Ево које су то и зашто су потребне.
Прочитај водичБесплатно претварање PNG у ICO
.ico је и даље очекивани формат у корену сајта, а већина онлајн претварача тражи да отпремите слику на њихов сервер. Ево како да од PNG слике добијете исправан favicon.ico са више величина, без икаквог отпремања.
Прочитај водичapple-touch-icon: величина, формат и код
Икона Apple Touch изричито задаје слику која се користи када посетилац дода ваш сајт на почетни екран iPhone уређаја. Одвојена је од фавикона картице прегледача и икона наведених у манифесту веб апликације.
Прочитај водичФавикон за тамни режим уз SVG
Црни логотип на провидној позадини изгледа одлично на светлој картици, а на тамној нестаје. ICO формат не може да се прилагоди, али SVG фавикон може: садржи CSS правило које мења боје према теми прегледача.
Прочитај водичДодавање фавикона у HTML
Поуздан HTML фавикон не зависи од једне чаробне ознаке. Користи мали скуп доступних датотека и веза у head делу. Овај поступак покрива савремене картице, старије клијенте и мобилне пречице без гомилања историјских варијанти.
Прочитај водичФавикон се не приказује или не ажурира
Када фавикон недостаје, проблем није увек у датотеци. Прегледач, CDN, service worker и претраживач могу чувати различите верзије. Уређена дијагностика спречава истовремено мењање више променљивих.
Прочитај водичФавикони у Next.js App Router
App Router може направити елементе икона из датотека са конвенционалним називима или из објекта metadata. Оба приступа су исправна, али њихово мешање без јасног правила лако ствара супротстављене декларације.
Прочитај водичВодич за SVG фавикон
SVG одржава оштре ивице на свакој густини пиксела и може прилагодити боје теми. Та флексибилност носи једно ограничење: датотека мора остати самостална, једноставна и читљива у веома малом простору.
Прочитај водич