EN
SammenlignKom i gang

Gratis værktøj

Favicon generator gratis. Alle størrelser, ét klik.

Upload dit logo, eller skriv et bogstav og vælg farver. Favicon-generatoren giver dig favicon.ico, alle de PNG-størrelser, browsere og telefoner beder om, et web manifest og HTML-koden, du skal indsætte. Det hele sker i din browser, og dit billede bliver på din computer.

Visning

16px
32px
48px
180px
Filer

Tegner dine ikoner…

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon-48x48.png
  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • site.webmanifest
Indsæt i <head>
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
site.webmanifest
{
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Hvad er en favicon?

En favicon er det lille ikon, der repræsenterer din hjemmeside: i browserfanen, i bogmærker, på telefonens hjemmeskærm og ved dit resultat på Google. Uden en favicon ser de besøgende et tomt, gråt sideikon, og siden virker ufærdig.

Sådan laver du en favicon

  1. Vælg, hvad du vil starte fra: et bogstav eller et billede.
  2. Vælger du et bogstav, skriver du ét eller to tegn og vælger en baggrundsfarve og en bogstavfarve.
  3. Vælger du et billede, tager du en PNG, JPG eller SVG, gerne kvadratisk og mindst 512×512 pixels. Billeder, der ikke er kvadratiske, beskæres til midten.
  4. Vælg en form: firkant, afrundet eller cirkel.
  5. Tjek visningen i 16, 32, 48 og 180 pixels. Den på 16px er den, folk ser i en række faner.
  6. Klik på “Download alle”, eller hent filerne én ad gangen, og kopiér HTML-koden.

Hvilke favicon-størrelser skal du bruge?

Færre, end de fleste guides siger. Generatoren laver præcis disse filer:

  • favicon.ico med billeder i 16, 32 og 48 pixels til browserfaner og ældre programmer.
  • favicon-16x16.png, favicon-32x32.png og favicon-48x48.png: de samme størrelser som PNG.
  • apple-touch-icon.png i 180×180, som bruges, når nogen lægger din side på hjemmeskærmen på en iPhone.
  • android-chrome-192x192.png og android-chrome-512x512.png til Android og installerbare webapps.
  • site.webmanifest: den lille fil, der peger på ikonerne i 192 og 512 pixels.

Sådan sætter du en favicon på din hjemmeside

  1. Læg filerne i roden af din hjemmeside, så favicon.ico ligger på ditdomæne.dk/favicon.ico.
  2. Indsæt link-tags i <head> på alle sider. Browsere leder selv efter /favicon.ico; med tags får de også adgang til de større størrelser.
  3. Åbn ditdomæne.dk/favicon.ico i browseren for at tjekke, at filen ligger der.

Favicon i Googles søgeresultater

Google viser din favicon ved dit søgeresultat. Den skal være kvadratisk, linket fra din forside og kunne findes af Google. Minimum er 8×8 pixels, men Google anbefaler større end 48×48, så den ser skarp ud. PNG’en på 48px og de større størrelser her dækker det. Efter en ændring kan der gå dage eller uger, før den slår igennem.

Typiske fejl med favicons

  • Et helt logo med navnetræk. Det bliver til grød i 16 pixels. Brug symbolet eller ét bogstav på en ensfarvet baggrund.
  • Lav kontrast. Et lyst bogstav på en lys baggrund forsvinder i en række faner. Høj kontrast og en enkel form ses bedst.
  • Et billede, der ikke er kvadratisk. Det bliver mast eller beskåret. Beskær det selv, så du bestemmer, hvad der bliver.
  • Browserens hukommelse. Browsere husker favicons længe. Har du skiftet din og ser stadig den gamle? Åbn ikonets adresse direkte, eller prøv et privat vindue.

Ofte stillede spørgsmål

Den skal være kvadratisk og findes i flere størrelser: 16, 32 og 48 pixels til browsere, 180 til Apple-enheder og 192 og 512 til Android. Generatoren laver dem alle ud fra ét billede.

Ja, den er stadig den sikreste reserve: browsere spørger automatisk efter /favicon.ico, og nogle værktøjer læser kun den fil. PNG-størrelserne dækker resten.

Google skal kunne finde en kvadratisk favicon, der er linket fra din forside, og anbefaler, at den er større end 48×48 pixels. Efter en ændring kan der gå dage eller uger, før den slår igennem.

Din browser har gemt den. Åbn ikonets adresse direkte, eller tjek i et privat vindue. De besøgende ser den nye, når deres browser henter den igen.

Nej. Faviconerne tegnes med din browsers canvas og gemmes direkte på din computer.

Flere gratis værktøjer