Gratisverktyg · Inget konto behövs
Favicongenerator
Skapa alla ikoner en webbplats behöver från en bild eller ett par bokstäver: favicon.ico för webbläsarflikar, en Apple touch-ikon, ikoner för Android och webbappar, och manifestet som binder ihop dem. Allt sker i din webbläsare.
Förhandsvisning
Välj en bild för att se den här
48px
32px
16px
Min webbplats
Lägg sedan till detta i sidans <head>:
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#0e7490">
Om favicons
Varför det blir så många filer
- Webbläsare och sökrobotar frågar fortfarande efter /favicon.ico först, så den måste finnas i webbplatsens rot även när dina sidor länkar till PNG-filer.
- iPhone och iPad använder apple-touch-icon på 180 pixlar när någon lägger till webbplatsen på hemskärmen; Android använder ikonerna på 192 och 512 pixlar som anges i manifestet.
- Sökresultat visar din favicon bredvid sidans titel, så en tydlig favicon hjälper folk att känna igen webbplatsen innan de klickar.
Gratisverktyg
Fler gratisverktyg
- DNS-uppslagKontrollera valfri posttyp hos tre publika resolvrar och domänens egen namnserver, och se om en ändring har spridits.
- SPF-postgeneratorBygg SPF-posten som ger dina e-postleverantörer rätt att skicka som din domän, med uppslagsgränsen kontrollerad medan du väljer.
- DMARC-postgeneratorVälj en policy och vart rapporterna ska gå, och få DMARC-posten att publicera på _dmarc på din domän.
Frågor
Vanliga frågor
- Laddas min bild upp någonstans?
- Nej. Bilden läses, skalas om och packas i zip-filen helt i din webbläsare. Den lämnar aldrig din enhet.
- Vilka filer får jag?
- favicon.ico med bilder på 16, 32 och 48 pixlar, PNG-filer på 16 och 32 pixlar, en Apple touch-ikon på 180 pixlar, ikoner på 192 och 512 pixlar för Android och installerade webbappar, en site.webmanifest och en README med HTML-koden att lägga till.
- Vilken bild fungerar bäst?
- En kvadratisk bild på minst 512×512 pixlar, eller en SVG, med en enkel form. Fina detaljer försvinner vid 16 pixlar, så ett logotypmärke eller en enda bokstav syns bättre än en hel ordlogotyp.
- Varför syns min gamla favicon fortfarande?
- Webbläsare cachar favicons hårt, ibland i flera dagar. Öppna webbplatsen i ett privat fönster för att se den nya; den når alla andra när deras cachar löper ut.