Cómo convertir PNG a ICO
- Campamento base
Elige un PNG, a ser posible cuadrado, de al menos 256×256 píxeles y con fondo transparente. También sirven JPG, WebP y SVG.
- Campamento 1
Marca los tamaños que quieras en Tamaños del icono. Para el favicon de un sitio web bastan 16, 32 y 48 píxeles. Para aplicaciones de Windows, añade 256.
- Cumbre
Descarga el archivo .ico y súbelo a la carpeta raíz de tu sitio web como favicon.ico, o úsalo en tu aplicación.
PNG vs. ICO
| PNG | ICO | |
|---|---|---|
| Qué contiene | Una imagen | Varios tamaños del mismo icono |
| Transparencia | Sí | Sí |
| Se usa para | Todo | Favicons e iconos de Windows |
| Tamaño máximo | Ilimitado | 256×256 por imagen |
| Compatibilidad como favicon | Navegadores modernos | Todos los navegadores, incluso los muy antiguos |
Un archivo ICO es un pequeño contenedor que reúne varias versiones del mismo icono. Windows y los navegadores eligen el tamaño que mejor encaja: 16×16 para la pestaña del navegador, 32×32 para la barra de tareas, 48×48 para los accesos directos del escritorio y 256×256 para las vistas de iconos grandes. Al incluirlos todos en un solo archivo, el icono se ve nítido en cualquier lugar en vez de escalarse a partir de un único tamaño.
Cada imagen de los archivos ICO creados aquí se guarda como datos PNG, algo que admiten Windows Vista y todas las versiones posteriores, además de todos los navegadores actuales. Así el archivo ocupa poco y los bordes se mantienen suaves y transparentes.
¿Sigo necesitando un favicon.ico?
Los navegadores modernos pueden usar un favicon PNG o SVG declarado en tu HTML, pero muchos siguen pidiendo /favicon.ico automáticamente, y algunas herramientas, lectores de RSS y servicios de marcadores solo lo buscan ahí. Si colocas un ICO pequeño con versiones de 16, 32 y 48 píxeles en la raíz de tu sitio, evitarás errores de icono no encontrado en los registros del servidor y funcionará en todos los navegadores.
Preguntas frecuentes
¿La conversión se hace en mi dispositivo?
Sí. Tu navegador dibuja el icono y lo empaqueta en un archivo ICO. Tu imagen no se sube a ningún sitio.
Mi imagen no es cuadrada. ¿Qué pasa?
Se escala para que quepa dentro del cuadrado y se centra, con un margen transparente alrededor. No se recorta ni se deforma.
¿Qué tamaños debo incluir?
Para el favicon de un sitio web: 16, 32 y 48. Para el icono de un programa o acceso directo de Windows: 16, 32, 48 y 256. Incluir más tamaños hace que el archivo sea más grande, pero rara vez causa problemas.
¿Cómo añado el favicon a mi sitio web?
Sube el archivo como favicon.ico a la carpeta principal de tu sitio, de modo que esté disponible en tusitio.com/favicon.ico. Si quieres, añade <link rel="icon" href="/favicon.ico" sizes="any"> dentro del <head> de tus páginas.
¿Por qué mi icono se ve borroso a 16×16?
Los tamaños pequeños tienen muy pocos píxeles, así que los detalles finos y las líneas delgadas desaparecen. Las formas sencillas y marcadas son las que mejor funcionan. Algunos diseñadores dibujan una versión simplificada especialmente para el tamaño más pequeño.
Guías relacionadas
- Cómo crear un favicon para tu webQué tamaños de icono necesitas, ICO, PNG o SVG, y el HTML que tienes que añadir a tu web.
Herramientas relacionadas
ICO → PNG
Extrae imágenes PNG de favicons e iconos de Windows, con todos sus tamaños.PNG → JPG
Reduce fotos y capturas PNG pesadas a archivos JPG compactos.PNG → WEBP
Reduce mucho el peso de tus imágenes PNG para la web, sin perder la transparencia.PNG → PDF
Reúne capturas de pantalla y gráficos en un PDF nítido, en el orden que elijas.WEBP → PNG
Convierte imágenes WebP en archivos PNG sin pérdida y con la transparencia intacta.WEBP → JPG
Guarda imágenes WebP como fotos JPG que se abren en cualquier lugar.