Gör om din logotyp till alla ikoner en webbplats behöver: den favicon.ico som webbläsare letar efter, PNG-ikoner, ikonen för iPhones hemskärm och Android-appikoner, med ett färdigt manifest och raderna att klistra in på din sida.
Favicon-generator at a glance
| Price | Gratis, ingen registrering, ingen vattenstämpel, ingen daglig gräns |
|---|---|
| Accepterar | JPG · PNG · WebP · HEIC |
| Största fil | 20 MB per file |
| Where it runs | I din webbläsare: filerna laddas aldrig upp |
| Fungerar på | Alla moderna webbläsare på iPhone, Android, Windows, Mac och Linux |
| Skicka resultatet | Ladda ned den, eller skicka den gratis med en länk eller via e-post (upp till 20 GB) |
Så använder du verktyget Favicon-generator
- Välj en kvadratisk logotyp eller bild, helst 512 × 512 pixlar eller större.
- Välj hur en icke-kvadratisk bild ska hanteras, en bakgrund och utfyllnad.
- Tryck på Skapa favicons.
- Ladda ned allt som en ZIP, ladda upp filerna till webbplatsens rotmapp och klistra in HTML-koden i <head>.
Det här får du
| Fil | Storlek | Används av |
|---|---|---|
favicon.ico | 16, 32, 48 px | Alla webbläsare, Windows, bokmärken |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Webbläsarflikar |
apple-touch-icon.png | 180 px | Hemskärmen på iPhone och iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Androids hemskärm, installerbara webbappar |
site.webmanifest | Namn, ikoner och färger för Android och PWA:er |
Design för 16 pixlar
En favicon är pytteliten. Använd en tydlig symbol eller en eller två bokstäver i stället för en hel logotyp med slogan, och hög kontrast. Små ikoner skapas genom nedskalning i halveringssteg från en stor arbetskopia, vilket håller kanterna skarpa. Utfyllnad ger en logotyp som når kanterna lite luft, och rundade hörn eller en cirkel matchar stilen hos appikoner. iPhone-ikonen får alltid en heltäckande bakgrund eftersom iOS visar genomskinliga områden som svarta.
En riktig ICO-fil
favicon.ico skrivs här byte för byte som en äkta ikonfil med flera storlekar (PNG-komprimerade poster, som stöds av alla aktuella webbläsare och av Windows sedan Vista), inte en omdöpt PNG. Inget laddas upp: din logotyp bearbetas i din webbläsare. För att först redigera bilden, till exempel beskära den kvadratiskt, använder du bildredigeraren. Behöver du även en QR-kod för din webbplats? Prova QR-kodgeneratorn.
Så står sig detta
| Det här verktyget | Online converters (e.g. TinyPNG, iLoveIMG eller CloudConvert) | Datorprogram (t.ex. Photoshop) | |
|---|---|---|---|
| Din fil laddas upp | Nej | Ja, till deras servrar | Nej |
| Installation eller konto | Ingen | Konto för vissa funktioner | Install needed |
| Vattenstämpel eller dagliga gränser | Ingen | Vanligt på gratisplaner | Depends on the app |
Andra tjänsters planer ändras; kontrollera deras webbplatser. Fler bildverktyg.
Vanliga frågor
Vilken storlek ska min favicon-bild ha?
Kvadratisk och minst 512 × 512 pixlar, så att den stora Android-ikonen förblir skarp. Mindre bilder fungerar men skalas upp.
Var lägger jag filerna?
I webbplatsens rotmapp (bredvid index.html), och klistra sedan in HTML-koden som visas med resultaten i sidornas head.
Behövs favicon.ico fortfarande?
Ja. Webbläsare och många verktyg begär /favicon.ico automatiskt, även utan en link-tagg.
Kan jag göra en favicon av ett foto?
Ja, välj Beskär mitten, men en enkel logotyp eller bokstav är mycket lättare att känna igen i 16 pixlar.
Laddas min logotyp upp?
Nej. Ikonerna skapas på din enhet.
Behöver du skicka en stor fil?
Skicka filer upp till 20 GB med en nedladdningslänk eller via e-post. Gratis, inget konto behövs, originalkvalitet.
Skicka stora filer gratis