El generador de favicons es una herramienta online gratuita que convierte imágenes en favicons (ICO, PNG).
¿Cómo usar Generador de favicon?
Sube tu imagen original.
Selecciona los tamaños de favicon a generar.
Genera y descarga los archivos favicon ICO/PNG.
Preguntas frecuentes sobre Generador de favicon
¿Qué formato de imagen se recomienda para favicons?
Se recomienda una imagen PNG cuadrada (512×512px o mayor). La herramienta redimensiona automáticamente y genera formato ICO.
¿Qué es un Apple Touch Icon?
Apple Touch Icon es el icono mostrado al añadir un sitio web a la pantalla de inicio en dispositivos iOS. El tamaño estándar es 180×180px PNG.
He cambiado el favicon pero el navegador sigue mostrando el antiguo.
Los navegadores conservan los favicons durante muchísimo tiempo, y un refresco normal casi nunca los desplaza. Comprueba escribiendo la URL del archivo del icono directamente en la barra de direcciones; si allí aparece la imagen nueva, haz un refresco forzado o abre la página en una ventana privada. Para que todos los visitantes vean el cambio, lo fiable es renombrar el archivo —favicon-v2.png, por ejemplo— y actualizar la etiqueta link.
¿Cómo mantengo el favicon visible en modo oscuro?
Un icono dibujado solo con líneas negras prácticamente desaparece en una barra de pestañas oscura. En vez de dejar el fondo transparente, pon debajo un círculo o cuadrado con el color de marca y coloca la forma encima: así la silueta aguanta tanto en tema claro como oscuro. Un favicon SVG puede incluso cambiar de color con una media query en modo oscuro, pero conserva un PNG al lado para los navegadores que no lo admiten.
¿Cómo aprovechar Generador de favicon al máximo?
Parte de un PNG cuadrado de 512x512 para que 16, 32 y 180 px sigan viéndose nítidos.
iOS pide un apple-touch-icon de 180x180 y el manifest de una PWA usa 192 y 512 px.
A 16 px la pestaña es diminuta: una inicial o un símbolo se lee mejor que un logotipo.