Generador de Favicon
De una imagen o letra a un pack completo de favicon (ICO + PNG).
Generar un paquete completo de favicon
Sube un logotipo o escribe una letra/emoji, elige una forma y color de fondo, y descarga un ZIP con favicon.ico, todos los tamaños PNG (16 → 512), el icono táctil de Apple, un site.webmanifest listo y las etiquetas HTML, todo renderizado localmente en tu navegador.
El Generador de Favicon convierte una fuente (un logotipo, una foto o simplemente una letra en negrita o emoji) en el paquete completo de iconos que necesita un sitio web moderno: favicon.ico para navegadores antiguos y barras de direcciones, tamaños PNG de 16 a 512, el icono táctil de Apple de 180px para pantallas de inicio de iOS, iconos de Android Chrome, un site.webmanifest listo para usar y las etiquetas HTML exactas para pegar en tu <head>. Un clic, un ZIP, listo.
Las vistas previas en vivo muestran tu icono en tamaños reales, incluida una pestaña de navegador simulada, porque la dura verdad de los favicons es que deben sobrevivir a 16×16 píxeles. El modo de letra existe exactamente por esa razón: una inicial en negrita sobre un cuadrado redondeado de color es lo más legible que se puede poner en una pestaña. Todo se renderiza y comprime localmente en tu navegador; tu obra nunca sale de tu dispositivo.
Preguntas frecuentes
¿Qué archivos necesita realmente un sitio web en 2026?
Un favicon.ico (16/32/48 en un archivo), PNG de favicon en 16/32/48, un apple-touch-icon.png de 180px, iconos de Android Chrome en 192 y 512, y un site.webmanifest que los referencia. Eso es exactamente lo que contiene el ZIP, más las etiquetas HTML.
¿Dónde coloco los archivos?
Sube todo a la raíz de tu sitio web (para que /favicon.ico resuelva), luego pega las etiquetas proporcionadas en el <head> de tus páginas. El archivo html-snippet.txt en el ZIP las tiene listas.
¿Por qué mi hermoso logotipo parece ruido a 16px?
El detalle no sobrevive 256 píxeles de área total. Aumenta el relleno o cambia al modo de letra: un solo carácter en negrita sobre un fondo sólido se mantiene legible donde un logotipo completo no puede.
¿Qué es el archivo ICO y por qué contiene tres tamaños?
ICO es un formato contenedor: los navegadores eligen el tamaño más adecuado de su interior (16 para pestañas, 32 para barras de tareas, 48 para accesos directos). El generador incluye los tres como imágenes a todo color con transparencia.
¿El fondo transparente se mantiene?
Sí — elige la forma 'Transparente' para mantener el canal alfa de tu origen en cada PNG y en el ICO. Los fondos con forma (cuadrado/redondeado/círculo) existen para fuentes que necesitan un escenario sólido.
¿Para qué sirve el icono táctil de Apple?
Cuando alguien agrega tu sitio a la pantalla de inicio de iOS, esa imagen de 180×180 se convierte en el icono de la aplicación. iOS redondea las esquinas, por lo que un diseño cuadrado a sangre funciona mejor allí.
¿Puedo usar un emoji como favicon?
Sí — cambia al modo de letra y escribe cualquier emoji. Se renderiza con la fuente de emoji de tu sistema en la forma y color que elijas. Es una opción legítima y memorable para sitios personales.
¿Se ha subido mi logotipo?
No. El renderizado, la codificación ICO y el empaquetado ZIP ocurren dentro de tu navegador: la herramienta funciona sin conexión una vez cargada.