Cómo convertir PNG o JPG a ICO y revisar los tamaños
En esta página
En resumen: abre la herramienta Imagen a ICO de Imgovo, añade un PNG, JPG, WebP o SVG, marca los tamaños que quieres (para una web: 16, 32 y 48 px), elige cómo encaja la imagen en el cuadrado y descarga el archivo .ico. Para revisar un icono existente, suéltalo en el Visor de ICO. Ambas herramientas funcionan en tu navegador y no se sube nada.
Qué es un archivo ICO
Un archivo .ico es un contenedor. Dentro hay varias imágenes pequeñas, llamadas capas, cada una con su propio tamaño. Windows, los navegadores y otros programas eligen la capa que mejor encaja en el lugar donde se muestra el icono: una pestaña, la barra de tareas, un acceso directo o una carpeta. Por eso un buen archivo de icono tiene más de un tamaño.
Qué tamaños elegir
| Uso | Tamaños |
|---|---|
| Favicon de una web | 16, 32, 48 px |
| Programa o acceso directo de Windows | añade 64, 128, 256 px |
| Todo | 16, 24, 32, 48, 64, 96, 128, 256 px |
La herramienta tiene dos atajos: Sitio web: 16, 32, 48 y Todos los tamaños. Cada tamaño marcado se guarda como una imagen aparte, así que más tamaños dan un archivo mayor.
Paso a paso
- Abre Imagen a ICO y suelta una imagen en la página, haz clic para elegir una o pégala desde el portapapeles. Una imagen cuadrada con fondo transparente funciona mejor.
- Elige los Tamaños dentro del archivo.
- En Forma, elige Recortar a cuadrado (rellena todo el cuadrado y corta los bordes de una imagen ancha) o Ajustar la imagen completa (conserva todo y añade espacio vacío a los lados).
- Elige un Fondo: transparente o un color. Ajusta el margen interior y las Esquinas redondeadas si quieres.
- Revisa la vista previa de las Capas.
- Haz clic en Descargar el archivo .ico.
Cada capa se dibuja a partir de tu imagen con su tamaño exacto, en lugar de reducir después una sola imagen grande. Tras crear el archivo, Imgovo lo vuelve a leer y lo comprueba.
Diseña para tamaños pequeños
A 16 × 16 píxeles, los detalles finos desaparecen. Usa una forma marcada, una o dos letras o un logotipo sencillo, y deja un poco de margen. Si tu logotipo tiene un fondo que no quieres, quítalo antes; mira Cómo quitar el fondo de una foto gratis (sin subirla).
Mira dentro de un archivo .ico con el Visor de ICO
¿No sabes qué contiene un archivo de icono? Abre el Visor de ICO y suelta el archivo en la página. Para cada capa muestra:
- el tamaño,
- la profundidad de color,
- si la capa se guarda como PNG o como mapa de bits antiguo (DIB),
- el número de bytes que usa,
- la propia imagen sobre un damero, para que se vea la transparencia.
Puedes guardar una capa como PNG o usar Guardar todas las capas como PNG (ZIP). El visor muestra capas PNG y capas de mapa de bits sin comprimir con 1, 4, 8, 24 o 32 bits por píxel, incluida su máscara de transparencia. Una capa con otra compresión aparece en la lista con una nota, pero no se puede dibujar. Si el tamaño anunciado en el directorio del archivo difiere del tamaño real de la imagen, el visor muestra el tamaño real y añade una nota.
Un conjunto de favicon completo
Un .ico es solo una parte de un conjunto de iconos para una web. Para favicons PNG, un icono de Apple, iconos de Android, un favicon SVG opcional, un manifiesto y las líneas que pegar en tus páginas, usa el Generador de favicon y lee Cómo crear un favicon para tu sitio web (ICO, PNG, iconos de Apple y Android).
Privacidad
El archivo ICO se crea y se lee en tu navegador. Tu imagen nunca sale de tu dispositivo.
Pruébalo ahora
Abre Imagen a ICO, añade tu imagen y descarga un icono con los tamaños que necesitas.
Preguntas frecuentes
¿Qué tamaños debe contener un archivo ICO?
Para el favicon de una web bastan 16, 32 y 48 px. Para un programa o un acceso directo de Windows, añade tamaños mayores como 64, 128 y 256 px. Cada tamaño marcado se guarda como una imagen aparte, así que una selección mayor da un archivo mayor.
¿Por qué un archivo ICO se compone de varias imágenes?
Un archivo ICO es un pequeño contenedor. Cada capa es una imagen distinta con su propio tamaño, y el sistema o el navegador elige la que mejor encaja. Imgovo dibuja cada capa a partir de tu imagen a ese tamaño exacto, en lugar de reducir después una imagen grande.
¿Las capas se guardan como PNG?
Sí. Cada capa se escribe como una imagen PNG dentro del archivo ICO, lo que conserva la transparencia y es compatible con los navegadores actuales y con Windows desde Vista. Programas muy antiguos pueden entender solo las capas de mapa de bits más antiguas.
¿Por qué se corta mi imagen?
Los iconos son cuadrados. Recortar a cuadrado rellena todo el cuadrado y corta los bordes de una imagen ancha. Ajustar la imagen completa conserva todo y añade espacio vacío a los lados, transparente o de color.
¿Puede el visor de ICO abrir un cursor .cur?
No. Los archivos de cursor se parecen a los de iconos, pero contienen posiciones del punto activo y usan otro número de tipo. El visor es solo para iconos y te lo indica.
¿Necesito Imagen a ICO o el Generador de favicon?
Usa Imagen a ICO cuando solo necesites el archivo .ico. Usa el Generador de favicon cuando también quieras iconos PNG, de Apple y de Android, un favicon SVG, un manifiesto y las líneas HTML.