Favicon-HTML-generator
Generera de <head>-taggar som din webbplats behöver för favicon, touch-ikon och temafärger.
Favicon-HTML-generator
En favicon är mer än en fil: en webbleseranflik behöver en .ico-fil, en hemskärmikon på en smartphone behöver en 180×180 apple-touch-icon, Safaris fästa flik behöver en enfärgad SVG-mask, och en PWA-installationsdialog läser ikonerna i manifestet. Det här verktyget skriver de exakta <link>- och <meta>-taggarna för alla från en bassökväg och en uppsättning ikonformat, så att du kopierar ett block i <head> istället för att sammanställa det från fem olika specifikationer.
Ange bassökvägen där ikonfilerna kommer att finnas – roten eller en undermapp som /icons/ – och varje href bygger mot den. Slå på ICO, PNG och SVG oberoende av varandra: PNG lägger också till apple-touch-icon i den fasta storleken 180×180 som Apple förväntar, och SVG lägger till en mask-icon vars färg kommer från din light-theme-color (eller dark om du bara ställt in den). Varje light- och dark-theme-color blir en separat <meta name="theme-color">-tagg med en prefers-color-scheme-fråga, så att webbläsargränssnittet matchar sidan i båda lägena. En separat omkopplare lägger till de äldre msapplication-taggarna som vissa Windows-panelscenarier fortfarande läser.
Fältet för format accepterar komma- eller radavgränsade poster – "16x16, 32x32, 192x192" – och ett enkelt tal som "48" är en genväg för en kvadratisk ikon; okända poster tas bort istället för att avvisas. Slå på checklistan för filer och utmatningen slutar med en kommentar som listar varje refererad sökväg i ordning – det är listan du faktiskt måste ladda upp.
Allt körs i din webbläsare: ingenting du skriver skickas någonstans. Kopiera resultatet till din sidas <head>, ladda ned det som en .txt-fil eller skicka det till ett annat verktygs inmatning för att fortsätta att justera det.