Què inclou un paquet de favicon
Un paquet de favicon normalment inclou favicon.ico més les mides PNG més habituals.
Generar-les juntes ajuda a evitar recursos absents en el moment del llançament.
Puja una sola imatge d'origen quadrada i genera un paquet de favicon amb icones d'app i un manifest web inicial.
| Fitxer | Píxels |
|---|---|
favicon.icoIcona | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIcona | 16 x 16 |
favicon-32x32.pngIcona | 32 x 32 |
favicon-48x48.pngIcona | 48 x 48 |
favicon-96x96.pngIcona | 96 x 96 |
favicon-128x128.pngIcona | 128 x 128 |
favicon-180x180.pngIcona | 180 x 180 |
favicon-196x196.pngIcona | 196 x 196 |
apple-touch-icon.pngIcona | 180 x 180 |
apple-touch-icon-precomposed.pngIcona | 180 x 180 |
android-chrome-192x192.pngIcona | 192 x 192 |
android-chrome-512x512.pngIcona | 512 x 512 |
site.webmanifestManifest | n/d |
Els generadors de favicon converteixen una sola imatge d'origen en el conjunt d'icones que necessita un lloc o una app web. Normalment això cobreix pestanyes del navegador, icones tàctils, recursos d'Android i fitxers preparats per al manifest.
Un paquet de favicon normalment inclou favicon.ico més les mides PNG més habituals.
Generar-les juntes ajuda a evitar recursos absents en el moment del llançament.
Les configuracions modernes també necessiten icones Apple touch, icones d'Android i suport per a manifest.
Agrupar aquestes sortides simplifica el desplegament i la configuració de PWA.
L'art original funciona millor quan és quadrat, simple i llegible a mides petites.
Un disseny net produeix resultats més nítids a 16x16, 32x32 i altres exportacions diminutes.
Respostes sobre els requisits de la imatge d'origen, els fitxers de favicon generats, l'opció d'icona circular i què fer després amb el paquet descarregat.
Explora cada pàgina d'eina dedicada des del centre de la pàgina inicial o des del selector centrat de la capçalera.
Imatges
Converteix fins a 10 imatges JPEG, PNG o WebP a WebP amb predefinicions de qualitat i descàrregues ZIP.
Color i CSS
Converteix entre hex, RGB, HSL, OKLCH i OKLAB mentre comproves el contrast i exportes tokens preparats per a CSS.
Formats de dades
Valida, dona format, minifica i converteix JSON, YAML i TOML amb avisos de compatibilitat clars.
Formats de dades
Valida fitxers CSV i files enganxades amb detecció de delimitadors, comprovacions de capçalera, llistes d'incidències i vistes prèvies analitzades.
Text
Converteix text a camelCase, snake_case, kebab-case, PascalCase, slugs i formes habituals d'escapat.
Text
Valida l'estructura de Markdown, previsualitza la sortida renderitzada i detecta problemes d'autoria habituals abans de publicar.