Salta al contingut principal

Generador de favicon / icones d'app

Puja una sola imatge d'origen quadrada i genera un paquet de favicon amb icones d'app i un manifest web inicial.

Cap fitxer seleccionat
Puja una imatge quadrada per previsualitzar-la aquí abans de generar.
Contingut del paquet
FitxerPí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

Sobre la generació de favicon i icones d'app

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.

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.

Icones Apple touch, icones d'Android i fitxers de manifest

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.

Preparar la imatge d'origen

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.

Preguntes freqüents

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.

Altres eines

Explora cada pàgina d'eina dedicada des del centre de la pàgina inicial o des del selector centrat de la capçalera.