Por qué un PNG transparente se ve negro o blanco, y cómo evitarlo

Un PNG transparente se vuelve negro o blanco cuando un programa lo guarda como JPG, o cuando una aplicación lo recodifica, porque el JPG no tiene canal alfa en el que guardar la transparencia. El programa tiene que poner un color detrás de los píxeles transparentes. O pinta un fondo blanco o conserva los valores de color que tienen esos píxeles, que a menudo son negros. Si la imagen debe seguir siendo transparente, guárdala como PNG o WebP. Si no, elige tú el fondo antes de guardarla como JPG.

Quitar fondoNecesito quitar el fondoÚsalo gratis

Qué es la transparencia en un PNG

Un PNG puede guardar un canal alfa junto con los valores de rojo, verde y azul de cada píxel. El alfa indica cuánto opaco es un píxel. Un píxel totalmente transparente muestra lo que hay detrás de la imagen, como el color de una página o el fondo de un documento. Es el visor el que hace la mezcla, así que el mismo archivo se ve bien sobre una página blanca y sobre una oscura.

El JPG no tiene canal alfa. Cada píxel es un color sólido, así que una zona transparente tiene que escribirse con algún color, y el formato no permite al conversor mantener la idea de transparencia.

Por qué se vuelve negro o blanco

Cuando un conversor elimina el canal alfa, tiene que decidir en qué se convierte cada píxel que antes era transparente. Hay dos resultados habituales:

• Color guardado. Un píxel transparente sigue teniendo valores de rojo, verde y azul, y en muchos recortes esos valores son negros. Un conversor que simplemente descarta el alfa conserva esos valores, así que el fondo se ve negro.
• Color de relleno. Otros conversores pintan primero un fondo, normalmente blanco, y dibujan la imagen encima. La herramienta de conversión funciona así: al guardar como JPG, rellena las zonas transparentes de blanco, y lo indica junto a sus controles.

Las aplicaciones añaden una tercera vía. Los formularios de subida, las apps de chat y los clientes de correo suelen recodificar las imágenes antes de mostrarlas, y algunos las convierten a JPG en el proceso. El resultado depende de la app, así que el mismo PNG puede verse bien en un sitio y negro en otro.

Conserva la transparencia o elige el fondo

Decide cuál de los dos resultados necesitas:

Necesitas	Guarda como	Resultado
Un recorte para una web o un diseño	PNG o WebP	Se mantiene la transparencia
El mismo recorte sobre un fondo liso	JPG	Un color de fondo que tú eliges

Para mantener la transparencia, abre la herramienta de conversión y elige PNG, o WebP si tu navegador puede guardarlo. Los dos conservan las zonas transparentes. La herramienta de compresión también mantiene la transparencia: guarda una imagen transparente como WebP, o como PNG en navegadores que no pueden escribir WebP, como Safari.

Si necesitas crear la transparencia primero, usa la herramienta para quitar el fondo. Ejecuta un modelo de IA en tu navegador, y la opción que elijas al descargar decide el formato:

1. Mantenla transparente, y la herramienta guarda un PNG.
2. Elige blanco, un color o un desenfoque, y guarda un JPG con ese fondo.

Si un formulario exige JPG, elige el fondo en el paso del recorte. No lo dejes en manos del conversor, que puede elegir negro.

Comprueba si la transparencia se conservó

Abre el archivo convertido sobre dos fondos antes de fiarte de él. Ponlo en una página web blanca y en otra oscura, o colócalo sobre una diapositiva o un documento de color. Si la imagen muestra el mismo fondo en ambos casos, el archivo no tiene transparencia y el color está integrado. Si el color que rodea la imagen cambia, la transparencia se conservó.

Los editores muestran la transparencia de otra manera. Muchos dibujan detrás de las zonas transparentes un tablero de cuadros gris y blanco, mientras que los visores sencillos pueden mostrar negro o blanco. El tablero de cuadros es la forma que tiene el editor de indicar que allí no hay nada, y no es un motivo de la imagen. Revisa el archivo en el programa donde se vaya a usar, y toma cualquier otra vista previa como una orientación aproximada.

Elige el relleno con intención

Cuando la salida tenga que ser un JPG, decide el fondo antes que el conversor. El blanco va bien con una página o un documento blancos. Un color sólido va bien con un bloque de marca o una página de color, y debe coincidir con la página que hay detrás de la imagen para que los bordes suaves se integren. La opción de desenfoque de la herramienta para quitar el fondo rellena el fondo con una copia suave y desenfocada de la misma foto, lo que puede verse más natural que un relleno liso en una fotografía. Elige la opción que encaje con el lugar donde irá la imagen y compruébala allí.

Cómo hacerlo con fixmint

1. Conserva el PNG transparente original y no lo guardes como JPG, porque el JPG elimina la transparencia.
2. Para una web o un diseño, conviértelo a PNG o WebP para que las zonas transparentes sigan vacías.
3. Si necesitas un JPG, añádele tú el fondo. La herramienta para quitar el fondo puede poner un fondo Blanco, de Color o Desenfocado detrás de un sujeto, y guarda un JPG.
4. Abre el archivo sobre dos fondos antes de usarlo. Si el color que lo rodea cambia, la transparencia se conservó. Comprímelo al final, si un formulario fija un tamaño máximo.

Casos especiales

• Bordes suaves. El pelo, las sombras y el cristal tienen píxeles parcialmente transparentes que aún conservan el color del fondo antiguo. Sobre un fondo nuevo puede aparecer un halo claro u oscuro. Usa un recorte de bordes limpios, o elige un color de fondo parecido al original.
• El JPG no puede conservar la transparencia. Si un formulario solo acepta JPG, la transparencia tiene que sustituirse por un color. Ningún ajuste del JPG cambia eso.
• Compruébalo en el destino. Mira el archivo donde se vaya a usar, como el formulario, la página o la app. Una vista previa puede usar un fondo distinto del real.
• Elegir un formato. Para gráficos en la web, el PNG es la opción habitual. JPG, PNG y WebP los compara con más detalle. Si un archivo WebP no se abre en una app, consulta por qué no se abre una imagen WebP.