Si alguna vez has trabajado con imágenes para web, diseño gráfico o redes sociales, sabes que el formato PNG es el rey indiscutible cuando hablamos de fondos transparentes. Su capacidad para conservar la transparencia lo convierte en el favorito para logotipos, iconos, productos recortados y todo tipo de elementos que necesitan integrarse sobre distintos fondos. El problema aparece cuando esos archivos empiezan a pesar demasiado. Una imagen PNG con transparencia puede ocupar varios megabytes, lo que ralentiza tu web, complica el envío por correo o llena tu disco duro en un abrir y cerrar de ojos.
La buena noticia es que se puede reducir el peso de un PNG sin sacrificar la transparencia. La mala noticia es que muchos programas de compresión, sobre todo los que convierten a JPG, destruyen el canal alfa y dejan ese fondo blanco o negro que tanto molesta. En este artículo te explico, paso a paso y con ejemplos prácticos, cómo comprimir imágenes PNG manteniendo la transparencia intacta. Verás herramientas, ajustes y trucos que uso a diario en mi flujo de trabajo fotográfico y de diseño.
Antes de lanzarnos a comprimir, conviene entender por qué un PNG con fondo transparente ocupa tanto espacio. El formato PNG (Portable Network Graphics) utiliza compresión sin pérdida, lo que significa que guarda cada píxel con total fidelidad. Además, soporta un canal alfa de 8 bits, es decir, 256 niveles de transparencia por píxel. Eso es maravilloso para bordes suaves y sombras, pero también implica que cada píxel necesita más información que en un JPG.
Cuando una imagen tiene fondo transparente, no se puede convertir a JPG sin perder esa transparencia, porque el JPG no soporta canal alfa. Algunos programas "solucionan" esto rellenando el fondo con blanco, lo cual arruina el recorte. Por eso, cualquier compresión debe hacerse dentro del ecosistema PNG o en formatos modernos como WebP, que sí admiten transparencia y ofrecen mejor compresión.
La clave está en reducir la paleta de colores cuando sea posible, eliminar metadatos innecesarios y aplicar algoritmos de compresión más agresivos pero sin pérdida. También existe la compresión con pérdida selectiva, que reduce ligeramente la calidad en zonas donde el ojo no lo nota, pero mantiene el canal alfa perfecto.
Aquí tienes las opciones que realmente funcionan. Las he probado todas y te indico cuándo conviene usar cada una.
Es la herramienta más conocida y una de las más eficaces. Arrastras tu PNG con transparencia y en segundos obtienes una versión mucho más ligera. TinyPNG utiliza compresión con pérdida selectiva: reduce la paleta de colores a 256 colores o menos, pero conserva el canal alfa. En mis pruebas, un logotipo de 1,2 MB bajó a 320 KB sin que se notara la diferencia en el borde transparente. Eso sí, si tu imagen tiene degradados suaves o muchas tonalidades, puede aparecer algo de banding. Para iconos y gráficos planos es perfecto.
Estas aplicaciones de escritorio aplican varias técnicas sin pérdida: eliminan metadatos, optimizan la paleta y recomprimen los datos. La ventaja es que puedes procesar lotes enteros y no subes nada a internet. En Mac, ImageOptim es una maravilla: arrastras 20 PNG con transparencia y los deja listos. En Windows, FileOptimizer hace un trabajo similar. La transparencia se mantiene siempre porque no tocan el canal alfa.
Es una herramienta web que permite ajustar la compresión manualmente. Para PNG, ofrece opciones como reducir la paleta, cuantizar colores y elegir el número de colores. Puedes ver en tiempo real cómo afecta al canal alfa. Un truco: baja el número de colores hasta 128 o 64 si tu imagen lo permite. Verás que la transparencia sigue ahí, pero el peso cae drásticamente. Squoosh también convierte a WebP con transparencia, que suele pesar un 30-50% menos que el PNG equivalente.
Si te manejas con la terminal, estas dos herramientas son oro puro. OptiPNG recomprime sin pérdida, mientras que PNGQuant reduce la paleta a 256 colores o menos usando cuantización. La combinación de ambas puede reducir un PNG con transparencia hasta un 70% sin que se note a simple vista. Por ejemplo, un botón con fondo transparente de 800 KB puede quedar en 180 KB. Eso sí, revisa siempre el resultado en zonas con degradados.
Aunque no es un PNG, el formato WebP ofrece compresión superior y soporta canal alfa. Si tu web o aplicación lo admite (hoy casi todos los navegadores modernos lo hacen), convertir tus PNG a WebP puede reducir el peso a la mitad o más. Herramientas como Squoosh, XnConvert o el comando cwebp lo hacen en segundos. La transparencia se conserva intacta. Es la mejor opción si no necesitas compatibilidad con navegadores antiguos.
No todo es apretar el botón de comprimir. Hay detalles que marcan la diferencia entre un PNG ligero y uno que sigue pesando lo mismo o que ha perdido calidad en los bordes transparentes.
Primero, revisa el tamaño de la imagen. Muchas veces un PNG con transparencia es enorme porque tiene una resolución excesiva para su uso final. Si va a mostrarse a 300 píxeles de ancho, no necesitas 3000 píxeles. Redimensiona antes de comprimir. Eso solo ya puede bajar el peso un 80%.
Segundo, elimina las zonas transparentes innecesarias. Si tu imagen tiene un área transparente muy grande alrededor del objeto, recorta esos píxeles vacíos. Aunque parezca obvio, mucha gente no lo hace y el archivo arrastra megabytes de nada.
Tercero, usa la paleta de colores adecuada. Si tu PNG tiene transparencia pero solo unos pocos colores (como un icono plano), conviértelo a PNG-8 con transparencia. Eso reduce el peso drásticamente. En Photoshop, por ejemplo, puedes guardar como PNG-8 y seleccionar "Transparencia". Para imágenes con degradados o sombras suaves, quédate en PNG-24 o PNG-32.
Cuarto, cuidado con las sombras y los bordes suaves. La compresión agresiva de la paleta puede crear halos o bordes dentados en las zonas semitransparentes. Si tu imagen tiene una sombra difuminada, prueba primero con compresión sin pérdida (OptiPNG) y luego, si necesitas más, usa PNGQuant con una paleta de 256 colores. Revisa siempre al 100% de zoom.
Quinto, no rellenes el fondo con blanco. Jamás. Si un programa te ofrece "aplanar" la imagen para comprimir, recházalo. Eso destruye la transparencia. Busca opciones que digan "mantener canal alfa" o "preservar transparencia".
He visto muchos tutoriales que recomiendan convertir PNG a JPG para reducir peso. Error garrafal. El JPG no soporta transparencia, así que el fondo se vuelve blanco, negro o del color que el programa decida. Si necesitas transparencia, olvídate del JPG.
Otro error es usar compresores online que no indican si conservan el canal alfa. Algunos, como ciertos optimizadores genéricos, convierten internamente a JPG y luego vuelven a PNG, perdiendo la transparencia en el proceso. Antes de usar cualquier herramienta, haz una prueba con una imagen pequeña y verifica que el fondo sigue siendo transparente. Puedes abrirla en Photoshop, GIMP o incluso en un visor de imágenes que muestre el canal alfa.
También es común pasarse con la reducción de colores. Si bajas a 16 colores una imagen con degradados transparentes, aparecerán bandas y bordes sucios. Mejor quedarse en 256 colores o usar compresión sin pérdida si la calidad es crítica.
Y ojo con los metadatos. Los PNG pueden incluir perfiles de color, textos, capas y otra información que aumenta el peso. Herramientas como ImageOptim o PNGGauntlet eliminan esos datos sin tocar la imagen. Es una forma sencilla de ahorrar unos cuantos kilobytes.
Paso 1: Prepara la imagen. Recorta el espacio transparente sobrante y redimensiona a las dimensiones finales que necesitas.
Paso 2: Guarda una copia maestra en PNG-24 o PNG-32 sin compresión adicional. Es tu respaldo.
Paso 3: Pasa la imagen por una herramienta sin pérdida como ImageOptim, OptiPNG o FileOptimizer. Esto elimina metadatos y recomprime los datos. Normalmente ya obtienes una reducción del 10 al 30%.
Paso 4: Si necesitas más reducción, usa PNGQuant o TinyPNG para comprimir con pérdida selectiva. Aquí bajas la paleta de colores. Revisa el resultado en zonas con transparencia suave.
Paso 5: Si tu destino lo permite, convierte a WebP con transparencia. Verás una reducción adicional del 30 al 50% respecto al PNG ya comprimido.
Paso 6: Verifica siempre que la transparencia se mantiene. Abre la imagen en un editor y comprueba que el fondo a cuadros sigue ahí. También puedes usar una herramienta online que muestre el canal alfa.
Con este flujo, he conseguido reducir PNG con transparencia de 2 MB a menos de 200 KB sin que se note la diferencia en pantalla. Eso sí, cada imagen es un mundo: prueba y ajusta.