Hvilket billedformat skal jeg uploade?

PNG med en gennemsigtig baggrund fungerer bedst. Brug et kvadratisk billede på mindst 512x512 pixels, så værktøjet kan skalere ned uden kvalitetstab. SVG fungerer også godt, da det kan skaleres til enhver størrelse.

Hvilke størrelser genererer dette?

16x16 (browserfane), 32x32 (browserfane @2x), 48x48 (Windows proceslinje), 180x180 (Apple Touch-ikon), 192x192 (Android-startskærm), 512x512 (PWA-startskærm). ICO-filen indeholder 16, 32 og 48px størrelser.

Hvor placerer jeg favicon-filerne?

Placer favicon.ico i dit websteds rodmappe. Andre PNG-størrelser går i din offentlige mappe eller enhver tilgængelig sti. Tilføj HTML-link-tags i din -sektion, der peger på hver filplacering.

Hvorfor opdateres mit favicon ikke i browseren?

Browsere cacherer aggressivt favicons. Ryd din browsercache, prøv at åbne i et inkognitovindue, eller tilføj en versionsforespørgselsstreng (?v=2) til favicon-URL'en for at gennemtvinge en opdatering.

Hvorfor opdateres mit favicon ikke?

Browsere cacher favicons aggressivt, nogle gange i dagevis. Tving en opdatering ved at rydde cachen, åbne ikonets URL direkte eller tilføje en versionsforespørgselsparameter til linktagget.

Er mit billede uploadet til en server?

Nej. Generering sker i din browser.

Skal jeg bruge SVG eller PNG?

SVG for kilden (opløsningsuafhængig). Generatoren udsender PNG'er i bestemte størrelser; moderne browsere understøtter også SVG favicons via link rel=icon type=image/svg+xml.

Hvad er site.webmanifest?

Et JSON-manifest til progressive webapps, der beskriver ikoner, farver og andre metadata. Påkrævet for installerbare webapps; harmløse at inkludere selv på standardwebsteder.

Gratis konverter

Favicon Generator

Generer favicon-filer i flere størrelser (16x16 til 512x512) fra ethvert billede. Gratis, øjeblikkelig og kører helt i din browser.

Træk og slip et billede her

Understøtter PNG, JPG, SVG, WebP. Max 10 MB.

Eller

Om dette værktøj

Et favicon er det lille ikon, der vises i browserfaner, bogmærker og historielister. Det originale favicon – en 16×16 ICO-fil på /favicon.ico – er udvidet til et komplekst sæt ikoner i forskellige størrelser til forskellige platforme: 16×16 og 32×32 til browserfaner, 180×180 til iOS-startskærme, 192×192 og 512×512 til Windows og forskellige størrelser. At producere alle disse fra et enkelt kildebillede er, hvad en moderne favicon-generator gør.

Dette værktøj tager et enkelt kildebillede i høj opløsning (typisk et firkantet logo) og genererer det fulde sæt af favicon-aktiver plus de HTML-linktags, der er nødvendige for at referere til dem. Output inkluderer ICO, flere PNG'er og en manifest.json til progressive webapp-metadata. Slip de resulterende filer i roden af dit websted og referer til dem via den genererede HTML.

Al behandling foregår i din browser. Ingen upload, ingen API-kald, ingen takstgrænse. Outputtet fungerer på alle moderne browsere og operativsystemer, der viser faviconer.

Hvorfor generere et favicon

Websteder uden favicons ser ufærdige ud. Browserfaner viser et generisk ikon; bogmærker har ingen visuel identifikator; siden fremstår mindre professionel. Tilføjelse af et ordentligt favicon-sæt er et lavt anstrengende og kraftigt poleringstrin, der signalerer opmærksomhed på detaljer.

Moderne favicon-krav er vokset ud over /favicon.ico. iOS-startskærmsikoner, Android Chrome-ikoner, Windows-fliseikoner og varianter af mørk tilstand bruger alle forskellige filer. Generering af dem alle fra én kilde sikrer ensartet branding uden at administrere hver fil manuelt.

Sådan bruger du det

Upload kildebillede, få det fulde favicon sæt.

Upload kildebillede: Brug et kvadratisk billede på mindst 512×512 pixels. PNG foretrækkes (understøttelse af gennemsigtighed); SVG accepteres også. Kilder med højere opløsning producerer skarpere mindre ikoner.
Konfigurer platformindstillinger: Aktiver iOS-, Android-, Windows- og PWA-output efter behov. Standardindstillinger producerer det standardsæt, de fleste websteder har brug for.
Tilpas farver og tema: Vælg temafarver til Windows-fliser og PWA-stænkskærme. Match din brandidentitet.
Download og implementer: Gem den genererede zip. Placer filer i roden af dit websted, og tilføj de genererede HTML-link-tags til dit <head>. HTML'en refererer til hvert ikon i den rigtige størrelse.

