Generador de Favicon
Máximo: 5 MB
- Elige el modo: subir una imagen o dibujar a partir de texto.
- En modo imagen, ajusta el color de fondo y el espaciado interior. En modo texto, elige el texto, el color de la letra y el del fondo.
- Descarga el paquete con todos los tamaños generados.
- 16 y 32 píxeles — el icono de la pestaña y de la barra de direcciones del navegador.
- 48 píxeles — accesos directos y listas de sitios en algunos sistemas.
- 180 píxeles — el icono que se usa cuando alguien añade el sitio a la pantalla de inicio en iOS.
- 192 y 512 píxeles — los tamaños que el manifiesto de aplicación web usa en Android y para instalar como aplicación.
Un logotipo completo reducido a 16 píxeles se convierte en una mancha. A ese tamaño no hay espacio para texto legible ni para detalle fino.
La salida es simplificar: usa una sola letra, un símbolo aislado o la forma más reconocible de la marca. Muchas marcas conocidas usan solo su inicial en el favicon.
El contraste con el fondo importa más que la fidelidad a la identidad visual. El icono debe destacar tanto en pestañas claras como oscuras, y un icono casi blanco desaparece en el tema claro del navegador.
Por eso existe el modo texto: para un proyecto sin identidad visual definida, una inicial bien contrastada funciona mejor que un logotipo ilegible.
Los navegadores buscan automáticamente un archivo llamado favicon.ico en la raíz, pero depender de eso te limita a un único tamaño.
La forma correcta es declarar cada archivo con una etiqueta de enlace en la cabecera, indicando tamaño y tipo, y referenciar los iconos de 192 y 512 en el manifiesto de la aplicación web.
Los navegadores cachean los favicons de forma agresiva. Tras cambiarlo, puede hacer falta una recarga forzada o limpiar la caché para ver el cambio.
Toda la generación ocurre en tu navegador: la imagen que subes no sale de tu ordenador.
Preguntas frecuentes
Para un sitio sencillo, 32 y 180 cubren la mayoría de los casos. El conjunto completo importa cuando el sitio puede instalarse como aplicación o añadirse a la pantalla de inicio.
Caché del navegador. Fuerza una recarga completa o limpia la caché del sitio; los favicons se guardan durante bastante tiempo.
Algo simple y de alto contraste: una letra, un símbolo aislado, una forma sólida. Los logotipos con texto quedan ilegibles a 16 píxeles.
Ayuda por compatibilidad, porque algunos navegadores y agregadores buscan ese archivo en la raíz por convención. Pero los formatos declarados por etiqueta son los que realmente controlan el resultado.
No. El redimensionado ocurre en tu navegador y la imagen no sale de tu ordenador.