¿Qué tamaños se incluyen?

El conjunto habitual incluye iconos de 16, 32, 48, 180, 192 y 512 píxeles, además de un archivo favicon.ico con varios tamaños.

¿Cómo se verá un logotipo transparente en una pestaña oscura?

Utiliza la vista previa sobre fondo oscuro. En tamaños pequeños, un fondo discreto puede mejorar la visibilidad.

¿Cómo instalar en el sitio?

Guarda los iconos en el directorio public/ y declara sus tamaños en el head del documento HTML y en el manifiesto de la aplicación web.

Generador de favicon

Genera favicon.ico y PNG (16–512) desde un logotipo cuadrado. Descarga un ZIP de iconos listos para web.

Archivos y contenido se procesan localmente en tu navegador y no se suben a nuestro servidor.

Acerca de esta herramienta

Convierte un logotipo cuadrado en formato PNG o SVG en un paquete completo de iconos para el sitio. Incluye tamaños de 16×16, 32×32, 180×180, 192×192 y 512×512 píxeles, además de un archivo favicon.ico con varios tamaños. Comprueba el resultado sobre fondos claros y oscuros y descarga un ZIP listo para utilizar en el sitio web.

Cómo usar

Iconos PNG en varios tamaños
Archivo favicon.ico con los tamaños habituales
Tamaños recomendados para Apple Touch y PWA
Vista previa sobre fondos claros y oscuros
Descarga en un archivo ZIP
Sube el logotipo: Utiliza una imagen cuadrada de al menos 512×512 píxeles para obtener mejores resultados al reducirla.
Comprueba los tamaños: Comprueba que el logotipo siga siendo reconocible en tamaños de 16 y 32 píxeles.
Descarga el ZIP: Coloca los archivos en el directorio público del sitio y declara sus tamaños en el documento HTML y en el manifiesto de la aplicación web.

Ejemplos

Publicar favicons en sitios estáticos Vite/React
Actualizar iconos de manifiesto PWA después de cambiar la identidad visual
Generar apple-touch-icon para marcadores iOS
Crear rápidamente un conjunto completo de iconos sin herramientas adicionales de línea de comandos

Limitaciones

Los logotipos con demasiados detalles pueden resultar irreconocibles a 16×16 píxeles; simplifica el diseño cuando sea necesario.
El archivo SVG se convierte en PNG y favicon.ico con el tamaño máximo seleccionado.
El logotipo cargado se procesa directamente en tu navegador y no se envía al servidor.

Preguntas frecuentes

¿Qué tamaños se incluyen?: El conjunto habitual incluye iconos de 16, 32, 48, 180, 192 y 512 píxeles, además de un archivo favicon.ico con varios tamaños.
¿Cómo se verá un logotipo transparente en una pestaña oscura?: Utiliza la vista previa sobre fondo oscuro. En tamaños pequeños, un fondo discreto puede mejorar la visibilidad.
¿Cómo instalar en el sitio?: Guarda los iconos en el directorio public/ y declara sus tamaños en el head del documento HTML y en el manifiesto de la aplicación web.