Lav dit logo om til alle de ikoner, en hjemmeside har brug for: den favicon.ico, browsere leder efter, PNG-ikoner, ikonet til iPhonens hjemmeskærm og Android-appikoner, med et færdigt manifest og de linjer, du skal indsætte på din side.
Favicon-generator at a glance
| Price | Gratis, uden tilmelding, uden vandmærke, ingen daglig grænse |
|---|---|
| Accepterer | JPG · PNG · WebP · HEIC |
| Største fil | 20 MB per file |
| Where it runs | I din browser: filerne uploades aldrig |
| Virker på | Enhver moderne browser på iPhone, Android, Windows, Mac og Linux |
| Send resultatet | Download det, eller send det gratis med et link eller via e-mail (op til 20 GB) |
Sådan bruger du favicon-generatoren
- Vælg et kvadratisk logo eller billede, helst 512 × 512 pixel eller større.
- Vælg, hvordan et ikke-kvadratisk billede skal håndteres, en baggrund og en margen.
- Tryk på Lav favicons.
- Download det hele som en ZIP-fil, upload filerne til roden af din hjemmeside, og indsæt HTML'en i <head>.
Det får du
| Fil | Størrelse | Bruges af |
|---|---|---|
favicon.ico | 16, 32, 48 px | Alle browsere, Windows, bogmærker |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Browserfaner |
apple-touch-icon.png | 180 px | Hjemmeskærmen på iPhone og iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Android-hjemmeskærmen, installérbare webapps |
site.webmanifest | Navn, ikoner og farver til Android og PWA'er |
Design til 16 pixel
Et favicon er bittelille. Brug et kraftigt symbol eller et eller to bogstaver i stedet for et helt logo med slogan, og høj kontrast. Små ikoner laves ved at skalere ned i halveringstrin fra en stor arbejdskopi, hvilket holder kanterne skarpe. En margen giver et logo, der går helt ud til kanten, lidt luft, og afrundede hjørner eller en cirkel matcher stilen i appikoner. iPhone-ikonet får altid en ensfarvet baggrund, fordi iOS viser gennemsigtige områder som sorte.
En ægte ICO-fil
favicon.ico skrives her byte for byte som en ægte ikonfil i flere størrelser (PNG-komprimerede elementer, understøttet af alle aktuelle browsere og af Windows siden Vista), ikke en omdøbt PNG. Intet bliver uploadet: dit logo behandles i din browser. Vil du redigere billedet først, fx beskære det kvadratisk, så brug billedredigering. Har du også brug for en QR-kode til din hjemmeside? Prøv QR-kode-generatoren.
Sådan klarer det sig i sammenligning
| Dette værktøj | Online converters (e.g. TinyPNG, iLoveIMG eller CloudConvert) | Desktopapps (f.eks. Photoshop) | |
|---|---|---|---|
| Din fil uploades | Nej | Ja, til deres servere | Nej |
| Installation eller konto | Ingen | Konto til nogle funktioner | Install needed |
| Vandmærke eller daglige grænser | Ingen | Almindeligt på gratis abonnementer | Depends on the app |
Andre tjenesters abonnementer ændrer sig; tjek deres websites. Mere billedværktøjer.
Ofte stillede spørgsmål
Hvilken størrelse skal mit faviconbillede have?
Kvadratisk og mindst 512 × 512 pixel, så det store Android-ikon forbliver skarpt. Mindre billeder virker, men bliver opskaleret.
Hvor skal jeg lægge filerne?
I rodmappen på din hjemmeside (ved siden af index.html), og indsæt så den HTML, der vises sammen med resultaterne, i head på dine sider.
Er favicon.ico stadig nødvendig?
Ja. Browsere og mange værktøjer beder automatisk om /favicon.ico, også uden et link-tag.
Kan jeg lave et favicon ud fra et foto?
Ja, vælg Beskær midten, men et enkelt logo eller bogstav er meget nemmere at genkende ved 16 pixel.
Bliver mit logo uploadet?
Nej. Ikonerne laves på din enhed.
Skal du sende en stor fil?
Send filer op til 20 GB med et downloadlink eller via e-mail. Gratis, ingen konto nødvendig, originalkvalitet.
Send store filer gratis