🌐 Generador de Favicon e Ícono de App
Sube una imagen y descarga al instante un paquete de favicon completo — iconos PNG en cada tamaño estándar, un archivo .ico multitamaño y etiquetas HTML link listas para pegar, todo en un único ZIP.
Privado por diseño. Esta herramienta funciona por completo en tu navegador: nada de lo que introduces se sube, y funciona sin conexión.
Acerca de
Esta herramienta utiliza el Canvas API del navegador para redimensionar tu imagen original a cada tamaño que esperan los navegadores y sistemas operativos modernos: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) y 512×512 (PWA splash). También crea un archivo .ico de múltiples tamaños que empaqueta los iconos de 16, 32 y 48 píxeles en un solo archivo binario, escribe un site.webmanifest que enumera los iconos de 192 y 512 píxeles (dejando su nombre y short_name vacíos para que los rellenes tú), y genera el fragmento HTML con las etiquetas <link> correctas. Si tu imagen no es cuadrada, puedes mantener toda la imagen con márgenes transparentes o rellenar el cuadrado recortando los bordes. Todo se empaqueta en un ZIP usando un escritor ZIP en línea, y el .ico también puede descargarse por separado. Dado que todo el proceso se ejecuta en el navegador con Canvas, ningún archivo sale de tu dispositivo.
Cómo usar
- Los iconos se generan en el momento en que elijas una imagen, por lo que no hay un botón Generar. Revisa las previsualizaciones desde 16 hasta 512 píxeles y el tamaño de tu imagen original. Para una imagen no cuadrada, elige si mantener toda la imagen con márgenes o rellenar el cuadrado recortando los bordes.
- Haz clic en Descargar ZIP para recibir todos los PNG, el archivo favicon.ico de múltiples tamaños, site.webmanifest y un fragmento HTML en un solo archivo comprimido. Si solo necesitas el archivo .ico, haz clic en Descargar .ico solo.
- Haz clic en Copiar etiquetas HTML (o abre head-snippet.html) y pega las etiquetas <link> en el <head> de tu sitio web.
- Sube los archivos a la carpeta raíz de tu sitio web, luego rellena el nombre y short_name en site.webmanifest.
Preguntas frecuentes
- ¿Qué tamaños genera esta herramienta?
- Genera archivos PNG a 16, 32, 48, 64, 180, 192 y 512 píxeles, un archivo favicon.ico de múltiples tamaños (que contiene 16, 32 y 48 píxeles), un site.webmanifest que enumera los iconos de 192 y 512 píxeles, y las etiquetas HTML <link> correspondientes.
- ¿Se sube mi imagen a un servidor?
- No. Todo el redimensionado y el empaquetado ocurren en tu navegador usando la Canvas API. Tu imagen nunca sale de tu dispositivo.
- ¿Cuál es la mejor imagen fuente a usar?
- Una imagen cuadrada de al menos 512×512 píxeles da los resultados más nítidos en todos los tamaños. SVG funciona especialmente bien porque es independiente de la resolución. Si la imagen no es cuadrada, puedes mantener toda la imagen con márgenes transparentes (por defecto) o rellenar el cuadrado recortando los bordes. Si una imagen raster es más pequeña que 512 píxeles, los iconos más grandes se amplían y la herramienta muestra una nota.
- ¿Qué es el archivo .ico multitamaño y por qué lo necesito?
- Un archivo .ico puede incluir múltiples resoluciones en un solo archivo binario. Los navegadores y Windows antiguos usan el .ico para iconos de pestañas y atajos, seleccionando automáticamente el tamaño más adecuado. El .ico de esta herramienta contiene iconos de 16, 32 y 48 píxeles, y puedes descargarlo por separado sin el ZIP.
- ¿Necesito todos los tamaños generados para mi sitio web?
- Para la mayoría de los sitios web, el archivo .ico de múltiples tamaños junto con los PNG de 180 píxeles (Apple Touch Icon) y 192/512 píxeles (PWA), junto con el site.webmanifest, cubren todos los casos de uso principales. Los PNG más pequeños se incluyen por completitud y compatibilidad con navegadores antiguos.
Ejecutado 38 veces en los últimos 29 días. Resultado copiado o descargado: 89% Medido en nuestros propios servidores, 2026-10-05–2026-11-03.