Rediger fotos med AI – beskriv bare ændringenÅbn
PhotoRetrica

Favicon-generator

Gør et logo, en SVG, et bogstav eller en emoji til et komplet favicon-sæt til browsere, Google, iPhone og Android – med live-eksempler og færdig installationskode.

Filerne forlader aldrig din enhed100 % gratis

Sådan gør du: Favicon-generator

  1. 1

    Vælg en kilde

    Upload et logo i PNG, JPG, WebP eller SVG, og beskær det til et kvadrat, eller skriv et bogstav eller en emoji, og vælg skrifttype og farver.

  2. 2

    Tilpas hver platform

    Indstil baggrund, hjørner og margen til browsere, iOS og Android, gør Android-ikonet maskerbart, og tjek live-eksemplerne af fane, søgeresultat og hjemmeskærm.

  3. 3

    Download og installér

    Hent favicon.ico, favicon.svg, PNG-ikoner og site.webmanifest i én ZIP-fil, og følg derefter vejledningen til HTML, Next.js, Vite eller WordPress.

Hvad et moderne favicon-sæt indeholder

En favicon er det lille ikon i browserfaner, bogmærker og Googles søgeresultater, og på telefoner bliver det dit websteds ikon på hjemmeskærmen. Hver platform kræver sine egne filer, så en moderne favicon er et lille sæt billeder plus et webapp-manifest – ikke ét enkelt billede.

Upload et logo i PNG, JPG, WebP eller SVG, og beskær det til et kvadrat, eller lav et ikon ud fra et bogstav eller en emoji. Tilpas derefter hver platform for sig: baggrund og hjørner til computerbrowsere og Google, ensfarvet baggrund og margen til iPhonens hjemmeskærm og et maskerbart ikon til Android, der holder logoet inden for sikkerhedszonen. Live-eksemplerne viser browserfaner i lys og mørk tilstand, bogmærkelinjen, et Google-resultat og hjemmeskærme på iOS og Android med cirkel-, squircle- og afrundede masker.

ZIP-filen følger nutidens bedste praksis: favicon.ico med 16, 32 og 48 px, favicon.svg, når kilden er en SVG (eventuelt med tilpasning til mørk tilstand), favicon-96x96.png, en apple-touch-icon.png på 180×180, manifestikoner på 192 og 512 px samt site.webmanifest. Kopiér HTML-koden, eller følg trinene til Next.js, React/Vite eller WordPress, og test derefter resultatet med vores favicon-tjek. Alt genereres i din browser.

Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.