Fondo transparente PNG: cómo hacerlo y cuándo usar otro formato
Aiko Tanaka
Hacer un fondo transparente es la parte fácil. Lo que falla es el paso siguiente: guardarlo en un formato que conserve la transparencia. Un JPG con «fondo transparente» es una contradicción, y sin embargo es el archivo que llega más a menudo.
Respuesta directa. Quita el fondo con una herramienta de IA y guarda en PNG o WebP, que son los formatos que conservan el canal alfa. JPG no admite transparencia: rellenará el fondo. Y comprueba el resultado sobre un fondo de color, no en el visor por defecto, que muestra la transparencia como blanco.
Cómo hacerlo
- Sube la imagen a una herramienta para quitar el fondo.
- La IA aísla el sujeto y elimina el fondo automáticamente.
- Descarga en PNG. El archivo llevará el canal alfa con la información de transparencia.
Eso es todo el proceso. Los dos minutos siguientes son los que importan.
El canal alfa, y por qué no es un interruptor
Un píxel de imagen normal guarda tres valores: rojo, verde y azul. Un píxel con transparencia guarda un cuarto: el alfa, que va de 0 (totalmente transparente) a 255 (totalmente opaco).
Lo importante es que admite todos los valores intermedios. Eso es lo que permite:
- Bordes de cabello donde cada píxel es parcialmente mechón y parcialmente fondo
- Vidrio y plástico que dejan ver lo que hay detrás sin ser invisibles
- Sombras suaves que se desvanecen en lugar de cortarse
- Antialiasing en los bordes curvos, sin escalones
Un recorte que solo usa 0 y 255 —transparente u opaco, nada en medio— es el que produce el efecto de tijera. Cuando un recorte se ve mal, casi siempre es esto.
Los formatos, y cuál elegir
| Formato | Transparencia | Peso | Cuándo |
|---|---|---|---|
| PNG | Sí, alfa completo | Alto | Archivo maestro |
| WebP | Sí, alfa completo | Bajo | Publicar en web |
| AVIF | Sí | Muy bajo | Web, si no necesitas navegadores antiguos |
| SVG | Sí | Mínimo | Solo gráficos vectoriales, no fotos |
| GIF | Solo 0 o 255 | Medio | Prácticamente nunca |
| JPG | No | Bajo | Cuando no necesitas transparencia |
La estrategia que funciona: PNG como maestro, WebP para publicar. El PNG guarda todo sin pérdida y de él sacas lo demás; el WebP pesa la mitad o menos con la misma transparencia. Puedes convertir entre los dos con el convertidor a WebP.
El GIF merece una nota: su transparencia es binaria, sin valores intermedios. Eso significa bordes con escalones en cualquier forma que no sea rectangular. No lo uses para recortes.
Cómo comprobar que la transparencia está ahí
El visor de imágenes de tu sistema muestra las zonas transparentes en blanco. Así que un PNG correcto y un JPG con fondo blanco se ven idénticos.
Dos formas de comprobarlo de verdad:
Ábrelo sobre un fondo de color. Pégalo en un documento con fondo oscuro. Si aparece un rectángulo blanco alrededor, la transparencia no está.
Mira el tamaño del archivo. Un PNG con transparencia de una imagen mediana pesa bastante más que el JPG equivalente. Si tu «PNG transparente» pesa 80 KB, probablemente no es lo que crees.
Los errores frecuentes
Guardar en JPG en un paso intermedio. El más común. Recortas bien, guardas en JPG «para que pese menos», y el alfa desaparece sin aviso. Después vuelves a guardar en PNG y el archivo tiene extensión correcta pero fondo blanco incrustado.
Dejar la sombra dentro del recorte. Si la sombra del objeto queda en el PNG, no podrás cambiarla al colocarlo sobre otro fondo. Guarda el recorte limpio y añade la sombra en cada composición.
Usar transparencia donde no hace falta. Si la imagen siempre va sobre blanco, un JPG sobre blanco pesa mucho menos y se ve igual. La transparencia tiene un coste en peso; úsala cuando el fondo vaya a cambiar.
Subir un PNG transparente a un marketplace. Amazon y la mayoría exigen JPG con fondo blanco. Exporta esa versión aparte en lugar de subir el maestro.
Halo de color en los bordes
Si al colocar el recorte sobre un fondo oscuro aparece un contorno claro, es un resto del fondo original en los píxeles semitransparentes del borde.
Ocurre cuando el sujeto se fotografió sobre un fondo muy contrastado con el nuevo. La solución no es rehacer el recorte: es una segunda pasada con la herramienta para quitar objetos marcando el borde afectado.
Conclusión
Quita el fondo, guarda en PNG y comprueba el resultado sobre un fondo de color antes de darlo por bueno. Usa WebP para publicar, no uses GIF para recortes y nunca pases por JPG si vas a necesitar la transparencia después.
Aiko Tanaka
Trabajo con marcas pequeñas, cafeterías, creadores y negocios locales en sistemas visuales, disciplina de composición, tipografía y tableros de referencia. Me centro en explorar conceptos rápido sin renunciar a un punto de vista de diseño claro.
Preguntas frecuentes
Sube la imagen a una herramienta que quite el fondo con IA y descarga el resultado en PNG. El PNG conserva el canal alfa, que es lo que guarda la información de transparencia. No hace falta seleccionar nada a mano ni usar un editor de escritorio.
