Saltar al contenido
ImageConverter

Conversión segura en el servidor

Convertir PNG a ICO

Convierte un PNG en un archivo ICO de Windows, normalmente un favicon. A diferencia de la mayoría de los convertidores, este crea un icono de varios tamaños como es debido, con versiones de 16, 32, 48 y 256 píxeles en un solo archivo, que es para lo que sirve el formato y lo que hace que un icono se vea bien en todos los contextos y no solo en uno.

Se elimina automáticamente Archivos eliminados en 30 minutos

Arrastra y suelta tus imágenes PNG aquí

Añade varias a la vez. Cada archivo se procesa y luego se elimina de nuestro servidor.

Hasta 20 MB por archivo Admite lotes

Paso a paso

Cómo convertir PNG a ICO en 4 pasos

  1. Agrega tu PNG

    Funciona mejor una imagen cuadrada, idealmente de 256×256 o más.

  2. No hay nada que configurar

    Los tamaños de icono estándar se generan automáticamente a partir de tu imagen.

  3. Descarga el archivo .ico

  4. Para un sitio web

    Para un sitio web, cámbiale el nombre a favicon.ico y ponlo en la carpeta raíz de tu sitio.

Comparación de formatos

PNG vs. ICO

PNG (Portable Network Graphics)

Sin pérdida

Guarda cada píxel exactamente como estaba, así que no se pierde nada por muchas veces que se abra y se guarde.

  • Píxel a píxel: ideal para capturas de pantalla, logotipos y texto
  • Compatible en todas partes, incluidos todos los navegadores
  • Las fotografías dan archivos grandes: a menudo varias veces el tamaño en JPG

ICO (icono de Windows)

Icono de varios tamaños

Reúne varios tamaños de la misma imagen pequeña en un solo archivo, para iconos de Windows y favicons de sitios web.

  • Varios tamaños de icono en un solo archivo
  • Todos los navegadores lo reconocen como favicon
  • Solo para imágenes pequeñas: cada una mide como máximo 256 × 256 píxeles

Lo más útil que puedes entender sobre ICO es que es un contenedor, no un formato de imagen. Un archivo .ico contiene varias imágenes completas de distintos tamaños, y lo que muestre el icono elige la que encaja.

Esa es toda la razón por la que el formato sigue existiendo en un mundo de PNG. El mismo archivo se usa en lugares muy distintos:

  • 16×16: pestañas del navegador, barras de direcciones, listas de marcadores.
  • 32×32: pestañas del navegador de alta densidad, la barra de tareas de Windows, iconos de accesos directos.
  • 48×48: accesos directos del escritorio y la vista de iconos medianos del Explorador.
  • 256×256: la vista de iconos grandes del Explorador, y la que Windows reduce cuando necesita un tamaño intermedio.

Aquí es donde fallan la mayoría de los iconos. Un convertidor que pone un solo tamaño en el archivo obliga a todos los demás contextos a escalarlo. Un 16×16 solitario se convierte en un borrón como acceso directo del escritorio; un 256×256 solitario reducido a 16 convierte el detalle fino en barro, porque a ese tamaño un logotipo necesita simplificarse, no encogerse.

Esta herramienta genera los cuatro tamaños a partir de tu PNG y los empaqueta en un solo archivo. Los tamaños mayores que tu original se omiten: ampliar un logotipo de 32 px a 256 produciría una entrada borrosa que Windows luego elegiría encantado en lugar de la pequeña y nítida.

Qué hay dentro

Cada tamaño se guarda como datos PNG dentro del contenedor ICO. Windows lo admite desde Vista y todos los navegadores lo aceptan, y conserva toda la transparencia, incluidos los bordes suaves parcialmente transparentes, algo que la forma antigua basada en BMP maneja mal.

Calidad

Calidad y tamaño del archivo

No hay ajuste de calidad: cada tamaño se guarda sin pérdida, así que el icono es tan nítido como permita el original.

Lo que importa, en cambio, es la imagen de origen, y hay tres cosas sobre ella:

  • Empieza con algo grande. De 256×256 o más. Todo se reduce a partir de tu PNG, y reducir se ve bien donde ampliar no.
  • Hazla cuadrada. Los iconos son cuadrados. Un original rectangular se encajará en un cuadrado, y el resultado rara vez es el que pretendías: recórtalo antes.
  • Mantén un diseño sencillo. Es lo que más gente pasa por alto. A 16×16 tienes 256 píxeles en total. Un logotipo detallado con letras finas se vuelve ilegible a ese tamaño por muy bueno que sea el escalado. Los favicons que funcionan suelen ser una sola letra, una marca sencilla o una forma contundente.

Si tu logotipo es detallado, plantéate hacer una versión simplificada para el icono en lugar de encoger el completo. Fíjate en los favicons de los sitios que usas a menudo: casi todos son mucho más simples que el logotipo real de la empresa.

La transparencia se conserva, y normalmente es lo que quieres: un favicon con fondo blanco se ve como un cuadrado blanco en un navegador con tema oscuro.

Usar tu favicon en un sitio web

El método más sencillo sigue funcionando: llama al archivo favicon.ico y ponlo en la raíz de tu sitio. Los navegadores lo buscan ahí automáticamente, sin necesidad de HTML.

