Generador de favicons
Convierte una imagen en un pack de favicons completo: un ICO multitamaño real (16, 32 y 48 en un solo archivo), un icono apple-touch, los PNG de android-chrome, un manifiesto de aplicación web y el HTML exacto para pegar. Todo se genera en tu navegador, no se sube nada.
Suelta una imagen aquí
Tu imagen se queda en tu dispositivo. No se sube nada.
Suelta o elige una imagen para crear tu pack de favicons.
Qué hace esta herramienta
Suelta un logo, un icono o cualquier imagen cuadrada y esta herramienta cultiva un pack de favicons completo a partir de ella. La pieza central es un favicon.ico multiimagen de verdad: las versiones de 16, 32 y 48 píxeles viven dentro de un mismo archivo .ico, igual que el favicon clásico que los navegadores siguen pidiendo, no un simple PNG renombrado con extensión .ico. Alrededor obtienes el icono apple-touch para la pantalla de inicio de iOS, los PNG de android-chrome que espera un manifiesto de aplicación web, el propio site.webmanifest y el bloque exacto de HTML para pegar en la cabecera de tu página. Puedes descargar cada archivo por separado o llevarte todo el pack en un zip. Cada paso corre en tu navegador con canvas y JavaScript, así que tu imagen nunca sale de tu dispositivo y no hay subida, ni cola, ni límite de tamaño.
¿Quieres preparar antes la imagen de origen? Ajusta su tamaño con Redimensionar imagen o cambia su formato con Conversor de imágenes, y luego vuelve y genera el pack.
Para qué te sirve
- Publica un favicon.ico como es debido, con las versiones de 16, 32 y 48 píxeles en un solo archivo, tal y como esperan navegadores y buscadores.
- Genera el icono apple-touch y los PNG de android-chrome que necesita un sitio moderno, todo desde una única imagen de origen.
- Consigue un site.webmanifest listo y el HTML exacto de la cabecera para conectar los iconos sin bucear en la documentación.
- Convierte un logo en favicon en segundos, de forma privada, sin subirlo a un servidor de terceros.
- Descarga el pack completo en un zip y colócalo directamente en la raíz de tu proyecto.
Cómo se usa
- Suelta una imagen en la caja, o haz clic para elegir una de tu dispositivo.
- Elige un fondo: déjalo transparente, o rellénalo de blanco o de un color propio para iconos cuadrados.
- Revisa las vistas previas en cada tamaño y luego pon el nombre de tu aplicación para el manifiesto web.
- Descarga el favicon.ico multitamaño por separado, o llévate todo el pack en un zip.
- Copia el HTML en la cabecera de tu página, añade los archivos a la raíz de tu sitio, y listo.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Combina bien con
Otras herramientas que la gente suele usar en el mismo flujo.
Otras herramientas del mismo campo
ImagenRedimensionar Imagen Online
Redimensiona imágenes online a cualquier tamaño, con bloqueo de proporción opcional. Funciona con PNG, JPG y WebP, gratis y en tu navegador.
Convertir Imagen: PNG, JPG, WebP
Convierte imágenes entre PNG, JPG y WebP online, en cualquier dirección. Rápido, gratis y totalmente en tu navegador, sin subidas.
Comprimir Imagen (JPG, PNG, WebP)
Comprime imágenes JPG, PNG y WebP online para reducir su peso sin perder calidad visible. Gratis, rápido y en tu navegador, sin subidas.
Convertir Imagen a Base64
Convierte una imagen en un data URL Base64, o vuelve de Base64 a imagen. En ambos sentidos, gratis y en tu navegador, sin subidas.
Preguntas frecuentes
¿Es un ICO multitamaño de verdad o solo un PNG renombrado?
Es un contenedor ICO de verdad. La herramienta construye un archivo .ico real cuyo directorio contiene las imágenes de 16, 32 y 48 píxeles, cada una guardada como su propia entrada con los offsets y tamaños correctos. Ese es el formato que los navegadores esperan para favicon.ico desde hace años, y es donde la mayoría de generadores de una sola imagen se quedan cortos.
¿Se sube mi imagen a algún sitio?
No. La imagen se decodifica, se reescala y se empaqueta enteramente en tu navegador con canvas y JavaScript. No se envía nada a un servidor, por eso no hay espera de subida ni límite de tamaño.
¿Qué archivos obtengo?
Un favicon.ico multitamaño, favicon-16x16.png y favicon-32x32.png, un apple-touch-icon.png de 180 píxeles, PNG de android-chrome de 192 y 512 píxeles, un site.webmanifest y un fragmento de HTML para pegar. Puedes descargarlos uno a uno o todos juntos en un zip.
¿De qué tamaño y formato debe ser la imagen de origen?
Una imagen cuadrada funciona mejor, idealmente de 512 píxeles o más para que los iconos grandes se mantengan nítidos. PNG, JPG, WEBP y GIF funcionan todos. Una imagen no cuadrada se ajusta dentro del cuadrado y se centra, con el fondo que elijas rellenando el resto.
¿Dónde pongo los archivos y el HTML?
Coloca los archivos en la raíz de tu sitio para que se resuelvan en rutas como /favicon.ico y /site.webmanifest, y luego pega el bloque de HTML en la cabecera de tus páginas. Los enlaces apuntan a esas rutas de raíz, así que en cuanto los archivos estén en su sitio los iconos funcionan solos.