Hvad gør en Favicon-generator?
Dette værktøj tager et enkelt billedfil, som du leverer, og omdanner det til en samling af ikonfiler, der er velegnede til forskellige formål på et websted. Det inkluderer ikoner til browserfaner, Apple touch-ikoner samt ikoner til Progressive Web Apps (PWA'er). Værktøjet pakker derefter disse ikoner i en downloadbar ZIP-fil og leverer den nødvendige HTML-kodestump, så du nemt kan integrere dem på dit websted.
Værktøjet er skabt til:
- Webstedsudviklere, der ønsker at konvertere et eksisterende logo eller billede til de filer, der kræves til browserfaner, Apple touch-ikoner og Android-ikoner.
- Enhver, der har brug for en klar-til-brug filpakke og en HTML-kodestump til webstedsikoner.
- Brugere, der ønsker at generere
favicon.icoog en komplet site-ikonpakke ud fra en enkelt PNG, JPG eller SVG.
Inputindstillinger og krav til kildebilledet
For at generere dine ikoner skal du uploade ét billede i et af de understøttede formater: PNG, JPG eller SVG. Der gælder følgende retningslinjer og begrænsninger for dit kildebillede:
- Filstørrelsesgrænse: Værktøjet understøtter filer på op til 50 MB.
- Anbefalet størrelse: For PNG- eller JPG-billeder anbefales en opløsning på mindst 512 × 512 pixels. Hvis du bruger mindre billeder, vil de blive opskaleret, hvilket kan resultere i, at de store ikoner fremstår uskarpe.
- SVG-vektorer: Hvis dit kildebillede er en SVG, inkluderes selve vektoren i ikonpakken, hvilket sikrer fuldstændig skarphed i alle størrelser.
Når du indlæser et billede, viser værktøjet de præcise dimensioner på det indlæste billede i formatet "{w} × {h} px".
Håndtering af ikke-kvadratiske billeder
Ikoner skal altid være kvadratiske. Hvis dit kildebillede ikke er kvadratisk, vil værktøjet tilpasse det baseret på dit valg. Som standard centreres ikke-kvadratiske billeder med udfyldning (padding) udenom. Du kan vælge mellem følgende to metoder til tilpasning:
- Tilpas (udfyld): Hele billedet forbliver synligt og centreres med en udfyldning (padding) udenom.
- Fyld (beskær): Billedet udfylder hele kvadratet, og de overskydende kanter, der rager ud over rammen, beskæres.
Valg af ikonbaggrund
Baggrunden på dine genererede ikoner kan tilpasses efter behov. Som standard er baggrunden gennemsigtig. Du kan vælge mellem to indstillinger:
- Gennemsigtig: Ingen baggrundsfarve anvendes. Dette er særdeles velegnet til browserfaner.
- Farve: En brugerdefineret baggrundsfarve. En fast baggrundsfarve er et mere sikkert valg til iPhone-startskærmsikoner (Apple touch-ikoner), da gennemsigtige områder på disse enheder ellers vil blive farvet sorte.
Genererede filer i din ikonpakke
Når du genererer ikonerne, pakkes det hele i en ZIP-fil under navnet Din ikonpakke. Pakken indeholder følgende specifikke filer:
- favicon.ico: Indeholder versioner i størrelserne 16, 32 og 48 pixels i én enkelt fil.
- PNG-ikoner: Leveres i størrelserne 16, 32, 180, 192 og 512 pixels.
- site.webmanifest: En lille tekstfil, der lister de store ikoner, så enheder og installerede webapps kan finde dem.
- Vektorfil: Hvis du startede med en SVG-fil, inkluderes selve vektoren i pakken for at sikre skarphed på moderne browsere.
Derudover genererer værktøjet en HTML-kodestump under Kopiér kode, som du kan kopiere og indsætte direkte i <head>-sektionen på dine websider.
Fejlmeddelelser og fejlfinding
Hvis noget går galt under processen, kan du støde på en af følgende fejlmeddelelser i værktøjet:
- "Kun PNG-, JPG- og SVG-billeder understøttes.": Vises, hvis du forsøger at uploade et ikke-understøttet filformat.
- "Denne fil er over 50 MB. Brug et mindre kildebillede.": Vises, hvis din fil overskrider størrelsesgrænsen.
- "Vælg et PNG, JPG eller SVG-billede først.": Vises, hvis du forsøger at starte genereringen uden at have valgt en fil.
- "Denne fil kunne ikke åbnes som et billede. Den kan være beskadiget, tom eller slet ikke et billede.": Vises, hvis filen er beskadiget eller ulæselig.
- "Denne SVG kunne ikke læses. Tjek, at filen er et gyldigt SVG-dokument.": Vises, hvis din SVG-fil indeholder fejl.
- "Lille kildebillede (
{w}×{h}px): De store ikoner kan se uskarpe ud. 512 × 512 eller større – eller en SVG – giver de bedste resultater.": En advarsel om, at kildebilledet er for lille til optimal kvalitet. - "Generering mislykkedes. Prøv et andet billede.": Vises, hvis selve genereringsprocessen fejler.
Privatliv og databehandling
Når du bruger denne Favicon-generator, behandles dine data med fuld fortrolighed. Dit billede omdannes til ikoner direkte i din browser, og intet uploades til BroBroGo.
Ofte stillede spørgsmål (FAQ)
Hvilke filer er der i ikonpakken?
Ikonpakken indeholder en favicon.ico med versioner på 16, 32 og 48 pixler indeni, PNG-ikoner på 16, 32, 180, 192 og 512 pixler samt en site.webmanifest, der lister de store ikoner. Hvis du starter med en SVG, er selve vektoren også inkluderet. Én ZIP-fil indeholder det hele.
Hvilken størrelse skal mit kildebillede have?
En SVG er ideel – hvert ikon tegnes ud fra vektoren, så selv 16 pixler forbliver skarpe. For PNG eller JPG bør du starte med mindst 512 × 512; mindre billeder opskaleres og kan se uskarpe ud.
Bør baggrunden være gennemsigtig eller have en farve?
Faneikoner ser fine ud med gennemsigtighed. iPhone- og iPad-startskærme vil dog farve gennemsigtige områder sorte – hvis folk kan finde på at tilføje dit websted til deres startskærm, bør du vælge en baggrundsfarve.
Hvat sker der med et billede, der ikke er kvadratisk?
Ikoner er kvadratiske, men dit billede bliver aldrig strakt. Som standard centreres det med udfyldning (padding) udenom; skift til "Fyld (beskær)" for i stedet at trimme de overskydende kanter væk.
Hvor skal filerne placeres på mit websted?
Upload dem til rodmappen på dit websted, så favicon.ico kan nås på /favicon.ico, og indsæt derefter de genererede linjer i <head> på dine sider. Browsere vælger selv den rigtige størrelse.