Generátor favicon HTML
Vygenerujte značky <head>, ktoré váš web potrebuje pre favicon, ikonu dotyku a farby témy.
Generátor favicon HTML
Favicon nie je len jeden súbor: prehliadač na záložke chce .ico, domovská obrazovka telefónu chce 180x180 apple-touch-icon, pripnutá záložka Safari chce jednofarebný SVG mask a výzva na inštaláciu PWA číta ikony uvedené v manifeste. Tento nástroj vypíše presné <link> a <meta> značky pre všetky z nich z podľa základnej cesty a sady veľkostí ikon, takže skopírujete jeden blok do <head> namiesto zostavenia z piatich rôznych špecifikácií.
Nastavte základnú cestu na miesto, kde budú ikony umiestnené — kôň alebo podpriečinok ako /icons/ — a každý href je postavený oproti nej. Nezávisle prepínajte ICO, PNG a SVG: PNG tiež pridá apple-touch-icon na pevnú veľkosť 180x180, ktorú očakáva Apple, a SVG pridá mask-icon, ktorého farba pochádza z vašej svetlej theme-color (alebo tmavej, ak ste ponechali svetlú prázdnu). Svetlá a tmavá theme-color sa každá stávajú samostatnou <meta name="theme-color"> značkou s dotazom prefers-color-scheme, takže chróm prehliadača sa vo všetkých módoch zhoduje so stránkou. Samostatný prepínač pridá staršie msapplication značky, ktoré niektoré scenáre dlaždíc Windows stále čítajú.
Pole veľkostí berie zoznam oddelený čiarkou alebo novým riadkom — "16x16, 32x32, 192x192" — a holé číslo ako "48" je skratka pre štvorcovú ikonu; nerozpoznané položky sú vynechané skôr ako zamietnuté. Zapnite zoznam súborov a výstup končí komentárom s uvedením každej referencovanej cesty v poradí, čo je zoznam na skutočné nahratie.
Všetko beží v tvojom prehliadači: nič, čo napíšeš, nie je nikam posielané. Skopíruj výsledok do <head> svojej stránky, stiahni ho ako .txt súbor alebo pošli do vstupu iného nástroja, aby si s ním mohol naďalej pracovať.