Vad ett favicon-paket innehåller
Ett favicon-paket innehåller vanligtvis favicon.ico plus de vanligaste PNG-storlekarna.
Att generera dem tillsammans hjälper dig att undvika saknade assets vid lansering.
Favicon- / appikongenerator
Ladda upp en kvadratisk källbild och generera ett favicon-paket med appikoner och ett startmanifest för webben.
Ingen fil vald
Ladda upp en kvadratisk bild för att förhandsgranska den här före generering.
| Fil | Pixlar |
|---|---|
favicon.icoIkon | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIkon | 16 x 16 |
favicon-32x32.pngIkon | 32 x 32 |
favicon-48x48.pngIkon | 48 x 48 |
favicon-96x96.pngIkon | 96 x 96 |
favicon-128x128.pngIkon | 128 x 128 |
favicon-180x180.pngIkon | 180 x 180 |
favicon-196x196.pngIkon | 196 x 196 |
apple-touch-icon.pngIkon | 180 x 180 |
apple-touch-icon-precomposed.pngIkon | 180 x 180 |
android-chrome-192x192.pngIkon | 192 x 192 |
android-chrome-512x512.pngIkon | 512 x 512 |
site.webmanifestManifest | ej tillämpligt |
Om favicon- och appikongenerering
Favicon-generatorer gör en källbild till den ikonuppsättning som en webbplats eller webbapp behöver. Det täcker vanligtvis webbläsarflikar, touch-ikoner, Android-assets och manifestklara filer.
Apple touch-ikoner, Android-ikoner och manifestfiler
Moderna upplägg behöver också Apple touch-ikoner, Android-ikoner och manifeststöd.
Att paketera dessa utdata gör driftsättning och PWA-upplägg enklare.
Förbered källgrafiken
Källgrafik fungerar bäst när den är kvadratisk, enkel och läsbar i små storlekar.
Ren grafik ger skarpare resultat vid 16x16, 32x32 och andra mycket små exporter.
Vanliga frågor
Svar om krav på källbilden, genererade favicon-filer, alternativet för runda ikoner och vad du ska göra med det nedladdade paketet efteråt.
Andra verktyg
Bläddra bland alla dedikerade verktygssidor från startsidans hubb eller den centrerade väljaren i sidhuvudet.
Bilder
WebP-konverterare
Konvertera upp till 10 JPEG-, PNG- eller WebP-bilder till WebP med kvalitetsförval och ZIP-nedladdningar.
Öppna WebP-konverterare
Färg och CSS
Färgkonverterare
Konvertera mellan hex, RGB, HSL, OKLCH och OKLAB samtidigt som du kontrollerar kontrast och exporterar CSS-klara tokens.
Öppna Färgkonverterare
Dataformat
JSON / YAML / TOML-konverterare
Validera, prettify, minify och konvertera JSON, YAML och TOML med tydliga kompatibilitetsvarningar.
Öppna JSON / YAML / TOML
Dataformat
CSV-validerare
Validera CSV-filer och inklistrade rader med avgränsardetektering, rubrikkontroller, problemlistor och parsade förhandsgranskningar.
Öppna CSV-validerare
Text
Case / Slug / Escape
Konvertera text till camelCase, snake_case, kebab-case, PascalCase, slugs och vanliga escapade former.
Öppna Case / Slug / Escape
Text
Markdown-validerare och förhandsgranskning
Validera Markdown-struktur, förhandsgranska renderade utdata och hitta vanliga författarproblem före publicering.
Öppna Markdown-validerare