Gratis favicon-generator til alle platforme

En favicon-generator sparer det kedelige arbejde med at brande et website: at eksportere det samme logo i seks størrelser, navngive hver fil korrekt og skrive de tags, der fortæller alle platforme, hvor de findes. Favicon'en er lille, men den kommer langt. Den vises i browserfaneblade, bogmærker og historik, på telefoners startskærm og ved siden af dit sidenavn i Google-resultater, hvor Google beder om et firkantet ikon på mindst 8x8 pixels og anbefaler et større end 48x48 (Google Search Central, favicons i søgeresultater).

Hvordan bruger du favicon-generatoren?

Træk en PNG-, JPG- eller SVG-fil ind i værktøjet, helst på 512x512 pixels eller større. Generatoren tegner dit billede på et lærred i hver størrelse med høj kvalitetsudjævning og viser de seks resultater side om side.

1. Forbered en firkantet kilde. Værktøjet ændrer størrelsen på dit billede til hver kvadratisk størrelse uden at beskære det, så et rektangulært logo ser strakt ud. Beskær det til en firkant først, med en lille margin rundt om mærket.
2. Træk filen ind eller klik for at vælge den. Forhåndsvisningen vises på et sekund.
3. Hent pakken med knappen „Hent alle (.zip)“, eller hent hver PNG for sig.
4. Kopiér HTML-koden ind i <head> på hver side, typisk i din skabelon.
5. Kopiér manifestet, udfyld felterne name og short_name med dit brand, og gem det som site.webmanifest i roden af dit website.
6. Upload filerne til roden af dit domæne, så /favicon-32x32.png og de andre stier i koden virker.

Fordi behandlingen sker i din browser, virker generatoren med ikke-udgivne logoer og kundefiler, som du ikke må sende til en server hos en tredjepart.

Hvilke favicon-størrelser har du brug for i 2026?

Seks PNG-filer dækker browsere, iOS, Android og Windows. Tabellen viser, hvad generatoren laver, hvor hver fil bruges, og hvilket tag eller hvilken fil der henviser til den.

Parret 192 og 512 er ikke tilfældigt valgt: For Chromium-browsere skal et web-app-manifest indeholde mindst et 192x192-ikon og et 512x512-ikon, og Chrome skalerer dem til de andre steder, det har brug for (web.dev, tilføj et web-app-manifest). Størrelsen 180x180 svarer til det højopløselige iPhone-ikon i Apples eget eksempelkode til webklip (Apple, konfigurering af webapplikationer). Windows-flisen er en ældre fil: Den gør ingen skade, og du kan fjerne tagget, hvis du ikke retter dig mod gamle Windows-installationer.

Hvilken HTML-kode giver generatoren dig?

Seks linjer til <head>: to rel="icon"-links til PNG-favicons, Apple touch-ikonet, manifestlinket, Windows-flisen og et theme-color-metatag. Når en side lister flere ikoner, læser browseren deres type- og sizes-attributter for at vælge det mest passende og går videre til det næste, hvis en fil fejler (MDN, linktyper).

