Konvertera en bild till en favicon
Gör ett foto eller en logotyp till en komplett favicon-uppsättning — favicon.ico, apple-touch-icon och PNG-filer för webbappar — direkt i din webbläsare, utan att något laddas upp.
Integritet först: varje bild bearbetas lokalt i din webbläsare. Ingenting laddas upp, lagras eller överförs till någon server.
Från en enda bild till en hel uppsättning
Släpp in vilken bild som helst och få tillbaka varje ikon en webbplats behöver: en favicon.ico i flera storlekar för flikar, en 180px apple-touch-icon för iOS, PNG-filer i 192 och 512px för Android och PWA:er, ett webbmanifest, och HTML-koden som kopplar ihop dem. Bilder som inte är kvadratiska centrumbeskärs för att passa, och kontrollerna för form, utfyllnad och bakgrund låter dig rama in resultatet.
Privat i grunden
Favicon-sajter laddar vanligtvis upp din grafik innan de ger dig något tillbaka. Här genereras hela uppsättningen på din enhet med Canvas API, så din logotyp överförs, lagras eller loggas aldrig. Det går direkt, fungerar offline när sidan väl laddats, och det du laddar ner är exakt det din webbläsare producerade.
Vanliga frågor
- Laddas min bild upp för att skapa faviconen?
- Nej. Favicon.ico-filen, PNG-ikonerna och manifestet genereras allihop lokalt i din webbläsare med Canvas API. Din bild lämnar aldrig din enhet.
- Vilka storlekar och filer får jag?
- En favicon.ico i flera upplösningar (16, 32 och 48px), PNG-ikoner i 16, 32, 48, 180 (apple-touch-icon), 192 och 512px, en site.webmanifest och ett HTML-utdrag att klistra in i din <head>.
- Kan jag konvertera en PNG eller SVG till en ICO?
- Ja. Släpp in en PNG, JPG, SVG eller WebP och ladda ner en riktig favicon.ico. SVG-logotyper rastreras först lokalt i hög upplösning.
- Vilken bild fungerar bäst?
- En kvadratisk bild med en enkel logotyp med hög kontrast. Bilder som inte är kvadratiska beskärs från mitten så att de passar; använd reglagen för utfyllnad och form för att rama in den som du vill.
- Hur installerar jag faviconen?
- Packa upp paketet i din webbplats rotmapp och klistra in det medföljande HTML-utdraget i <head> på dina sidor. Favicon.ico-filen hittas automatiskt av de flesta webbläsare.