PNG a ICO: crea un favicon.ico limpio

PNG es el punto de partida más popular para la creación de favicons, y con buena razón. Los archivos PNG soportan transparencia, manejan los bordes nítidos limpiamente y son el formato de exportación nativo de casi todas las herramientas de diseño. El problema es que los navegadores y sistemas operativos no aceptan PNG directamente como archivo favicon.ico. El formato ICO es un contenedor especial que puede albergar múltiples tamaños de imagen dentro de un solo archivo, permitiendo que el sistema elija la mejor resolución para cada contexto automáticamente.

Con Any2ICO, convertir un PNG a un ICO multitamaño toma menos de un minuto. Subes tu imagen, seleccionas los tamaños que necesitas, eliges cómo debe escalarse la imagen y qué fondo usar, y descargas el ICO terminado. Toda la conversión se ejecuta en tu navegador usando la Canvas API, así que tus archivos permanecen en tu dispositivo y nunca se suben a un servidor remoto.

Esta guía te acompaña en cada paso del proceso. Aprenderás qué tamaños incluir para favicons versus iconos de escritorio de Windows, cuándo usar escalado ajustar versus recortar, y cómo manejar el color de fondo. Al final tendrás un archivo ICO profesional y multitamaño listo para colocar en tu sitio web o aplicación.

Paso a paso: convierte PNG a ICO

Sigue estos cuatro pasos para convertir cualquier PNG en un archivo ICO limpio y multitamaño.

Paso 1 — Sube tu PNG

Abre el conversor Any2ICO en cualquier navegador moderno. Arrastra tu archivo PNG al área de subida, o haz clic para explorar tu dispositivo. También puedes pegar una imagen desde tu portapapeles, introducir una URL o importar desde Google Drive u OneDrive. Any2ICO acepta archivos PNG de hasta 10 MB.

Paso 2 — Selecciona los tamaños de icono

Elige qué tamaños en píxeles incrustar en el archivo ICO. Any2ICO ofrece 16, 32, 48, 64, 128 y 256 píxeles. Para un favicon de sitio web estándar, selecciona al menos 16, 32 y 48. Si el icono también se usará como acceso directo de Windows o icono de aplicación, añade 64, 128 y 256 también. Puedes seleccionar los seis para máxima compatibilidad.

Paso 3 — Elige escalado y fondo

En escalado, elige Ajustar (Contain) para encajar toda la imagen dentro del marco del icono (mejor para logotipos e ilustraciones) o Recortar (Cover) para llenar el marco completamente, cortando los bordes si es necesario (mejor para fotos y gráficos a sangre completa). Luego establece el fondo como Transparente si tu PNG tiene canal alfa, o Blanco si prefieres un respaldo sólido.

Paso 4 — Convierte y descarga

Haz clic en Convertir. Any2ICO genera el archivo ICO instantáneamente en tu navegador. Descarga el único archivo .ico y colócalo en la raíz de tu sitio web como favicon.ico, o úsalo donde tu sistema operativo espere un archivo de icono. Si convertiste múltiples imágenes, Any2ICO las agrupa en un archivo ZIP automáticamente.

¿Qué tamaños deberías incluir?

El formato ICO puede albergar múltiples resoluciones en un solo archivo, y cada resolución sirve para un propósito diferente. Elegir la combinación correcta asegura que tu icono se vea nítido en todas partes donde aparece.

16x16 es el tamaño clásico de favicon. Los navegadores lo muestran en pestañas, barras de marcadores y listas de historial. Es el mínimo absoluto que deberías incluir.

32x32 es usado por los navegadores en pantallas de alta resolución (Retina) y por Windows para iconos de acceso directo pequeños. Incluirlo junto con 16x16 evita que el navegador escale hacia arriba la versión de 16 píxeles en pantallas nítidas.

48x48 aparece en la barra de tareas de Windows y en ciertos contextos del navegador que necesitan un icono ligeramente más grande. Completa el trío esencial para uso web.

64x64, 128x128 y 256x256 son principalmente relevantes para accesos directos del escritorio de Windows, iconos de aplicaciones y pantallas de alta resolución. Si tu ICO solo servirá como favicon de sitio web, puedes omitirlos para mantener el archivo pequeño. Si el icono podría usarse en el escritorio, inclúyelos para la mejor apariencia.

Para un desglose más profundo de dónde se muestra cada tamaño, consulta nuestra guía de tamaños de favicon.

Escalado: Ajustar vs Recortar

Cuando tu PNG de origen no es perfectamente cuadrado, o cuando no coincide exactamente con el tamaño de icono objetivo, Any2ICO necesita una regla para cómo encajar la imagen en el marco cuadrado del icono. Esa regla es el modo de escalado.

Ajustar (Contain) reduce la imagen hasta que cabe completamente dentro del marco del icono. Si la fuente no es cuadrada, verás relleno en dos lados. Este modo garantiza que nada se recorte. Es la mejor opción para logotipos, marcas de texto y cualquier gráfico donde cortar los bordes sería inaceptable.

Recortar (Cover) escala la imagen hacia arriba o abajo hasta que llena completamente el marco del icono. Si la fuente no es cuadrada, los bordes que sobresalen se cortan. Este modo es útil para fotos, texturas o fondos a sangre completa donde no quieres relleno ni espacio vacío.

En la mayoría de los flujos de trabajo de favicon, Ajustar (Contain) es el valor predeterminado correcto. Los iconos son pequeños, y recortar incluso unos pocos píxeles de un logotipo puede hacerlo irreconocible. Reserva Recortar para casos especiales donde la imagen ya es cuadrada o donde llenar todo el marco es más importante que preservar cada borde.

Fondo: Transparente vs Blanco

La configuración de fondo controla qué aparece detrás de tu imagen cuando el marco del icono no está completamente cubierto — ya sea porque la fuente tiene un canal alfa (transparencia) o porque el escalado Ajustar añadió relleno.

Transparente mantiene el canal alfa intacto. El icono se mezcla perfectamente con cualquier superficie sobre la que se encuentre, ya sea una barra de pestañas oscura del navegador, una lista de marcadores clara o un fondo de escritorio con color. Esta es la opción estándar para logotipos y símbolos.

Blanco llena cualquier área sin imagen con blanco sólido. Esto es útil cuando tu PNG de origen fue diseñado sobre un lienzo blanco y la transparencia expondría bordes no deseados, o cuando el icono aparecerá en un contexto que no soporta bien la transparencia.

Como regla general: si tu PNG ya tiene un fondo transparente y se ve bien a tamaños pequeños, mantén el fondo establecido en Transparente. Si el diseño depende de un contorno blanco o ves artefactos visuales alrededor de los bordes, cambia a Blanco.