Cómo convertir PNG a ICO
- Suelta una sola imagen en la zona de carga. PNG funciona mejor, pero también se aceptan JPG, WebP y otros formatos de imagen.
- Elige los Tamaños del icono:
- 16, 32, 48 px (favicon): el conjunto estándar para el
favicon.icode una web. - 16–256 px (icono de Windows): añade versiones de 64, 128 y 256 px para accesos directos del escritorio y aplicaciones.
- 16, 32, 48 px (favicon): el conjunto estándar para el
- Haz clic en Crear .ico y descarga el archivo de icono.
El icono se genera en tu navegador; tu imagen nunca se sube ni se guarda.
¿Qué es un archivo ICO?
ICO es el formato de iconos que usa Windows y el estándar original de favicon de los navegadores. A diferencia de un PNG, un solo archivo .ico es un contenedor que guarda varias imágenes de distintos tamaños. El sistema operativo o el navegador elige la que mejor encaja en cada caso: 16 px para una pestaña del navegador, 32 px para la barra de tareas o un marcador, 48 px para los iconos del escritorio y hasta 256 px para las vistas de iconos grandes.
Este conversor guarda cada tamaño como una imagen comprimida en PNG dentro del archivo ICO. Los iconos comprimidos en PNG conservan toda la transparencia y ocupan mucho menos que los mapas de bits sin comprimir, y son compatibles con todos los navegadores actuales y con Windows desde Windows Vista.
| Tamaño | Dónde se usa |
|---|---|
| 16 × 16 | Pestañas del navegador, barra de direcciones, marcadores |
| 32 × 32 | Accesos directos de la barra de tareas, pestañas en pantallas de alta densidad |
| 48 × 48 | Escritorio de Windows y accesos directos a sitios web |
| 64–256 | Vistas de iconos grandes y pantallas de alta resolución en Windows |
Cómo añadir el favicon a tu web
Sube favicon.ico a la raíz de tu web. Los navegadores buscan /favicon.ico automáticamente, pero es buena práctica enlazarlo de forma explícita en el <head> de tus páginas:
<link rel="icon" href="/favicon.ico" sizes="any">Muchos sitios también ofrecen un PNG de 180 × 180 px como apple-touch-icon para la pantalla de inicio del iPhone y el iPad. Puedes crear uno con Redimensionar imagen.
Consejos para un icono nítido
- Parte de una imagen cuadrada de al menos 256 × 256 px, idealmente de 512 px. Las imágenes que no son cuadradas no encajan bien en el formato cuadrado de los iconos.
- Hazlo sencillo. A 16 × 16 px, los detalles finos y el texto pequeño desaparecen. Lo que mejor funciona es un símbolo bien marcado o una sola letra.
- Usa un fondo transparente (PNG) para que el icono se integre en los temas claros y oscuros del navegador.
- ¿Tienes un logotipo vectorial? Renderízalo primero a tamaño grande con SVG a PNG y luego conviértelo aquí.
Preguntas frecuentes
¿Qué tamaños de icono debo elegir para una web?
El conjunto de 16, 32, 48 px cubre las pestañas del navegador, los marcadores y los accesos directos, y mantiene el archivo pequeño. Elige el conjunto de 16–256 px para iconos de aplicaciones de Windows o del escritorio.
¿Puedo convertir un JPG a ICO?
Sí. Puedes usar cualquier imagen que tu navegador pueda abrir, pero JPG no tiene transparencia, así que el icono tendrá un fondo sólido.
¿Basta con un favicon en PNG?
Los navegadores modernos aceptan favicons en PNG y SVG, pero un archivo ICO en la raíz del sitio sigue siendo la alternativa más compatible para navegadores antiguos y herramientas que piden /favicon.ico directamente.
Actualizado