Generador de Favicon
Genera favicons en todos los tamaños desde una imagen.
¿Qué es un favicon?
Un favicon (favorite icon) es el pequeño icono que aparece en la pestaña del navegador, en los marcadores y en los resultados de búsqueda de Google. Es un elemento esencial de la identidad visual de cualquier sitio web. Los navegadores modernos soportan favicons en formato PNG, SVG e ICO, y cada plataforma (escritorio, iOS, Android) espera tamaños diferentes.
¿Por qué necesitas múltiples tamaños?
Cada navegador y sistema operativo usa un tamaño diferente: Chrome y Firefox usan 32x32 para las pestañas, iOS necesita 180x180 para el icono de la pantalla de inicio, Android necesita 192x192 y 512x512 para PWAs, y los navegadores legacy buscan favicon.ico. Esta herramienta genera todos los tamaños necesarios a partir de una sola imagen.
Consejos para un buen favicon
Usa un diseño simple y reconocible. El favicon se muestra muy pequeño (16-32px en pestañas), así que los detalles finos se pierden. Usa colores que contrasten bien con fondos blancos y oscuros. Si tu logo tiene texto, considera usar solo el símbolo o las iniciales para el favicon.
Preguntas frecuentes
¿Qué tamaños de favicon genera esta herramienta?▾
Genera 7 archivos: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180x180), icon-192x192.png (para Android/PWA), icon-512x512.png (para PWA splash) y favicon.ico.
¿Qué imagen debo usar como fuente?▾
Lo ideal es una imagen cuadrada de al menos 512x512 píxeles. Puedes usar PNG, JPG, SVG o WebP. Las imágenes con mucho detalle pueden perder legibilidad en tamaños pequeños (16x16), así que los iconos simples funcionan mejor.
¿Cómo instalo los favicons en mi sitio web?▾
Descarga los archivos generados y colócalos en la raíz de tu sitio web (o en una carpeta como /icons/). Luego copia el código HTML proporcionado y pégalo dentro de la etiqueta <head> de tu página.
¿Mi imagen se sube a algún servidor?▾
No. Todo el procesamiento se realiza en tu navegador usando Canvas API. Tu imagen nunca sale de tu dispositivo.