Para usar esta herramienta cómodamente, ábrala en un portátil, ordenador de escritorio o tableta en modo horizontal.
Consejo
Si usa una tableta, gírela a modo horizontal: cuando el ancho de la ventana sea suficiente, la herramienta se cargará automáticamente.
Genere favicon.ico y un conjunto completo de iconos PNG para su sitio web a partir de una sola imagen. Todo el procesamiento se realiza localmente en el navegador.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Un favicon es un pequeño icono que aparece en la pestaña del navegador junto al título de la página. También lo ve en los marcadores, el historial de navegación y en la pantalla de inicio del teléfono cuando alguien añade el sitio como acceso directo.
Este pequeño gráfico cumple una función importante: ayuda a los usuarios a reconocer rápidamente un sitio entre muchas pestañas abiertas. Cuando alguien tiene una docena de pestañas abiertas en el navegador, el favicon suele ser el único elemento visible que identifica el sitio.
El generador crea un conjunto completo de iconos: un archivo favicon.ico clásico para navegadores, iconos PNG en varios tamaños y un apple-touch-icon para dispositivos Apple. Si está construyendo una aplicación web (PWA), también puede generar iconos de 192x192 y 512x512 junto con un archivo manifest.
Generar un favicon tarda solo unos segundos:
Cada tamaño tiene su uso:
favicon.ico (32×32)
Formato clásico reconocido por todos los navegadores. Se muestra en la pestaña del navegador.
PNG 16×16 y 32×32
Tamaños estándar para navegadores modernos. Se muestran en pestañas y marcadores.
PNG 180×180 (apple-touch-icon)
Icono para dispositivos Apple (iPhone, iPad). Se muestra cuando alguien añade el sitio a su pantalla de inicio.
PNG 192×192 y 512×512
Iconos para aplicaciones web (PWA). Requeridos por el manifest y usados en tiendas de aplicaciones.
Si no está construyendo una PWA, solo necesita: favicon.ico, PNG 32×32 y PNG 180×180. Estos tres archivos cubren la mayoría de los casos de uso.
Generar un favicon son unos simples pasos:
Tamaños PNG
Por defecto, el generador preserva la transparencia. También puede elegir un color de fondo específico.
Un archivo JSON para aplicaciones web (PWA). Si no está construyendo una PWA, esta opción no es necesaria.
Después de generar los iconos, tiene varias opciones de descarga:
La mayoría de los temas de WordPress tienen una opción integrada para configurar el icono del sitio. La encontrará en el panel de administración:
Apariencia → Personalizar → Identidad del sitio → Icono del sitio
Suba allí el archivo de 512×512: WordPress generará automáticamente los tamaños más pequeños. Para un control total sobre los iconos, también puede subir archivos directamente al directorio raíz mediante FTP.
Un favicon es un gráfico muy pequeño, tan pequeño como 16×16 píxeles. No toda imagen funciona bien como fuente: