Arrastras un PNG "transparente" a una diapositiva oscura y aparece un rectángulo blanco con él. El archivo se veía bien en el editor. Entonces, ¿qué ha pasado? La respuesta está en un cuarto canal que casi nunca se mira. Cada píxel de una imagen lleva valores de rojo, verde y azul y, en algunos formatos, un cuarto número llamado canal alfa que indica cuánto de ese píxel debe mostrarse.
Esta guía explica qué almacena ese número, qué formatos lo conservan (PNG y WebP), cuáles lo reducen a un interruptor (GIF), cuáles lo descartan (JPG) y por qué SVG juega con reglas distintas. De paso, leemos el canal alfa de siete recortes reales píxel a píxel, así que los números de abajo salen de archivos y no de la teoría.
Un PNG, cuatro fondos. La zapatilla es una entrada de prueba generada por IA y recortada con el eliminador de fondos de Atlas Cloud; el archivo se colocó sobre cada fondo sin modificarlo.
Puntos clave
- Un canal alfa es un cuarto canal que almacena la opacidad de cada píxel, de 0 (totalmente transparente) a 255 (totalmente sólido) en una imagen de 8 bits.
- PNG y WebP conservan un canal alfa completo. GIF solo puede marcar un color de la paleta como transparente. JPG no almacena ninguna transparencia.
- El eliminador de fondos con IA gratuito de Atlas Cloud devuelve un PNG transparente con el tamaño en píxeles que subiste, procesado dentro de tu navegador.
- En siete recortes medidos, solo entre el 0,7 % y el 2,2 % de los píxeles eran parcialmente transparentes. Esa banda fina es el borde con suavizado que mantiene el pelo y los contornos con aspecto natural.
- Un PNG que muestra un fondo blanco o negro en un visor normalmente no ha perdido su canal alfa. Compruébalo sobre un fondo oscuro o de tablero de ajedrez antes de volver a exportar nada.
Qué almacena un canal alfa dentro de cada píxel
Si preguntas qué es un canal alfa, lo normal es recibir una metáfora. Aquí tienes el número. La especificación PNG del W3C lo define en una frase: "The alpha sample determines a pixel's degree of opacity, where zero means fully transparent and the maximum value means fully opaque". En una imagen de 8 bits el máximo es 255, lo que da 256 niveles entre transparente y sólido.
PNG también admite alfa de 16 bits. La especificación permite profundidades de bits de 8 o 16 para sus dos tipos de color con alfa, escala de grises con alfa y color verdadero con alfa, y un canal alfa de 16 bits tiene 65.536 niveles. Fuera de los flujos de composición, lo que te encontrarás son 8 bits.
Así que un píxel RGBA son cuatro números. Tres describen el color y uno describe la cobertura. Cambia solo el cuarto y el color no se mueve mientras el píxel se desvanece. Ese es todo el truco que hay detrás de los bordes suaves del pelo, las sombras paralelas y el cristal que deja ver el fondo.
La palabra "transparente" esconde una distinción importante. Algunos formatos almacenan un valor alfa completo por píxel, de modo que un píxel puede ser visible al 37 %. Otros almacenan una única marca de sí o no: este píxel se dibuja, ese otro se omite. A ambos se los llama transparencia, y solo el primero puede desvanecer un borde. Ten presente esa distinción, porque es la razón de que las pegatinas GIF se vean dentadas y los recortes PNG no.
Otro término que encontrarás en herramientas de vídeo y de juegos: alfa premultiplicado. En un archivo directo (o no premultiplicado), los valores de color se almacenan a plena intensidad y el alfa los escala en el momento de mostrarlos. En un archivo premultiplicado, los valores de color ya se han multiplicado por el alfa, así que un píxel rojo medio visible se almacena como rojo a media intensidad. PNG usa el tipo directo; la especificación afirma que los valores de color "are not premultiplied by the alpha value".
La idea tiene su rastro documental. El memorando de Alvy Ray Smith de 1995 sobre la historia del alfa se atribuye a sí mismo y a Ed Catmull el concepto en los años setenta en el New York Institute of Technology, y atribuye al artículo de Porter y Duff de 1984 el haber trazado la línea entre las dos convenciones. Para el trabajo diario de web e impresión puedes ignorar la diferencia; tu editor se encarga de ello.
Cómo guardar un PNG con fondo transparente
Muchos problemas de "mi exportación no es transparente" se deciden antes de que se abra el cuadro de diálogo de guardado. Tres reglas lo cubren. La capa de fondo tiene que estar oculta o eliminada, de modo que el lienzo muestre un tablero de ajedrez en el editor. El formato tiene que ser uno con canal alfa, lo que en la práctica significa PNG o WebP.
Y la opción de PNG debe ser la de 8 bits por canal, a menudo etiquetada como PNG-24 o 32 bits, en lugar de una versión con paleta que algunos exportadores reducen a transparencia de encendido o apagado. La especificación PNG sí permite que una imagen indexada lleve "the alpha table that associates an alpha sample with each palette entry", pero no puedes contar con que todas las herramientas la usen.
Las rutas de menú de abajo proceden de la documentación de cada fabricante.
| Software | Dónde está la exportación a PNG transparente |
|---|---|
| Eliminador de fondos de Atlas Cloud | Haz clic en Descargar; el canal alfa ya está en su sitio, así que no hay ningún ajuste de formato que puedas equivocar |
| Photoshop | Archivo > Exportar > Exportar como, elige PNG como formato y permite la transparencia en los ajustes del formato |
| GIMP 3.0 | Archivo > Exportar como, nombra el archivo .png; la opción "Guardar los valores de color de los píxeles transparentes" solo se aplica a imágenes de una sola capa |
| Figma | Selecciona el marco y añade una exportación PNG en la barra lateral derecha; si el marco tiene relleno, desmarca Mostrar en exportaciones en la sección Relleno |
| PowerPoint | Formato de imagen > Quitar fondo; después, haz clic con el botón derecho en la imagen, elige Guardar como imagen y selecciona PNG en la lista Guardar como tipo |
Sea cual sea la herramienta que uses, mira el resultado sobre un tablero de ajedrez antes de descargar. El panel de resultados de Atlas muestra exactamente eso, así que puedes ver el canal alfa funcionando antes de que el archivo llegue siquiera a tu disco.
Convierte cualquier imagen en un PNG transparente con un clic
La forma más rápida de conseguir un archivo con un canal alfa real es dejar que un modelo de segmentación construya uno. Atlas Cloud ejecuta una herramienta de eliminación de fondos dentro de la pestaña del navegador, una de un pequeño conjunto de herramientas de IA gratuitas del sitio que no necesitan cuenta. Arrastras una foto, haces clic en Run Free y descargas el resultado.
El modelo se ejecuta localmente a través de WebGPU, con un respaldo WASM en máquinas que no lo tienen, y completamos un recorte con la red desconectada. No hay marca de agua ni registro.
Los sujetos no se limitan a los retratos. En las pruebas, una foto de grupo, un perro de pelo largo, una zapatilla blanca, una firma manuscrita, un logotipo de arte lineal y una camisa blanca fotografiada contra una pared blanca volvieron cada uno como un recorte utilizable, el logotipo con su espacio negativo abierto. Si el recorte que necesitas está destinado a una impresión grande, combínalo con la comparativa de ampliadores de imágenes gratuitos que hicimos, ya que el canal alfa escala con la imagen.
Dentro de un recorte real: dónde están los píxeles suaves
Abrimos siete de esas salidas en Python y contamos cada píxel por su valor alfa. El patrón fue el mismo en las siete. Entre el 60,6 % y el 98,4 % de los píxeles eran totalmente transparentes, según cuánto del encuadre llenara el sujeto.
Los píxeles parcialmente transparentes, los que tienen alfa entre 8 y 250, constituían entre el 0,7 % y el 2,2 % de la imagen. Es una banda de 1 a 3 píxeles de ancho que recorre el contorno, y es la que hace todo el trabajo de suavizado.
El velo transparente nos enseñó algo que la definición por sí sola no revelaría. El canal alfa puede almacenar translucidez, pero el velo volvió con solo un 0,73 % de píxeles parcialmente transparentes, el mismo contorno fino que la zapatilla. El tejido en sí se escribió como sólido, con la vegetación que había detrás incorporada a su color. Forma preservada, translucidez perdida. Que un archivo tenga un canal alfa no te dice nada sobre si un modelo decidió usar la parte media del rango.
Una pequeña observación técnica para los curiosos: en los siete archivos los píxeles sólidos del sujeto se sitúan en alfa 254 en lugar de 255, una diferencia que ninguna pantalla puede mostrar. En los PNG a tamaño completo que inspeccionamos, cada píxel totalmente transparente lleva el mismo valor de color, negro puro, así que el archivo no almacena ningún fondo oculto que pudiera filtrarse de vuelta como fleco.
Qué formatos de imagen admiten transparencia
Cinco formatos cubren casi todos los archivos que te van a dar alguna vez. Almacenan la transparencia de cuatro maneras distintas, y la diferencia decide si un borde puede desvanecerse, si el archivo puede animarse y cuánto acaba pesando.
| Formato | Cómo se almacena la transparencia | Niveles | Bordes suaves | Animación |
|---|---|---|---|---|
| PNG | Alfa de 8 o 16 bits por píxel, o un fragmento tRNS para transparencia indexada y de un solo color | 256 o 65.536 | Sí | Sí (APNG, ahora parte de la especificación PNG) |
| WebP | Alfa de 8 bits por píxel, tanto en modo con pérdida como sin pérdida | 256 | Sí | Sí |
| GIF | Un índice de paleta marcado como transparente | 2 (encendido o apagado) | No | Sí |
| SVG | Formas vectoriales sin fondo; opacidad definida por elemento | Continuo | Sí | Sí |
| JPG | Ninguna | 1 | No | No |
¿Admite JPG la transparencia?
No. La guía de formatos de imagen de MDN lo dice sin rodeos: "JPEG does not support an alpha channel". El formato almacena tres canales de color y nada más, así que cuando guardas una imagen por capas como JPG el editor tiene que aplanarla primero sobre un color, normalmente blanco. Ese blanco pasa a ser píxeles normales, y viaja con el sujeto allá donde vaya el archivo.
Esta es también la razón de que una descarga de "JPG transparente" no sea lo que promete. O el archivo es en realidad un PNG con la extensión equivocada, o el tablero de ajedrez que ves está pintado en los píxeles. Cambiarle el nombre a un .jpg por .png cambia la etiqueta de la caja, no el contenido. Si necesitas transparencia, hay que abrir el JPG, quitar el fondo y guardar el resultado en un formato que pueda contener un canal alfa.
GIF transparente: un color, bordes duros
La transparencia de GIF viene de la revisión 89a del formato, y se le nota la edad. La especificación GIF89a añade una Extensión de Control Gráfico con un Índice de Transparencia, descrito así: "The Transparency Index is such that when encountered, the corresponding pixel of the display device is not modified and processing goes on to the next pixel". Se declara transparente una entrada de la tabla de colores. Todos los demás píxeles se dibujan a plena intensidad.
Eso convierte la transparencia de GIF en un asunto de 1 bit. Un píxel o se omite o se pinta, y con una paleta de 256 colores como máximo no hay sitio para un borde medio visible. Pon un recorte GIF sobre un fondo distinto del que se usó para crearlo y el contorno se escalona como una escalera, a menudo con un fleco pálido donde los píxeles con suavizado se forzaron a sólido.
Convertimos el recorte de la zapatilla a GIF con un umbral alfa de 128, el valor predeterminado habitual, y ampliamos la misma región del cordón tres veces. El lado de 8 bits se desvanece a lo largo de dos o tres píxeles. El lado GIF es todo ángulos rectos. Si necesitas un GIF transparente para un cliente que no acepta otra cosa, constrúyelo sobre el color de fondo en el que va a ir, para que el fleco coincida en lugar de brillar.
Transparencia de WebP en archivos con y sin pérdida
WebP es el formato que por fin dio un canal alfa a la compresión con pérdida. La documentación de compresión de Google describe "another WebP mode that allows lossy encoding for RGB channels and lossless encoding for the alpha channel", y su referencia de cwebp fija la calidad alfa predeterminada en 100, lo que significa que el plano alfa se almacena sin pérdida a menos que indiques lo contrario.
La página de resumen de Google sitúa a WebP sin pérdida un 26 % más pequeño que PNG, dice que la transparencia añade alrededor de un 22 % en bytes y sitúa a WebP con pérdida y transparencia en típicamente 3 veces más pequeño que PNG.
Nuestros propios números estuvieron en ese entorno. Tomamos un recorte de 2048 x 1152 directamente del eliminador de fondos, un PNG de 1.211 KB, y lo volvimos a guardar con Pillow con los ajustes predeterminados.
WebP sin pérdida salió en 660 KB, un 46 % más pequeño, y cada valor alfa coincidía exactamente con el PNG. WebP con pérdida con calidad 80 salió en 124 KB, y su plano alfa seguía siendo idéntico byte a byte al original. Lo único que cambió fueron los datos de color. Para la entrega web de recortes, ese suele ser el archivo que quieres. Para una copia maestra que piensas seguir editando, quédate con PNG o WebP sin pérdida.
Fondo transparente de SVG: no hay fondo que quitar
SVG no tiene un fondo que volver transparente, porque nunca lo tuvo. Un archivo SVG es una lista de instrucciones de dibujo: dibuja este círculo aquí, rellénalo con este color. Nada de esa lista pinta el lienzo a menos que añadas un rectángulo que lo cubra. Cuando un SVG parece tener un fondo blanco, lo que estás viendo es la página o el visor que hay detrás.
La transparencia dentro de un SVG se define por elemento. La referencia de MDN describe el valor de relleno none como no pintar ningún relleno, de modo que el interior de una forma queda transparente. El atributo fill-opacity desvanece solo la pintura del interior de una forma, mientras que opacity desvanece todo el elemento, incluido el trazo.
Dos cosas despistan a la gente. Una foto de mapa de bits incrustada en un SVG mediante un elemento image conserva el canal alfa que tenga la foto, así que un JPG dentro de un SVG sigue llevando su caja blanca. Y pasar una foto por un conversor de mapa de bits a SVG no quita un fondo; traza el fondo en formas junto con todo lo demás.
¿Por qué mi PNG no es transparente?
Haz estas comprobaciones en orden. Un archivo que pase la primera no necesita ningún arreglo.
El visor pintó el fondo. Los visores de imágenes tienen que poner algo detrás de los píxeles transparentes, y muchos eligen blanco o negro. El archivo no ha cambiado; solo la visualización. Abre el mismo PNG en una aplicación de diseño, en una pestaña del navegador con una página oscura o en una diapositiva con un relleno oscuro. Si la caja desaparece, para aquí.
El archivo no tiene canal alfa. Un JPG renombrado a .png, una captura de pantalla de una imagen transparente o un archivo que pasó por una aplicación de mensajería o un CMS que lo recodificó se verán opacos porque lo son. Comprueba el modo de imagen. En Photoshop, el panel Canales debe mostrar un canal Alfa; en Windows, Propiedades > Detalles muestra una profundidad de bits de 32 para un PNG RGBA en lugar de 24; en Python, Image.open("file.png").mode devuelve RGBA. Si falta el alfa, vuelve al original por capas y exporta de nuevo.
El borde es duro o tiene fleco. Un contorno escalonado apunta a transparencia de 1 bit, y un fleco pálido o de color apunta a píxeles de borde que todavía llevan el color del fondo antiguo. Nuestra prueba con la pared roja mostró cómo ocurre: con una camisa blanca contra una pared roja saturada, el 69 % de los píxeles de borde semitransparentes tendían al rojo, y sobre un fondo nuevo esa banda se lee como un fleco. La solución es volver a exportar con alfa de 8 bits y sin color de mate y, para los recortes, un fondo neutro en la foto original o una contracción de 1 píxel de la máscara.
El tablero de ajedrez está incrustado. Escala la imagen. Si los cuadrados grises y blancos crecen y se encogen con la imagen, son píxeles. Las imágenes de vista previa de los bancos de imágenes suelen distribuirse así. Descarga el archivo real o recorta el fondo otra vez.
Preguntas frecuentes
¿Es lo mismo un canal alfa que una máscara de capa?
Son primos. La ayuda de Adobe Photoshop describe un canal alfa como una selección almacenada como una máscara de escala de grises editable en el panel Canales, y una máscara de capa funciona igual dentro del editor. La diferencia es lo que sobrevive a la exportación. Una máscara de capa es una herramienta de edición que vive en el PSD. El canal alfa escrito en un PNG o WebP es el resultado aplanado de todas las máscaras, y es la transparencia que otras aplicaciones leen de verdad.
¿Cuántos niveles de transparencia tiene un canal alfa de 8 bits?
256, de 0 (totalmente transparente) a 255 (totalmente opaco). Un canal alfa de 16 bits, que PNG también admite, tiene 65.536. GIF tiene dos: dibujado u omitido.
¿Puedo añadir un canal alfa a un JPG?
No mientras siga siendo un JPG, ya que el formato no tiene dónde almacenarlo. Abre el archivo, separa el sujeto del fondo y guarda el resultado como PNG o WebP. La herramienta de recorte basada en navegador de Atlas Cloud hace la conversión en un solo paso: entra un JPG, sale un PNG transparente, gratis y sin inicio de sesión.
¿Funciona la transparencia de WebP en todos los navegadores?
Las versiones actuales de los principales navegadores renderizan WebP con alfa, y la tabla de compatibilidad de MDN para el formato es el lugar donde confirmar la compatibilidad de cualquier versión antigua que aún necesites servir. Si te importa un público con navegadores antiguos, sirve PNG como respaldo mediante un elemento picture.
¿Por qué mi PNG transparente tiene un halo blanco?
Los píxeles del borde son parcialmente transparentes, y su color todavía lleva el fondo del que se recortaron. En un original blanco, esa banda parece un halo blanco en cuanto colocas el recorte sobre algo oscuro. Vuelve a exportar con alfa de 8 bits y mate ajustado a ninguno, o contrae la selección un píxel antes de guardar.
Conclusión
La transparencia es un número. Cada píxel de un PNG o WebP RGBA lleva un valor alfa de 0 a 255, y una vez que eso queda claro los demás formatos se ordenan solos: GIF tiene una única marca de encendido y apagado, JPG no tiene nada y SVG no tiene fondo que quitar en primer lugar. Los siete recortes que medimos metían todo el borde con suavizado en una banda del 0,7 % al 2,2 % de la imagen, que es justo la parte que un formato de 1 bit descarta.
Si has llegado aquí preguntando qué es un canal alfa porque un archivo se negaba a ser transparente, comprueba primero el visor, luego el modo del archivo y después el borde. Y si necesitas un canal alfa limpio sin abrir un editor, un eliminador de fondos basado en navegador te lo dará en un solo PNG, con el tamaño en píxeles con el que empezaste.