Almindelige anvendelsestilfælde

Tilføjelse af favoritter til nye websteder — Hvert nyt websted har brug for et komplet favicon-sæt. Generation producerer det fra en enkelt logokilde.
Opdatering af forældede favicons — Ældre websteder har ofte bare /favicon.ico; moderne krav kræver et mere fyldigt sæt. Gengenerering udfylder manglende aktiver.
Producerer PWA-ikoner — Progressive webapps har brug for 192×192 og 512×512 ikoner plus manifest metadata. Generatoren producerer disse korrekt.
Migrering mellem branding — Rebrands kræver ofte regenerering af alle favicons. Single-source generation forhindrer manglende aktiver.
Test med forskellige farver — Gentager hurtigt temafarver og ser straks, hvordan ikonsættet ser ud i forskellige størrelser.

Tekniske detaljer

Det komplette moderne favicon sæt: favicon.ico (16+32+48 multi-opløsning), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-5chrome-212png mstile-150x150.png. Plus site.webmanifest til PWA, browserconfig.xml til Windows.

Hver PNG genereres ved lærredsbaseret downsampling fra kilden. ICO'en er konstrueret i JavaScript ved at kombinere 16/32/48-versioner til ICO-formatet med flere opløsninger ved hjælp af DataView-skrivning.

HTML-link-tags refererer til hver fil med passende rel- og størrelsesattributter. Generatoren producerer disse som et copy-paste-klar kodestykke til dit websteds <head>.

Bedste praksis

Brug en højopløsningskilde — Start med mindst 512×512 PNG eller en SVG-master. Nedsampling giver skarpere mindre ikoner end opskalering af en lille kilde.
Test i flere browsere — Forskellige browsere og platforme viser forskellige ikoner. Åbn det installerede websted i Chrome, Safari, Firefox, mobil Safari og Android Chrome for at bekræfte, at hver vælger det rigtige aktiv.
Match farver til dit brand — Temafarver og PWA-stænkskærme bør afspejle din brandidentitet. Inkonsekvente farver giver et poleret udseende ikon med uoverensstemmende systemintegration.
Behold kildens SVG til fremtidig regenerering — Når du rebrander, vil du regenerere fra kilden. Hold master SVG (eller højeste opløsning PNG) tilgængelig.

Ofte stillede spørgsmål

Hvilket billedformat skal jeg uploade?: PNG med en gennemsigtig baggrund fungerer bedst. Brug et kvadratisk billede på mindst 512x512 pixels, så værktøjet kan skalere ned uden kvalitetstab. SVG fungerer også godt, da det kan skaleres til enhver størrelse.
Hvilke størrelser genererer dette?: 16x16 (browserfane), 32x32 (browserfane @2x), 48x48 (Windows proceslinje), 180x180 (Apple Touch-ikon), 192x192 (Android-startskærm), 512x512 (PWA-startskærm). ICO-filen indeholder 16, 32 og 48px størrelser.
Hvor placerer jeg favicon-filerne?: Placer favicon.ico i dit websteds rodmappe. Andre PNG-størrelser går i din offentlige mappe eller enhver tilgængelig sti. Tilføj HTML-link-tags i din <head>-sektion, der peger på hver filplacering.
Hvorfor opdateres mit favicon ikke i browseren?: Browsere cacherer aggressivt favicons. Ryd din browsercache, prøv at åbne i et inkognitovindue, eller tilføj en versionsforespørgselsstreng (?v=2) til favicon-URL'en for at gennemtvinge en opdatering.
Hvorfor opdateres mit favicon ikke?: Browsere cacher favicons aggressivt, nogle gange i dagevis. Tving en opdatering ved at rydde cachen, åbne ikonets URL direkte eller tilføje en versionsforespørgselsparameter til linktagget.
Er mit billede uploadet til en server?: Nej. Generering sker i din browser.
Skal jeg bruge SVG eller PNG?: SVG for kilden (opløsningsuafhængig). Generatoren udsender PNG'er i bestemte størrelser; moderne browsere understøtter også SVG favicons via link rel=icon type=image/svg+xml.
Hvad er site.webmanifest?: Et JSON-manifest til progressive webapps, der beskriver ikoner, farver og andre metadata. Påkrævet for installerbare webapps; harmløse at inkludere selv på standardwebsteder.

Favicon Generator

Træk og slip et billede her

Relaterede værktøjer

App ikon Generator

Browserramme Mockup generator

Enhedsmockup Generator

Meme Generator

Om dette værktøj

Hvorfor generere et favicon

Sådan bruger du det

Almindelige anvendelsestilfælde

Tekniske detaljer

Bedste praksis

Ofte stillede spørgsmål

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk