Saltar al contenido principal
ToolsByUs

PNG a ICO

PNG a ICO convierte una imagen en un archivo de iconos de Windows con varios tamaños a la vez: cada pestaña, barra de tareas y escritorio recibe una versión nítida. Es un .ico multi-tamaño real — 16, 32, 48 y 256 píxeles en un archivo —, no un mapa de bits reescalado; se genera en tu navegador y no se sube nada.

Solo local

Suelta un PNG cuadrado o haz clic para elegir

o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB

Aceptados: PNG, JPG, JPEG, WebP, AVIF, HEIC

Tamaños a incluir

¿Cómo funciona PNG a ICO?

Un .ico no es un formato de imagen. Es un directorio: una cabecera, una entrada de 16 bytes por imagen y después las imágenes. El sistema operativo lee el directorio y escoge la entrada que coincide con el tamaño que necesita — 16 píxeles para una pestaña del navegador, 32 para una barra de tareas, 48 para la vista mediana del Explorador, 256 en un escritorio de alta densidad.

Por qué un solo tamaño es la respuesta equivocada

Casi toda herramienta de «convertir a ICO» produce una única imagen de 32×32 o de 256×256. Un icono único de 32 píxeles mostrado a 256 es un dibujo de 32 píxeles ampliado ocho veces, que es exactamente el favicon borroso que todos notan y nadie sabe ubicar. Un icono único de 256 píxeles mostrado a 16 es peor: el navegador lo remuestrea con el filtro que tenga y los trazos finos desaparecen en gris.

Cada entrada se dibuja aquí desde tus píxeles originales a su propio tamaño de salida, en lugar de remuestrearse desde una reducción mayor. Importa a 16 píxeles, donde un trazo de un píxel es la diferencia entre una marca legible y una mancha.

Entradas PNG, y el único caso en que no basta

El formato guardaba originalmente bitmaps independientes del dispositivo. Desde Windows Vista, una entrada puede ser en su lugar un archivo PNG completo, que es lo que aquí se escribe — más pequeño, conserva la transparencia y no necesita codificador de bitmaps. Windows 10 y 11, todos los navegadores y las herramientas nativas de macOS lo leen.

La excepción merece mencionarse: un shell de Windows muy antiguo o un instalador antiguo puede esperar una entrada bitmap para los tamaños pequeños. Si tu icono va a parar a algo construido antes de Vista, es una limitación real y no teórica.

Qué hace buena una imagen de origen

Cuadrada, de al menos 256×256 y transparente en lugar de con fondo blanco si va a apoyarse sobre una franja de pestañas con color. Una marca con silueta sólida se lee a 16 píxeles; los trazos finos, los degradados y el texto pequeño no, y ninguna cantidad de resolución lo arregla — por eso la vista previa de 16 píxeles de arriba es la primera que hay que mirar.

Origen

logo.png — 1024×1024, transparent

favicon.ico

16×16   PNG entry    1.1 KB
32×32   PNG entry    2.4 KB
48×48   PNG entry    4.0 KB
256×256 PNG entry   18.2 KB
                     ——————
                     25.7 KB in one file

¿Qué opciones y casos límite admite PNG a ICO?

Referencia técnica y opciones
ParámetroTipoValor predeterminadoComportamiento y casos límite
16 × 16tamañoactivadoPestañas del navegador y barra de marcadores. El tamaño más difícil de clavar y el que más se ve, así que revisa esta vista previa antes que ninguna otra.
24 × 24tamañodesactivadoBarra de tareas de Windows al 100 % de escala. Desactivado por defecto porque la entrada de 32 píxeles cubre casi el mismo terreno y cada entrada cuesta tamaño de archivo.
32 × 32tamañoactivadoAccesos directos de la barra de tareas de Windows y Finder de macOS. El tamaño que producen la mayoría de convertidores de un solo tamaño, y la razón por la que un icono de un solo tamaño parece aceptable hasta que deja de parecerlo.
48 × 48tamañoactivadoVista de iconos medianos del Explorador de Windows y el tamaño que usa el acceso directo del escritorio en una pantalla estándar.
64 × 64tamañodesactivadoIconos grandes de Windows y algunos docks de Linux. Barato de incluir y rara vez necesario.
128 × 128tamañodesactivadoEl Dock de macOS y las listas de accesos directos high-DPI de Windows.
256 × 256tamañoactivadoIconos extragrandes de Windows y la miniatura que muestra un instalador. Por convención el formato lo guarda como entrada PNG, que es justo lo que recibe aquí.
Formato de las entradasPNGsiemprePNG dentro de ICO, admitido desde Windows Vista y leído por todos los navegadores y por macOS. Un shell anterior a Vista puede esperar en su lugar una entrada bitmap para los tamaños pequeños.
Transparenciase conservasíEl canal alfa sobrevive en todos los tamaños, así que el icono se apoya sobre una franja de pestañas con color sin una caja blanca detrás.
Límite de origenbytes100 MBTodo se ejecuta en la pestaña, así que un archivo mayor se rechaza en lugar de intentarse. Un origen cuadrado de 256 píxeles o más es todo lo que la herramienta necesita.

Preguntas frecuentes

¿Por qué se ve borroso mi favicon en la pestaña del navegador?

Porque el archivo contiene un solo tamaño y la pestaña quiere 16 píxeles. Un icono único de 32 píxeles mostrado a 16 lo remuestrea el navegador y pierde detalle; uno único de 256 píxeles es peor, porque el reescalado a la baja del navegador elimina por completo los trazos finos. Un .ico multi-tamaño deja que el navegador escoja la entrada dibujada justo al tamaño que necesita, y ese es el sentido del formato.

¿Qué tamaños debo incluir?

16, 32, 48 y 256 cubre todo en la práctica y es lo que esta herramienta selecciona por defecto. Añadir 24, 64 y 128 ayuda en factores de escala concretos y cuesta unos pocos kilobytes cada uno. La entrada de 256 píxeles es la que hay que conservar aunque te tiente a quitarla: Windows la usa para los iconos extragrandes y los instaladores, y su ausencia es la razón por la que algunos accesos directos muestran un icono genérico.

¿El .ico funciona en los navegadores o solo en Windows?

En ambos. Todos los navegadores leen .ico para el favicon, y lo que renderizan son las entradas PNG que lleva dentro. macOS también lo lee — `sips` y Finder lo manejan. El único entorno que ha tenido problemas con PNG dentro de ICO es un shell de Windows anterior a Vista, y por eso la tabla de referencia lo dice en lugar de proclamar compatibilidad universal.

¿Debería publicar también un favicon PNG y un web manifest?

Sí, y por razones distintas. Un favicon PNG de 180×180 es lo que usa iOS cuando alguien añade el sitio a su pantalla de inicio, y un web manifest con PNG de 192 y 512 píxeles es lo que usa Android. El .ico cubre los navegadores de escritorio y Windows; los demás cubren el móvil. Son complementos, no alternativas.

Mi imagen no es cuadrada. ¿Qué pasa?

Se recorta por el centro hasta dejarla cuadrada, porque cada entrada de un ICO es cuadrada por definición — hay un campo width y un campo height por entrada y se escriben con el mismo número. Recórtala tú antes a propósito con el recortador de imágenes si la parte interesante no está en el centro.

¿Se sube mi imagen?

No. La decodificación, el reescalado y el montaje del icono ocurren todos en esta pestaña — el panel Network no muestra nada cuando sueltas un archivo. Aquí importa más de lo que parece: la imagen que la gente convierte en favicon suele ser un logo sin publicar.

Equipo de ToolsByUs · Cómo comprobamos nuestras herramientas