Cómo convertir PNG a ICO
- Elige un PNG cuadrado (idealmente de 256 × 256 píxeles o más) o arrástralo a la página.
- Marca los tamaños de icono que necesites; 16, 32, 48 y 256 vienen seleccionados de forma predeterminada.
- Descarga el archivo ICO. Las imágenes que no son cuadradas se centran sobre un fondo transparente.
¿Qué tamaños de icono necesitas?
| Tamaño | Se usa en |
|---|---|
| 16 × 16 | Pestañas del navegador, marcadores y vistas de lista pequeñas |
| 32 × 32 | Pestañas en pantallas de alta resolución, la barra de tareas de Windows |
| 48 × 48 | El Explorador de archivos de Windows y el escritorio con escala normal |
| 64 × 64 y 128 × 128 | Vistas de iconos grandes y pantallas de alta densidad (high-DPI) |
| 256 × 256 | Iconos muy grandes en el Explorador de archivos de Windows |
Para el favicon de un sitio web bastan 16, 32 y 48. Para el icono de un programa o de un acceso directo en Windows, incluye 256. Cada tamaño se guarda como PNG dentro del archivo ICO (compatible con todos los navegadores y con Windows Vista y posteriores), así que se conserva la transparencia.
Cómo añadir el favicon a tu sitio web
Sube favicon.ico a la raíz de tu sitio web, p. ej. https://example.com/favicon.ico: los navegadores lo buscan ahí automáticamente. También puedes indicarlo en el <head> de tus páginas:
<link rel="icon" href="/favicon.ico" sizes="any">- Para la pantalla de inicio del iPhone y el iPad, un PNG de 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Para Android y las aplicaciones web instalables, PNG de 192 × 192 y 512 × 512 incluidos en el manifiesto de tu aplicación web.
Preguntas frecuentes
¿Qué es un archivo ICO?
Un archivo ICO contiene varios tamaños del mismo icono, para que Windows y los navegadores elijan el más nítido en cada lugar: una pestaña, la barra de tareas o un icono grande del escritorio.
¿El ICO conserva la transparencia?
Sí. Los tamaños se guardan como imágenes PNG con transparencia completa.
¿Puedo convertir JPG o SVG a ICO?
Sí: arrastra cualquier imagen. Para iconos SVG pequeños, usa el convertidor de imágenes y define un Ancho para archivos SVG mayor, para que el tamaño de 256 píxeles se vea nítido.
¿Se suben mis archivos?
No. El icono se crea en tu navegador y nunca sale de tu dispositivo.