Hvad en favicon-pakke indeholder
En favicon-pakke indeholder normalt favicon.ico plus de mest almindelige PNG-størrelser.
At generere dem samlet hjælper med at undgå manglende assets ved lancering.
Favicon- / appikongenerator
Upload ét kvadratisk kildebillede, og generér en favicon-pakke med appikoner og et starter-webmanifest.
Ingen fil valgt
Upload ét kvadratisk billede for at forhåndsvise det her før generering.
| Fil | Pixels |
|---|---|
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 | ikke relevant |
Om generering af favicon og appikoner
Favicon-generatorer gør ét kildebillede om til det ikon-sæt, et site eller en webapp har brug for. Det dækker normalt browserfaner, touch-ikoner, Android-assets og filer klar til manifestet.
Apple touch-ikoner, Android-ikoner og manifestfiler
Moderne opsætninger kræver også Apple touch-ikoner, Android-ikoner og understøttelse af manifest.
At samle disse output gør udrulning og PWA-opsætning enklere.
Forberedelse af kildegrafikken
Kildegrafik fungerer bedst, når den er kvadratisk, enkel og læsbar i små størrelser.
Ren grafik giver skarpere resultater ved 16x16, 32x32 og andre meget små eksporter.
Ofte stillede spørgsmål
Svar om krav til kildebilleder, hvilke favicon-filer der genereres, den cirkulære indstilling og hvad du skal gøre med den downloadede pakke bagefter.
Andre værktøjer
Gennemse alle dedikerede værktøjssider fra forsiden eller den centrerede vælger i headeren.
Billeder
WebP-konverter
Konvertér op til 10 JPEG-, PNG- eller WebP-billeder til WebP med kvalitetsforvalg og ZIP-downloads.
Åbn WebP-konverter
Farve og CSS
Farvekonverter
Konvertér mellem hex, RGB, HSL, OKLCH og OKLAB, mens du kontrollerer kontrast og eksporterer CSS-klare tokens.
Åbn Farvekonverter
Dataformater
JSON / YAML / TOML-konverter
Validér, formater, minificér og konvertér JSON, YAML og TOML med klare kompatibilitetsadvarsler.
Åbn JSON / YAML / TOML
Dataformater
CSV-validator
Validér CSV-filer og indsatte rækker med registrering af skilletegn, headerkontrol, problemlister og fortolkede forhåndsvisninger.
Åbn CSV-validator
Tekst
Case / Slug / Escape
Konvertér tekst til camelCase, snake_case, kebab-case, PascalCase, slugs og almindelige escaped former.
Åbn Case / Slug / Escape
Tekst
Markdown-validator og forhåndsvisning
Validér Markdown-struktur, forhåndsvis gengivet output og fang almindelige forfatterproblemer før publicering.
Åbn Markdown-validator