Saltar al contenido principal

Generador de favicon / iconos de app

Sube una imagen cuadrada de origen y genera un paquete de favicon con iconos de app y un manifest web inicial.

Ningún archivo seleccionado
Sube una imagen cuadrada para previsualizarla aquí antes de generar.
Contenido del paquete
ArchivoPíxeles
favicon.icoIcono
16 x 16, 32 x 32, 48 x 48
favicon-16x16.pngIcono
16 x 16
favicon-32x32.pngIcono
32 x 32
favicon-48x48.pngIcono
48 x 48
favicon-96x96.pngIcono
96 x 96
favicon-128x128.pngIcono
128 x 128
favicon-180x180.pngIcono
180 x 180
favicon-196x196.pngIcono
196 x 196
apple-touch-icon.pngIcono
180 x 180
apple-touch-icon-precomposed.pngIcono
180 x 180
android-chrome-192x192.pngIcono
192 x 192
android-chrome-512x512.pngIcono
512 x 512
site.webmanifestManifiesto
n/d

Acerca de la generación de favicon e iconos de app

Los generadores de favicon convierten una imagen de origen en el conjunto de iconos que necesita un sitio o una app web. Normalmente cubre pestañas del navegador, iconos táctiles, recursos Android y archivos listos para manifest.

Qué incluye un paquete de favicon

Un paquete de favicon suele incluir favicon.ico y los tamaños PNG más comunes.

Generarlos juntos ayuda a evitar recursos ausentes en el lanzamiento.

Iconos Apple touch, iconos Android y archivos manifest

Las configuraciones modernas también necesitan iconos Apple touch, iconos Android y soporte de manifest.

Agrupar esas salidas simplifica el despliegue y la configuración de PWA.

Preparar la imagen de origen

La imagen de origen funciona mejor cuando es cuadrada, simple y legible en tamaños pequeños.

Una imagen limpia produce resultados más nítidos en 16x16, 32x32 y otras exportaciones diminutas.

Preguntas frecuentes

Respuestas sobre requisitos de la imagen de origen, archivos favicon generados, opción de icono circular y qué hacer después con el paquete descargado.

Otras herramientas

Explora cada página de herramienta desde el centro de la página de inicio o desde el selector centrado de la cabecera.