Favicon-generatorn är ett gratis onlineverktyg som omvandlar bilder till favicon-PNG-filer för webbplatser.
Hur använder man Favicon-generator?
Ladda upp din källbild.
Välj favicon-storlekarna att generera.
Generera och ladda ner favicon-PNG-filerna.
Vanliga frågor om Favicon-generator
Vilket bildformat rekommenderas för faviconer?
En kvadratisk PNG-bild (256×256px eller större) rekommenderas. Verktyget ändrar automatiskt storlek till alla nödvändiga dimensioner.
Vad är en Apple Touch Icon?
Apple Touch Icon är ikonen som visas när en webbplats läggs till på hemskärmen på iOS-enheter. Standardstorleken är 180×180px PNG.
Jag har bytt favicon men webbläsaren visar fortfarande den gamla.
Webbläsare håller kvar favicons ovanligt länge, och en vanlig siduppdatering rubbar dem sällan. Kontrollera genom att skriva ikonfilens adress direkt i adressfältet; visas den nya bilden där gör du en forcerad uppdatering eller öppnar sidan i ett privat fönster. För att varje besökare säkert ska se bytet är den pålitliga vägen att byta namn på filen — exempelvis favicon-v2.png — och uppdatera link-taggen.
Hur håller jag faviconen synlig i mörkt läge?
En ikon ritad enbart med svarta linjer försvinner nästan i en mörk flikrad. Låt inte bakgrunden vara genomskinlig utan lägg en cirkel eller kvadrat i varumärkesfärgen under och placera formen ovanpå; silhuetten håller då både i ljust och mörkt tema. En SVG-favicon kan till och med byta färg via en mediefråga i mörkt läge, men behåll en PNG bredvid för webbläsare som inte stöder det.
Tips för att använda Favicon-generator effektivt
Utgå från en kvadratisk PNG på 512x512 så att 16, 32 och 180 px förblir skarpa.
iOS vill ha en apple-touch-icon på 180x180 och PWA-manifestet 192 och 512 px.
I fliken återstår 16 px – en bokstav eller enkel form läses bättre än en logotyp.