Sobre esta herramienta
Un favicon es el iconito de la pestaña del navegador, un marcador y la pantalla de inicio del móvil, y los sitios modernos lo necesitan en varios tamaños y formatos. Este generador construye el conjunto completo desde una sola fuente: sube un logo, o escribe una letra o un emoji y elige un fondo, y renderiza iconos nítidos a 16, 32, 48, 180, 192 y 512 píxeles.
Descarga el clásico favicon.ico multirresolución, toma los PNG individuales y copia las etiquetas link y meta exactas para pegar en el head de tu página. Todo se dibuja con la Canvas API en tu navegador: tu imagen nunca se sube.
Preguntas frecuentes
¿Mi imagen subida se envía a un servidor?
No. Cada tamaño se renderiza localmente en un canvas HTML: tu imagen nunca sale del navegador.
¿Qué tamaños necesito realmente?
El 16×16 y 32×32 cubren el favicon clásico de la pestaña del navegador, el 180×180 es para el icono táctil de Apple (pantalla de inicio de iOS), y el 192×192/512×512 se usan en el manifiesto de la app web para instalaciones en Android/PWA.
¿Necesito el archivo .ico o los PNG son suficientes?
Los navegadores modernos usan sin problema un favicon PNG mediante una etiqueta link, pero conservar favicon.ico sigue valiendo la pena para navegadores antiguos, marcadores y herramientas que solo lo buscan por ese nombre exacto de archivo.
¿Por qué mi icono basado en imagen se ve borroso en tamaños pequeños?
Los favicons pequeños tienen muy pocos píxeles con los que trabajar, así que se pierde el detalle fino. Empieza con una imagen cuadrada simple y de alto contraste: los logotipos con líneas finas o mucho texto rara vez sobreviven al reducirse a 16×16.
¿Cómo agrego el favicon generado a mi sitio?
Descarga los archivos (o el .ico), colócalos en la raíz de tu sitio y pega el fragmento de «Copiar HTML» en el head de tu página.