Generador de Favicon
El generador de favicon convierte uno o dos caracteres o un emoji en un favicon con el fondo, el color de texto y la forma que elijas, y exporta archivos PNG de 256, 128, 64, 32 y 16 px.
Acerca de esta herramienta
El generador de favicon convierte uno o dos caracteres o un emoji en un favicon con el fondo, el color de texto y la forma que elijas, y exporta archivos PNG de 256, 128, 64, 32 y 16 px.
Cómo se usa
- Escribe una o dos letras o pega un emoji.
- Elige los colores de fondo y de texto.
- Selecciona una forma cuadrada, redondeada o circular.
- Descarga los tamaños PNG que necesites.
Datos útiles
- Los navegadores muestran los favicons en las pestañas a 16 × 16 px, así que las formas simples y marcadas se leen mejor.
- Los navegadores modernos aceptan favicons PNG mediante <link rel="icon" type="image/png" href="/favicon-32.png">.
- Los iconos Apple touch suelen medir 180 × 180 px; puedes redimensionar la exportación de 256 px para ello.
- Solo se dibujan los dos primeros caracteres del texto.
- Las imágenes se dibujan con la Canvas API en tu dispositivo.
Funciona por completo en tu navegador: nada de lo que introduces se sube ni se guarda.
Preguntas frecuentes
¿Qué tamaño debe tener un favicon?
Ofrece al menos 32 × 32 px para las pestañas del navegador, además de tamaños mayores como 180 px para los iconos Apple touch y 192 o 512 px para los manifiestos de aplicaciones web.
¿Cómo añado un favicon a mi sitio web?
Sube el PNG y añade <link rel="icon" type="image/png" href="/favicon-32.png"> dentro del head de tu HTML.
¿Puedo usar un emoji como favicon?
Sí. Pega un emoji en el campo de texto y descarga el PNG; se renderiza con la fuente de emojis de tu sistema.
¿Sigo necesitando un archivo favicon.ico?
No para los navegadores modernos, que aceptan PNG. Algunas herramientas y navegadores antiguos todavía buscan /favicon.ico, así que muchos sitios mantienen uno por compatibilidad.