1. Upload billede
Træk og slip filen i det markerede område, eller vælg den fra din enhed. Et kvadratisk billede fungerer bedst.
Opret favicon.ico til din hjemmeside fra ét enkelt billede
Upload et billede, og værktøjet genererer favicon.ico og et komplet sæt PNG-ikoner til browsere, mobile enheder og Lighthouse.
Loading tool editor...
Dette værktøj fungerer på en større skærm
For at bruge dette værktøj komfortabelt skal du åbne det på en bærbar computer, stationær computer eller tablet i liggende tilstand.
Tip
Hvis du bruger en tablet, skift til liggende tilstand - når vinduesbredden er tilstrækkelig, indlæses værktøjet automatisk.
Hvad er en favicon, og hvorfor er den vigtig?
En favicon er et lille ikon, der vises i browserfanen, i bogmærkelisten og på telefonens startskærm. Det er et af de første elementer, brugeren ser – allerede inden siden er helt indlæst.
En professionel favicon opbygger brandgenkendelse og gør det lettere for brugeren at finde din side blandt mange åbne faner. Mangel på favicon kan give et uprofessionelt indtryk og reducere besøgendes tillid.
Sådan bruger du favicon-generatoren
At generere favicon tager kun et par minutter:
2. Beskær og justér
Justér beskæringsområdet for at vælge den passende del af billedet. Se hvordan det ser ud i forskellige størrelser.3. Download ikoner
Download favicon.ico og det komplette sæt PNG-ikoner i en ZIP-fil. Alle ikoner er klar til brug.
Hvilke ikoner opretter generatoren?
Hver størrelse har sit eget formål:
favicon.ico (32×32)
Klassisk format, der genkendes af alle browsere. Vises i browserfanen.
16×16 og 32×32 PNG
Standardstørrelser til moderne browsere. Vises i faner og bogmærker.
180×180 PNG (apple-touch-icon)
Ikon til Apple-enheder (iPhone, iPad). Vises, når nogen tilføjer siden til startskærmen.
192×192 og 512×512 PNG
Ikoner til webapps (PWA). Kræves af manifest og bruges i appbutikker.
Hvis du ikke bygger en PWA, er det nok med: favicon.ico, 32×32 PNG og 180×180 PNG. Disse tre filer dækker de fleste brugsscenarier.
Hvad gør denne favicon-generator speciel?
Lokal behandling i browseren
Billedet uploades ikke til nogen server. Al behandling sker på din enhed.Opfylder Lighthouse-krav
Genererede ikoner opfylder Google Lighthouse-kravene til størrelse og format.Ikoner til alle enheder
Et sæt filer dækker alle browsere, iOS, Android og Windows.Uden begrænsninger, uden registrering
Generér så mange favicons, du har brug for. Uden registrering, uden gebyrer.
Hvordan bruger du favicon-generatoren?
Generatoren guider dig gennem hele processen trin for trin:
1. Tilføj kildebillede
Træk en fil til det markerede felt, eller vælg et billede fra din computer.
Understøttede formater: PNG, JPG, SVG. Et simpelt logo eller ikon på mindst 512×512 pixels fungerer bedst.
2. Vælg ikonstørrelser
Afkryds de ikonstørrelser, du har brug for.
Du kan vælge alle eller kun enkelte. Til en almindelig hjemmeside er nok: favicon.ico, 32×32 og 180×180.
3. Indstil genereringsoptioner
Indstil yderligere muligheder:
- Baggrund – gennemsigtig eller valgt farve
- Manifest – konfigurationsfil til PWA
- Automatisk download – filer downloades med det samme efter generering
4. Generér og download filer
Efter generering behandler værktøjet billedet lokalt – intet sendes til en server.
Download alle filer som ZIP-arkiv, eller download enkelte ikoner separat.
PNG-størrelser
16x1632x32180x180
Gennemsigtig baggrund (PNG/ICO)
Baggrundsfarve:
Genereringsoptioner – hvad gør hver af dem?
Baggrund (gennemsigtig eller farve)
Som standard bevarer generatoren gennemsigtighed. Du kan også vælge en bestemt baggrundsfarve.
Generér manifest (site.webmanifest)
En JSON-konfigurationsfil til webapps (PWA). Hvis du ikke opretter en PWA, er denne mulighed ikke nødvendig.
Hvordan downloader du de genererede filer?
Efter generering af ikoner har du flere downloadmuligheder:
Download alt som ZIP
Knappen Download alt pakker alle genererede filer i ét ZIP-arkiv. Det er den mest bekvemme mulighed, når du har brug for det komplette ikonsæt.Download enkelte filer
Hvert genereret ikon har sin egen downloadknap – du kan downloade en enkelt fil uden at downloade hele sættet. Nyttigt ved opdatering af en enkelt størrelse.
Hvor og hvordan uploader man favicon?
WordPress
De fleste WordPress-temaer har en indbygget mulighed for at indstille webstedsikonet. Du finder den i admin-panelet:
Udseende → Tilpas → Webstedsidentitet → Webstedsikon
Upload 512×512-filen – WordPress genererer automatisk mindre størrelser. For fuld kontrol kan du også uploade filerne direkte til rodmappen via FTP.
Hvilket kildebillede fungerer bedst?
Favicon er en meget lille grafik – ned til 16×16 pixels. Derfor er ikke alle billeder egnede som kilde:
Enkle former og læsbare symboler
Enkle logoer, enkelte bogstaver eller symboler fungerer bedst. Undgå komplekse grafik med mange detaljer.Kvadratisk format
Favicon er kvadratisk. Hvis kildebilledet har andre proportioner end 1:1, vil det blive beskåret eller strakt.Tilstrækkelig størrelse
Vi anbefaler et kildebillede på mindst 512×512 pixels. Mindre billeder vil blive opskaleret.SVG som ideel kilde
SVG skalerer uden kvalitetstab, så ikoner vil være skarpe i alle størrelser.
Favicon i Googles søgeresultater
Google viser favicons ved siden af webstedets URL i søgeresultaterne. Mobile søgeresultater har vist favicons siden 2019. Desktopresultater fulgte i januar 2020. Favicon er dermed et synligt brandinglement i hver Google-søgning.
Google stiller specifikke krav til visning af favicons. Ikonet skal være mindst 48×48 pixels. Det skal være kvadratisk. Billedet skal være tydeligt synligt på hvid baggrund. Google afviser ikoner med upassende eller tomt indhold.
Googlebot crawler og indekserer favicons uafhængigt af sideindholdet. Opdatering af favicon i søgeresultaterne kan tage flere dage til uger. Favicon-filen må ikke være blokeret i robots.txt - ellers kan Google ikke hente den nye version.
Bing viser også favicons i sine søgeresultater. DuckDuckGo viser webstedsikoner ved siden af hvert resultatlink. Et komplet sæt favicons sikrer et ensartet brandsudseende i alle store søgemaskiner. Brugere genkender velkendte favicons hurtigere, hvilket bidrager til en højere klikrate.
Favicon og brandidentitet i Danmark
Dansk designtradition værdsætter enkelhed og funktionalitet. Et rent og simpelt favicon afspejler disse værdier og styrker genkendelsen i browserfaner, bogmærker og på mobilens startskærm. Når en bruger har ti eller flere faner åbne, forbliver favicon det eneste synlige element, der identificerer webstedet.
Visuel konsistens mellem favicon og logo forbedrer brandgenkendelsen. En forenklet version af logoet eller dets første bogstav fungerer bedst ved små pixelstørrelser. Farverne i favicon bør matche virksomhedens grafiske profil.
Danske e-handelsplatforme som Shoporama, DanDomain og SmartWeb giver mulighed for favicon-konfiguration i temaindstillingerne. Webshops med et professionelt favicon signalerer troværdighed og skiller sig ud på prissammenligningssider.
Webtilgængelighed i Danmark er reguleret af lov om tilgængelighed af offentlige organers websteder. Tilstrækkelig kontrast for alle visuelle elementer er et krav. Favicon skal være læsbart i både lys og mørk tilstand. Kontrastrige farver og enkle former opfylder dette krav pålideligt.
Favicon til PWA og mobile enheder
Progressive Web Apps kræver yderligere ikoner ud over standardfavicon. Filen manifest.json skal indeholde et ikonarray med størrelserne 192×192 og 512×512 pixels i PNG-format.
Maskable icons er en speciel ikontype til Android-enheder. Styresystemet beskærer maskable icons til forskellige former - cirkler, afrundede firkanter eller dråber. Den sikre zone dækker de indre 80 procent af billedfladen. Alle væsentlige grafiske elementer skal ligge inden for denne zone for at undgå beskæring.
Apple kræver en separat apple-touch-icon-fil på 180×180 pixels. Denne fil skal erklæres i HTML-headeren - iOS læser den ikke fra manifestfilen.
Danmark har en af verdens højeste digitaliseringsrater. Danske virksomheder og banker bruger PWA-teknologien til at tilbyde hurtig adgang fra telefonens startskærm uden installation via en appbutik.
Lighthouse-audit i Chrome DevTools kontrollerer tilstedeværelsen og gyldigheden af favicon og PWA-ikoner. Et manglende eller ugyldigt favicon genererer en advarsel i PWA-kategorien i auditten.
Ofte stillede spørgsmål om favicon-generatoren
Hvilket billede er bedst til favicon?
Et kvadratisk billede (mindst 512×512 px) med enkel baggrund er bedst. Logoer, initialer eller enkle ikoner giver de bedste resultater. Billeder med mange detaljer kan se dårlige ud i lille størrelse (16×16 px).
Hvad er forskellen mellem favicon.ico og PNG?
ICO-filen kan indeholde flere størrelser i én fil og understøttes af alle browsere, inklusive ældre. PNG-filer har højere kvalitet, men kræver et separat HTML-tag for hver størrelse. Det anbefales at bruge begge.
Sendes billedet til en server?
Nej. Al behandling sker i din browser. Billedet gemmes ikke og sendes ingen steder hen.
Hvordan tilføjer man favicon til hjemmesiden?
Placer ikonfilerne i hjemmesidens rodmappe og tilføj de passende HTML-tags i sidens <head>-sektion. Den downloadede ZIP-fil indeholder implementeringsinstruktioner.
Hjælp os med at forbedre vores værktøjer
Har du en idé til en ny funktion, fundet en fejl eller vil foreslå et andet værktøj, der ville gøre dit arbejde lettere? Skriv til os – vi svarer inden for 24 timer.