Para declararlo explícitamente, o para servir otros formatos junto a él:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

La práctica moderna es ofrecer un icono SVG a los navegadores que lo admiten y mantener el ICO como respaldo universal. El ICO sigue valiendo la pena: es lo que buscan los navegadores antiguos, los accesos directos de Windows y muchos lectores de fuentes RSS y vistas previas de enlaces.

¿Por qué no usar simplemente un favicon PNG?

Puedes: los navegadores aceptan <link rel="icon" href="/icon.png">. Pero un PNG es un solo tamaño, así que necesitarías varios archivos y varias etiquetas para cubrir lo que un ICO cubre por sí solo. Además, ICO sigue siendo el formato que usa el propio Windows para los accesos directos y los iconos de aplicaciones, así que es el que conviene tener si tu sitio puede fijarse o guardarse en un escritorio.

Otros usos de ICO

  • Iconos de aplicaciones de Windows, incrustados en un .exe.
  • Accesos directos del escritorio y del menú Inicio.
  • Iconos de carpetas, que se cambian desde las propiedades de la carpeta.
  • Herramientas de instaladores y empaquetado, que normalmente exigen ICO específicamente.

Todos ellos se benefician del archivo de varios tamaños por la misma razón que un favicon: Windows muestra los iconos a varios tamaños según la vista, y elige entre lo que ofrece el archivo.

Comprobar el resultado

Un icono que se ve bien a tamaño completo puede ser ilegible en una pestaña. Antes de quedarte con uno, míralo en pequeño: abre el ICO, o simplemente mira tu sitio en una pestaña del navegador, y júzgalo al tamaño en que lo verá la gente. Si no distingues qué es, simplifica el diseño en lugar de ajustar la conversión.

Privacidad

Qué pasa con tu archivo

Esta herramienta funciona en nuestro servidor, así que da el mismo resultado en cualquier teléfono u ordenador. Tu archivo se sube, y esto es exactamente lo que le pasa:

  • Se guarda fuera de la parte pública del servidor con un nombre aleatorio, nunca con el nombre de tu archivo.
  • Se procesa y el archivo original se elimina de inmediato, tanto si la conversión funciona como si falla.
  • El resultado queda tras un enlace firmado que solo recibes tú, que deja de funcionar a los 20 minutos, y el archivo se elimina en cuanto lo descargas.
  • Lo que nunca se descarga se elimina automáticamente en menos de 30 minutos.
  • La imagen en sí nunca se registra ni se guarda. Si una conversión falla, anotamos los formatos y el error, no el archivo.
  • Los metadatos de la cámara, incluidas las coordenadas GPS que indican dónde se tomó la foto, se eliminan del resultado. Solo se conserva la rotación necesaria para mostrar la imagen derecha.

Preguntas y respuestas

PNG a ICO: preguntas frecuentes

¿De qué tamaño debe ser mi PNG?

De 256×256 o más, y cuadrado. Cada tamaño de icono se reduce a partir de tu original, y reducir da buenos resultados donde ampliar no. Si tu imagen es rectangular, recórtala antes en cuadrado; si no, se encajará en uno por ti.

¿El ICO contiene más de un tamaño?

Sí, esa es la razón de ser del formato. Esta herramienta mete versiones de 16, 32, 48 y 256 píxeles en un solo archivo, para que los navegadores, la barra de tareas y los accesos directos del escritorio reciban cada uno un tamaño hecho para ellos en lugar de escalar uno que no encaja. Los tamaños mayores que tu original se omiten, porque ampliar produciría una entrada borrosa que el sistema podría preferir.

¿Se conserva la transparencia?

Sí, por completo, incluidos los bordes suaves parcialmente transparentes. Cada tamaño se guarda como datos PNG dentro del ICO, que maneja bien la transparencia; la forma antigua basada en BMP no. Un favicon con fondo blanco se ve como un cuadrado blanco en un navegador con tema oscuro, así que la transparencia suele ser lo que quieres.

¿Dónde pongo el archivo del favicon?

Llámalo favicon.ico y ponlo en la carpeta raíz de tu sitio web. Los navegadores lo buscan ahí automáticamente, sin necesidad de HTML. También puedes declararlo explícitamente con <link rel="icon" href="/favicon.ico" sizes="any">.

Mi logotipo es ilegible a 16 píxeles. ¿Qué hago?

Simplifica el diseño en lugar de ajustar la conversión. A 16×16 tienes 256 píxeles en total, y ningún algoritmo de escalado puede hacer legibles unas letras detalladas en ese espacio. La mayoría de los favicons que funcionan son una sola letra, una marca sencilla o una forma contundente: fíjate en los sitios que usas a diario y verás lo mucho más simples que son sus iconos que sus logotipos.

¿Uso ICO o SVG para un favicon?

Ambos. La práctica moderna es un icono SVG para los navegadores que lo admiten, con el ICO como respaldo universal; y ICO sigue siendo lo que buscan los accesos directos de Windows, los navegadores antiguos y muchas herramientas de vista previa de enlaces.

Sigue explorando

Ver todas las herramientas