Imagen a Icono
Convierte Una Imagen en un Pack de Iconos Completo
Convertidor de Imagen a Icono
Sube una imagen, ajusta el marco, previsualiza los tamaños pequeños y descarga todo el pack de iconos en un clic.
Subir una imagen
Arrastra y suelta tu imagen aquí o haz clic para explorar
JPG, PNG, WebP hasta 25MB — procesado en tu dispositivo
Sube una imagen para previsualizar tu set de iconos
Tu imagen nunca sale de tu dispositivo. Toda la conversión de imagen a icono se ejecuta localmente.
Qué Contiene el Pack de Iconos
Una conversión de imagen a icono produce cada archivo que un sitio web real necesita — pestaña del navegador, pantalla de inicio, aviso de instalación y todo lo demás.
Favicon Multi-tamaño
favicon.ico16, 32, 48 px
Un único archivo ICO con tres tamaños incrustados para pestañas de navegador heredadas, accesos directos de escritorio y superficies del sistema.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
El icono cuadrado redondeado que iOS usa cuando un visitante guarda tu sitio en su pantalla de inicio.
Iconos PWA y Android
android-chrome-*.png192 y 512 px
PNGs de alta resolución para avisos de PWA instalable, el lanzador de apps y pantallas de inicio de Android.
Manifest y HTML
site.webmanifest + fragmentoJSON + enlaces
Un web manifest preconfigurado y las etiquetas link exactas para pegar en el head de tu documento.
¿Qué es Imagen a Icono?
Un convertidor de imagen a icono transforma una imagen de origen en el set completo de archivos de icono que un sitio web necesita — favicons, iconos de app y un manifest.
Un convertidor de imagen a icono toma una única imagen de origen y produce todos los archivos de icono que un sitio web real incluye. Los navegadores piden un cuadrado diminuto de 16 píxeles para la pestaña, iOS quiere un Apple Touch Icon de 180 píxeles para la pantalla de inicio, y las PWA instalables necesitan PNGs de 192 y 512 píxeles más un web manifest. Hacer eso a mano significa redimensionar, nombrar y referenciar media docena de archivos. La herramienta de imagen a icono maneja cada tamaño desde una sola subida, en un canvas, en tu navegador — por lo que la imagen de origen nunca sale de tu dispositivo.
- ✓Se ejecuta completamente en tu dispositivo — sin subida, sin viaje al servidor para la conversión de imagen a icono
- ✓Genera favicon.ico, tamaños PNG, Apple Touch Icon, iconos PWA, manifest y HTML en un solo pack
- ✓Tres modos de forma — Recortar Cuadrado, Ajustar con Padding y Estirar — para que los logos anchos también funcionen
- ✓Padding, radio de esquina y color de fondo ajustables para un icono limpio y ordenado
- ✓Vista previa en vivo a 16, 32, 180 y 512 píxeles para que sepas que los tamaños pequeños se leen claramente
Mejores Tamaños para la Salida de Imagen a Icono
| Tamaño | Uso Común |
|---|---|
| 16x16 | Pestañas pequeñas del navegador y favicon heredado. |
| 32x32 | PNG favicon moderno y visualización de pestañas de alta densidad. |
| 48x48 | Accesos directos de escritorio y algunas superficies del sistema. |
| 180x180 | Apple Touch Icon para enlaces guardados en pantalla de inicio. |
| 192x192 / 512x512 | Iconos de instalación PWA y Android. |
Si la vista previa de 16 píxeles es difícil de leer, prueba un recorte más audaz, más padding o un fondo sólido. Una forma centrada con contraste claro sobrevive el salto de una imagen grande a tamaños de icono mucho mejor que una imagen compleja.
¿Por Qué Usar un Convertidor de Imagen a Icono?
Generar archivos de favicon e iconos de app a mano es tedioso y propenso a errores. Esta herramienta de imagen a icono soluciona los dolores de cabeza comunes.
Los problemas con un flujo de imagen a icono manual
Redimensionar y renombrar a mano
Necesitas PNGs de 16, 32, 48, 180, 192 y 512 píxeles más un ICO, todos con nombres específicos. Hacerlo un archivo a la vez en un editor gráfico es lento y fácil de equivocar.
Sin manifest ni HTML
Incluso después de redimensionar, todavía tienes que escribir el site.webmanifest y las etiquetas link exactas. Olvida una y el icono de pantalla de inicio o la instalación PWA falla silenciosamente.
Los conversores online son arriesgados
Muchos sitios de imagen a icono envían tu logo a un servidor. Para una marca de cliente privada o un producto no lanzado, eso es un impedimento.
Lo que esta herramienta de imagen a icono hace bien
Privado por diseño
Toda la conversión de imagen a icono se ejecuta en un canvas en tu navegador. Tu logo nunca se sube a ningún sitio.
Pack de iconos en un clic
Descarga favicon.ico, todos los tamaños PNG, el Apple Touch Icon, iconos PWA, manifest y el fragmento HTML en un solo ZIP.
Vista previa de tamaños pequeños en vivo
Ve exactamente cómo se ve el favicon a 16 y 32 píxeles antes de publicarlo — los tamaños donde más iconos fallan.
Forma, padding, radio
Recorta logos anchos en un cuadrado, ajusta todo el logo con padding, redondea las esquinas o pon un fondo sólido — todo en vivo.
ICO multi-tamaño válido
El favicon.ico agrupa 16, 32 y 48 píxeles en un archivo, por lo que los navegadores heredados, los accesos directos de escritorio y la barra de direcciones muestran el icono correcto.
Gratis, sin registro, sin marca de agua
Abre la página y empieza a convertir. Sin cuenta, sin email, sin marca de agua en la salida.
Cómo Convertir una Imagen a Archivos de Icono
Cinco pasos rápidos desde una imagen de origen única hasta un pack de iconos completo y listo para desplegar.
Subir
Suelta un PNG, JPG o WebP. Un cuadrado limpio funciona mejor, pero las imágenes anchas también valen — elige Ajustar con Padding para mantenerlas enteras.
Forma
Elige Recortar Cuadrado, Ajustar con Padding o Estirar. La vista previa en vivo se actualiza a medida que ajustas el marco para cada tamaño de icono.
Estilo
Añade padding, redondea las esquinas, mantén el fondo transparente o elige un color sólido para un icono limpio y ordenado.
Vista Previa
Comprueba la vista previa de 16 píxeles antes de exportar. Si la versión pequeña se lee claramente, los iconos más grandes también se verán geniales.
Descargar
Haz clic en Descargar Pack de Iconos para obtener favicon.ico, todos los PNGs, el manifest y el fragmento HTML en un ZIP.
Características de Imagen a Icono
Todo lo que necesitas para convertir una imagen en un set de iconos completo y listo para desplegar.
Privado, en el navegador
Toda la conversión de imagen a icono se ejecuta en tu dispositivo. Tu imagen de origen nunca se sube a ningún sitio.
Pack de iconos completo
favicon.ico, tamaños PNG, Apple Touch Icon, iconos PWA, site.webmanifest y HTML — agrupados en una sola descarga ZIP.
Controles de forma y estilo
Recorta, ajusta o estira el origen, luego configura padding, radio de esquina y color de fondo con vista previa en vivo.
favicon.ico multi-tamaño
Un archivo ICO válido con marcos de 16, 32 y 48 píxeles incrustados, para que cada navegador elija el tamaño correcto.
Vista previa de tamaños pequeños en vivo
Ve los favicons de 16 y 32 píxeles antes de publicar, para saber que los tamaños más pequeños se mantienen legibles.
Manifest y fragmento HTML
Un web manifest preconfigurado y etiquetas link listas para pegar — ponlas en tu head y listo.
Dónde se Usa la Salida de Imagen a Icono
Cualquier proyecto que lanza un sitio web, app o PWA necesita un set de iconos. Esto es quién usa el pack de imagen a icono.
Desarrolladores Web
Coloca los archivos generados en la carpeta public y pega el fragmento HTML.
- •Sitios estáticos y landing pages
- •Proyectos Next.js, Astro y Vite
- •Sitios de documentación y blogs
Indie Hackers
Publica el favicon y los iconos PWA para tu proyecto paralelo en minutos.
- •MVPs y lanzamientos de producto
- •Proyectos paralelos y demos
- •Propuestas de hackathon
Diseñadores
Entrega a los clientes un pack de iconos completo y con los nombres correctos desde una exportación de logo.
- •Entregas de marca para clientes
- •Traspaso de design system
- •Pruebas de favicon para revisión
Agencias
Genera sets de iconos consistentes en muchos sitios de clientes sin repetir trabajo.
- •Despliegues multi-sitio
- •Despliegues marca blanca
- •Templates y starter kits
Creadores de PWA
Consigue los PNGs de 192 y 512 píxeles más el web manifest que necesita una PWA instalable.
- •Web apps instalables
- •PWAs offline-first
- •Lanzadores de pantalla de inicio
Mantenedores Open-source
Añade un favicon e iconos de app a la carpeta public de un repo en un paso.
- •Sitios de GitHub Pages
- •Sitios de documentación y demos
- •Landing pages de proyectos
Lo Que Dice la Gente
Desarrolladores, diseñadores e indie makers usan esta herramienta de imagen a icono para publicar iconos sin fricción.
“Antes redimensionaba seis PNGs y escribía el manifest a mano cada vez que empezaba un proyecto. Ahora suelto un logo, ajusto el padding, y todo el pack de imagen a icono está listo en segundos. La vista previa de 16px me ha salvado de más de un favicon embarrado.”
Sofia Almeida
Desarrolladora frontend
“El hecho de que funcione en el navegador es toda la razón por la que lo uso. Los logos de clientes no se suben a ningún sitio, y aún así obtengo favicon.ico, el Apple Touch Icon y los iconos PWA en un solo ZIP. Exactamente lo que debería ser un generador de favicon.”
Jonas Weber
Indie maker
“Ahora entrego packs de iconos a clientes desde esta herramienta. Los modos Recortar y Ajustar manejan logos anchos con elegancia, las esquinas redondeadas se ven pulidas, y los nombres coinciden con lo que los desarrolladores esperan. Es el flujo de imagen a icono más limpio que he encontrado.”
Mei Tanaka
Diseñadora de marca
FAQ de Imagen a Icono
Respuestas rápidas sobre el convertidor de imagen a icono — qué hace, cómo funciona, privacidad y precios.
Sube una Imagen, Obtén el Pack de Iconos Completo
favicon.ico, tamaños PNG, Apple Touch Icon, iconos PWA, manifest y HTML — una descarga, lista para desplegar. Gratis para siempre, sin registro.