Billede til ICO – lav favicon til din hjemmeside
Konverter dit billede til en ICO-fil med de rigtige favicon-størrelser. Alt sker i browseren, filen bliver aldrig uploadet.
Kører i din browser — filen uploades ikke
Sådan gør du
Vælg dit billede
Upload en PNG-, JPG- eller SVG-fil fra din computer. Et enkelt logo eller symbol fungerer bedst, da faviconen bliver vist meget lille.
Værktøjet genererer størrelserne
Billedet skaleres automatisk til de størrelser en favicon skal indeholde, fra 16x16 til 48x48 pixels, samlet i én ICO-fil.
Se resultatet
Du får en forhåndsvisning af, hvordan ikonet ser ud i de forskellige størrelser, inden du henter filen.
Hent filen
Download ICO-filen til din computer og læg den i din hjemmesides rodmappe som beskrevet nedenfor.
Om formaterne
BILLEDE
Kildebilledet kan være PNG, JPG eller SVG. PNG er ofte det bedste valg, fordi det understøtter transparent baggrund, hvilket ser bedst ud i browserens faneblad.
ICO
ICO er formatet browsere som standard leder efter, når de skal vise en favicon i fanebladet, bogmærkelisten eller på skrivebordsgenveje. Filen kan indeholde flere størrelser af det samme billede samlet ét sted.
Du vinder et format, som fungerer i alle browsere uden ekstra opsætning. Til gengæld tabes finere detaljer, når billedet skaleres ned til 16x16 pixels — et komplekst logo bliver let utydeligt, mens et enkelt symbol eller bogstav klarer sig godt.
Hvorfor skal en favicon være i ICO-format
Når en browser leder efter din hjemmesides ikon, tjekker den som standard efter en fil ved navn favicon.ico i rodmappen. Det er en gammel konvention, men den lever stadig i bedste velgående, og derfor er ICO fortsat det sikreste valg, hvis du vil have din favicon til at virke overalt uden ekstra opsætning.
Moderne browsere kan i dag også vise favicons i PNG- eller SVG-format via et link-tag i HTML-koden. Men ICO-filen fungerer som en pålidelig standardløsning, som browsere, RSS-læsere og gamle systemer stadig genkender automatisk.
Hvilke størrelser skal med i filen
En favicon bliver vist forskelligt afhængigt af, hvor den optræder. I browserens faneblad vises den typisk som 16x16 pixels, mens bogmærker og Windows-genveje ofte bruger 32x32 eller 48x48 pixels. Nogle steder, som Windows-startmenuen eller ældre systembakker, kan der være behov for helt op til 64x64.
Fordelen ved ICO-formatet er, at det kan rumme flere størrelser i samme fil. Browseren vælger selv den størrelse, der passer til situationen, så du behøver ikke selv afgøre, hvilken variant der skal bruges hvor. Værktøjet her genererer de gængse størrelser samlet, så du kun skal hente én fil.
Hvor skal du placere favicon-filen
Den mest udbredte løsning er at lægge favicon.ico direkte i hjemmesidens rodmappe, altså samme sted som index-filen. De fleste browsere vil finde den automatisk uden yderligere kode, fordi de tjekker adressen dinside.dk/favicon.ico som standard.
Vil du være sikker på, at filen bliver fundet uanset placering, kan du tilføje en linje i sidens head-sektion: link rel=»icon« href=»/favicon.ico«. Bruger du et CMS som WordPress eller et temasystem som Shopify, ligger der som regel et upload-felt til site-ikon under temaindstillinger eller udseende, hvor du kan lægge filen ind uden selv at røre koden.
Hvad sker der med billedet ved konverteringen
Et billede med mange detaljer, tekst eller flere farvenuancer bliver hurtigt uklart, når det skaleres ned til 16x16 pixels. Det bedste udgangspunkt er derfor et enkelt symbol, et bogstav eller et logo med tydelige konturer og få farver.
Har kildebilledet en transparent baggrund, bevares gennemsigtigheden i den færdige ICO-fil, hvilket typisk ser pænest ud i browserens faneblad. Har billedet i stedet en firkantet hvid eller farvet baggrund, følger den med og kan virke som en kant omkring ikonet.
Filen forlader aldrig din computer
Konverteringen foregår i selve browseren ved hjælp af JavaScript, og billedet bliver derfor ikke sendt til nogen server. Det betyder, at værktøjet fungerer, selv med logoer eller billeder du ikke ønsker at dele med tredjeparter, og at der ikke er nogen ventetid, fordi der ikke skal uploades noget.
Der er ingen konto at oprette, ingen loft over antal konverteringer og intet vandmærke på den færdige fil. Værktøjet er tænkt til netop denne opgave og gemmer ikke dine filer nogen steder, fordi de aldrig forlader din maskine.
Ofte stillede spørgsmål
Hvilke størrelser skal en favicon have?
De mest almindelige størrelser er 16x16, 32x32 og 48x48 pixels. Værktøjet genererer disse automatisk og samler dem i én ICO-fil, så du ikke selv skal vælge.
Hvor placerer jeg favicon-filen på min hjemmeside?
Læg filen som favicon.ico i hjemmesidens rodmappe, så finder browseren den automatisk. Vil du være sikker, kan du også tilføje et link-tag i head-sektionen, der peger direkte på filen.
Er det sikkert at konvertere mit logo her?
Ja, billedet forlader aldrig din computer, fordi konverteringen sker lokalt i browseren. Der uploades ikke noget til en server, og filen gemmes ikke nogen steder.
Kan jeg bruge PNG eller JPG som kildebillede?
Ja, du kan uploade PNG, JPG eller SVG. PNG anbefales, hvis du vil bevare en transparent baggrund i den færdige favicon.
Virker faviconen på WordPress eller Shopify?
Ja, ICO-formatet virker uafhængigt af CMS. De fleste temasystemer har et felt til upload af site-ikon under temaindstillinger, hvor du kan lægge den downloadede fil ind uden at røre koden.
Er der en grænse for, hvor stort billedet må være?
Værktøjet håndterer almindelige billedstørrelser fra kameraer og designprogrammer uden problemer. Da resultatet uanset kildens størrelse skaleres ned til få pixels, giver det ikke mening at bruge et meget stort originalbillede.
Skal jeg stadig bruge ICO, eller er PNG nok i dag?
Moderne browsere kan godt vise PNG- eller SVG-favicons, men ICO er stadig det format, browsere leder efter som standard uden ekstra kode. Vil du være sikker på bred kompatibilitet, er ICO derfor det trygge valg.
Hvorfor ser mit logo utydeligt ud som favicon?
Det skyldes typisk, at kildebilledet har for mange detaljer eller farver til at holde ved 16x16 pixels. Et enkelt symbol eller bogstav med tydelige konturer fungerer markant bedre end et detaljeret logo.