Trabajar con fondos transparentes
Exporta y usa correctamente imágenes con fondo transparente en distintos formatos de archivo y plataformas.
Learning Objectives
- 1Exportar un recorte como archivo PNG o WebP con un canal alfa intacto
- 2Comprender qué formatos de archivo admiten transparencia y cuáles no
- 3Solucionar problemas comunes de transparencia como halos blancos y canales alfa aplanados
Cuándo usar fondos transparentes
Después de eliminar el fondo, a menudo necesitas exportar el sujeto con la transparencia preservada para poder superponerlo en otros diseños o colocarlo sobre cualquier superficie de color. PNG es el formato más ampliamente compatible para la transparencia, ya que almacena un canal alfa completo junto a los datos de color RGB. WebP también admite transparencia alfa con tamaños de archivo más pequeños, lo que lo hace ideal para uso web. JPEG no admite ninguna transparencia y rellenará las áreas transparentes con un color sólido, normalmente blanco, así que evita JPEG cuando necesites una exportación transparente.
Exportar con canales alfa
Al exportar desde Magic Eraser, elige el formato PNG o WebP y verifica que el interruptor de transparencia esté activado. Previsualiza la exportación cambiando el lienzo a un patrón de cuadrícula a cuadros, que representa las áreas transparentes. Comprueba que la cuadrícula a cuadros aparece en todos los lugares donde se eliminó el fondo y que no quedan restos opacos. Si ves un contorno fino blanco o de color alrededor de tu sujeto, vuelve al paso de refinado de bordes y aplica la descontaminación antes de volver a exportar.
Colocar sujetos sobre nuevos fondos
Una frustración común es abrir un PNG transparente en un software que no respeta el canal alfa, lo que hace que el fondo aparezca blanco o negro. Esto es un problema de visualización, no del archivo. Verifica la transparencia arrastrando el archivo a una herramienta de diseño como Figma o Canva y colocándolo sobre un rectángulo de color. Si el fondo se transparenta, tu archivo es correcto. Para los desarrolladores web, asegúrate de que el CSS detrás de la imagen no aplique un color de fondo que oculte el efecto de transparencia deseado.
Key Takeaways
- ✓PNG y WebP admiten transparencia alfa; JPEG no
- ✓Usa la previsualización en cuadrícula a cuadros para confirmar las áreas transparentes antes de exportar
- ✓Los fondos blancos en PNG transparentes suelen ser un problema del visor, no un defecto del archivo