Generátor favicon HTML
Vygenerujte značky <head>, které váš web potřebuje pro favicon, ikonu dotyku a barvy tématu.
Generátor favicon HTML
Favicon není jen jeden soubor: prohlížeč na kartě chce .ico, domovská obrazovka telefonu chce 180x180 apple-touch-icon, připnutá karta Safari chce jednobarevný SVG mask a výzva k instalaci PWA čte ikony uvedené v manifestu. Tento nástroj vypíše přesné <link> a <meta> značky pro všechny z nich ze základní cesty a sady velikostí ikon, takže zkopírujete jeden blok do <head> místo sestavení z pěti různých specifikací.
Nastavte základní cestu na místo, kde budou ikony umístěny — kořen nebo podsložka jako /icons/ — a každý href je postaven podle ní. Nezávisle přepínajte ICO, PNG a SVG: PNG také přidá apple-touch-icon na pevnou velikost 180x180, kterou očekává Apple, a SVG přidá mask-icon, jehož barva pochází z vaší světlé theme-color (nebo tmavé, pokud jste nechali světlou prázdnou). Světlá a tmavá theme-color se každá stávají samostatnou <meta name="theme-color"> značkou s dotazem prefers-color-scheme, takže chrom prohlížeče se ve všech módech shoduje se stránkou. Samostatný přepínač přidá starší msapplication značky, které některé scénáře dlaždic Windows stále čtou.
Pole velikostí bere seznam oddělený čárkou nebo novým řádkem — "16x16, 32x32, 192x192" — a holé číslo jako "48" je zkratka pro čtvercovou ikonu; nerozpoznané položky jsou vynechány spíše než zamítnuty. Zapněte seznam souborů a výstup končí komentářem s uvedením každé odkazované cesty v pořadí, což je seznam k vlastnímu nahrání.
Všechno běží v tvém prohlížeči: nic, co napíšeš, není nikam odesíláno. Zkopíruj výsledek do <head> své stránky, stáhni si jej jako .txt soubor nebo pošli do vstupu jiného nástroje, abys s ním mohl dále pracovat.