To indstillinger i den genererede kode er værd at redigere. theme-color og manifestets farver er som standard hvide (#ffffff): Erstat dem med din brandfarve, hvis browserbaren og opstartsskærmen i en installeret app skal matche dit website. Og manifestet lader name og short_name stå tomme med vilje: web.dev forklarer, at mindst et af dem er påkrævet, og at short_name bruges på startskærmen, hvor pladsen er begrænset.

Hjælper en favicon med SEO?

Ikke som rangeringsfaktor, men den påvirker, hvordan dit resultat ser ud. Google kan vise din favicon ved siden af dit sidenavn øverst i hvert resultat, så et tydeligt ikon hjælper søgere med at genkende dit brand og kan løfte din klikrate i forhold til resultater med en generisk globus.

Google opregner betingelserne for at være berettiget, og en manglende betingelse er den typiske grund til, at en favicon ikke vises:

• Et linktag på forsiden. Google læser rel="icon", shortcut icon, apple-touch-icon og apple-touch-icon-precomposed.
• Adgang til crawling. Googlebot skal kunne nå forsiden, og Googlebot-Image skal kunne nå ikonfilen. En regel i robots.txt, der blokerer din billedmappe, kan skjule din favicon.
• En firkantet fil på mindst 8x8 pixels, helst større end 48x48, i et understøttet format: BMP, GIF, ICO, PNG, JPEG, PPM eller TIFF. De genererede PNG-filer opfylder kravet.
• Én favicon pr. værtsnavn. Et subdomæne kan have sit eget ikon; en undermappe som /blog kan ikke.
• En stabil URL, som du ikke ændrer ofte.

Efter en ændring skal Google crawle forsiden igen, hvilket ifølge den samme dokumentation kan tage fra flere dage til flere uger. Anmodning om indeksering af forsiden i Search Console fremskynder processen.

Hvordan designer du en favicon, der stadig er læselig ved 16 pixels?

Design først til den mindste størrelse. Ved 16x16 har hele ikonet 256 pixels, så et helt logo med en tagline bliver til en sløret plet. Disse regler holder ikonet læseligt:

• Brug logomærket, ikke hele logoet. Et symbol eller et enkelt fedt bogstav tåler nedskalering; et ord gør ikke.
• Udfyld firkanten. Lad en tynd margin stå, men undgå store tomme kanter, der gør mærket lille i fanen.
• Vælg stærk kontrast og to eller tre flade farver. Tynde linjer og gradienter forsvinder i små størrelser.
• Tjek lyse og mørke temaer. En gennemsigtig PNG med et mørkt mærke forsvinder på en mørk fanebjælke; en massiv baggrund eller en lys kontur løser det.
• Tænk på masker til Android. Android kan beskære app-ikoner til en cirkel. MDN anbefaler et maskerbart ikon med det vigtige indhold inden for en sikker zone og en uigennemsigtig baggrund (MDN, definer app-ikoner). Hvis dit mærke rører kanterne, så eksportér en version med margin til 192- og 512-filerne.

Hvilke favicon-fejl er de mest almindelige?

De fleste ødelagte favicons skyldes en sti eller en cache, ikke selve billedet.

• Filer uploadet til den forkerte mappe. Den genererede kode peger på roden (/favicon-32x32.png). Hvis du placerer filerne i /assets, skal du opdatere alle stier.
• Ingen fil på /favicon.ico. Når en side ikke angiver et ikon, lader HTML-standarden browsere som standard hente /favicon.ico (WHATWG HTML-standarden, linktyper). Sider uden tags, f.eks. PDF-filer eller fejlsider, giver så en 404 i dine logs. Generatoren laver kun PNG-filer, så hvis du vil have den reserveløsning, skal du eksportere din 32x32-PNG som ICO-fil med et hvilket som helst billedredigeringsprogram.
• Et gammelt ikon, der ikke forsvinder. Browsere cacher favicons kraftigt. Omdøb filen, eller tilføj en versionsparameter (?v=2) efter et redesign.
• Tags kun på forsiden. Browsere læser ikonet side for side, så læg koden i den fælles skabelon.
• Et strakt logo. Beskær kilden til en firkant, før du genererer, som beskrevet ovenfor.

Når filerne er online, så kør favicon-udtrækkeren på dit domæne for at se, hvilke ikoner en crawler faktisk finder, og derefter on-page SEO-auditten for at kontrollere resten af dine head-tags.

Hvordan passer favicon'en ind i dit brand i AI-svar?

AI-assistenter som ChatGPT og Perplexity viser ofte ikonet for hvert website, de citerer, ved siden af kildelinket. Et ensartet favicon gør dit brand genkendeligt dér også, men det er kun rammen: At blive citeret afhænger af dit indhold og din autoritet. For at se, om dit website overhovedet optræder i disse svar, måler sporing af AI-omtaler dine brandomtaler hver måned, prompt for prompt og model for model, og GEO- og SEO-dashboardet sætter dem ved siden af dine Google-klik og -positioner.

Et komplet favicon-sæt tager ét firkantet billede og to minutter. Generer dine ikoner ovenfor, indsæt koden i din skabelon, og se derefter Sorank-priserne for at øge den trafik, der skal se dem, på autopilot.