Så skapar du en favicon från en bild

Uppdaterad

En favicon är den lilla ikonen i webbläsarens flik, sparad som en .ico-fil. För att skapa en börjar du med en fyrkantig bild och konverterar den: öppna EditItAlls konverterare från PNG till ICO, släpp din logotyp där och ladda ned .ico-filen. Allt sker i din webbläsare, så bilden laddas aldrig upp.

Gör det nu — gratis, i din webbläsare

Open the PNG → ICO converter

Vad en favicon är, och formatet du behöver

En favicon är den lilla bild som en webbläsare visar i fliken, i bokmärken och i historiken bredvid din webbplats namn. Det traditionella formatet är ICO, en liten ikonfil som de flesta webbläsare känner igen utan extra inställningar.

Två saker gör en bra favicon: den bör vara ungefär fyrkantig och förbli tydlig när den krymps till storleken av en nagel. Det är därför en favicon oftast är en enda fet bokstav, en logotypsymbol eller en enkel form snarare än ett detaljerat foto.

Gör om din bild till en .ico

Har du redan en fyrkantig logotyp är konverteringen ett enda steg:

  • Öppna konverteraren från PNG till ICO och släpp din bild där.
  • Låt den konverteras och ladda sedan ned .ico-filen.
  • Lägg till den på din webbplats som favicon.ico, eller referera till den från din HTML.

Börjar du med ett annat format? Använd konverteraren från JPG till ICO för ett foto eller en platt logotyp, eller från SVG till ICO om ditt märke är en vektor: en vektorkälla är idealisk eftersom den ritas rent i vilken storlek ikonen än behöver. Varje konvertering sker i din webbläsare, så bilden laddas aldrig upp.

Förbered först en ren, fyrkantig källa

Ikonen kan bara bli så tydlig som det du utgår från. Är din bild inte fyrkantig, beskär den först till en fyrkant i fotoredigeraren så att konverteraren slipper gissa: centrera den viktiga delen och ta bort resten. Förenkla en rörig bild till en enda stark form eller bokstav, eftersom fina detaljer blir till grötig oskärpa i faviconstorlek.

Finns din logotyp som vektorgrafik, behåll den som SVG så länge du kan och konvertera till ICO sist: vektorer förblir skarpa eftersom de renderas till exakt rätt pixelstorlek i stället för att sträckas ut från en liten bitmapp. För relaterad bakgrund om att rastrera vektorer rent, se konvertera SVG till PNG utan att förlora kvalitet.

Redo att testa?

Gratis, utan konto — och inget du öppnar lämnar någonsin din enhet.

Vanliga frågor

Vilken storlek bör en favicon ha?+

En favicon är liten och fyrkantig: en kompakt ikon som webbläsare visar i fliken. Börja med en fyrkantig källbild, så skapar konverteraren en .ico-fil som du kan lägga direkt på din webbplats.

Kan jag skapa en favicon från ett foto?+

Ja, även om ett foto sällan blir bra i flikstorlek. Beskär det till en fyrkant och välj en bild med ett tydligt motiv; en enkel logotyp eller bokstav ser nästan alltid skarpare ut än ett detaljerat foto.

Behöver jag .ico-formatet?+

ICO är det mest allmänt igenkända faviconformatet och fungerar utan extra konfiguration. Att konvertera din bild till .ico är det säkraste standardvalet för brett webbläsarstöd.

Laddas min bild upp för att skapa faviconen?+

Nej. Konverteraren körs helt i din webbläsare, så din logotyp eller ditt foto lämnar aldrig din enhet: du kan till och med arbeta offline efter att sidan har laddats.

Varför ser min favicon suddig ut?+

Suddighet betyder oftast att källan var liten eller för detaljerad. Börja med en större, fyrkantig bild med hög kontrast, eller med en vektor, så att det finns nog med skärpa kvar när den krymps till ikonstorlek.

Relaterade guider

Fler guider om Konvertera bildformat →