Conversor de ICO a PNG

Convertir ICO a PNG

ICO (Icono de Windows) es un formato contenedor diseñado para contener multiples versiones de un icono en diferentes tamaños y profundidades de color. Es más conocido como favicon.ico, el icono pequeno que se muestra en las pestanas del navegador y marcadores. Esta herramienta extrae una imagen PNG de un archivo ICO usando el renderizado nativo de tu navegador.

Como Funciona

1. Suelta o selecciona un archivo ICO
2. El decodificador de imagen del navegador lee el contenedor ICO y selecciona una imagen incrustada para renderizar
3. La imagen renderizada se dibuja en un elemento Canvas
4. El Canvas exporta datos PNG con toDataURL('image/png')
5. Descarga el PNG

El navegador maneja el análisis ICO de forma nativa. Selecciona el tamaño más apropiado de las imagenes incrustadas, tipicamente la variante más grande disponible.

Entendiendo el Formato ICO

ICO no es un único formato de imagen. Es un contenedor que agrupa multiples imagenes, cada una en una resolución y profundidad de bits diferente. Un favicon.ico típico puede contener:

Cada imagen incrustada puede almacenarse como una variante BMP (datos de píxeles sin procesar con una mascara AND para transparencia) o como un PNG completo. El tamaño de 256x256 casi siempre esta codificado en PNG porque en esa resolución BMP sería innecesariamente grande.

Flujos de Trabajo con Favicons

Inspección de favicon

Encontraste un favicon.ico y quieres ver que contiene. Convertir a PNG te da un archivo de imagen estándar que puedes abrir en cualquier visor, hacer zoom, verificar la transparencia o inspeccionar en una herramienta de diseño.

Extraer para reutilizar

Necesitas el icono de un sitio para un README, integración de Slack, panel de herramientas o endpoint de avatar de API. Conviertelo a PNG y usalo donde sea necesario.

Favicon personalizado

Comenzaste con un PNG como fuente y quieres ver como se ve como favicon. Conviertelo de ICO a PNG para previsualizar cada tamaño individualmente.

Limitaciones del Pipeline Canvas

El navegador actual no expone las imagenes individuales dentro de un contenedor ICO. Cuándo cargas un ICO en un <img> o Canvas, el navegador elige una representación (tipicamente la más grande) y descarta las demas. Si necesitas todos los tamaños incrustados, necesitas una biblioteca que analice manualmente el formato ICO.