Skip to content

Guías

Cómo eliminar el fondo de una imagen sin perder calidad

Guía práctica para eliminar fondos de forma limpia: bordes, canal alfa, PNG vs WebP de salida y cuándo la IA ayuda de verdad o estorba.

Eliminar el fondo parece sencillo hasta que haces zoom. El sujeto se ve bien, pero los bordes cuentan la historia real: un halo claro alrededor del pelo, escalones en las curvas o un fleco del color del fondo original que se cuela en el recorte. Solucionarlo tiene mucho que ver con entender cómo funciona el canal alfa y con elegir bien el formato de salida.

Esta guía explica qué determina realmente la calidad del recorte, cómo elegir la salida correcta y cómo comprimir el resultado sin reintroducir artefactos.

Por qué es difícil recortar fondos de forma limpia

Una fotografía no es un diagrama. Cada píxel en la frontera entre sujeto y fondo es una mezcla de ambos: así funcionan las cámaras, y es peor en pelo, pelaje, tejidos semitransparentes y cristal. Cuando “eliminas el fondo” en realidad estás pidiendo a la herramienta que resuelva dos problemas a la vez:

  1. Decidir qué píxeles son 100% sujeto, 100% fondo o algo intermedio.
  2. Para los intermedios, averiguar el valor alfa correcto (transparencia parcial) y el color real del sujeto sin la contribución del fondo.

El segundo paso se llama descontaminación de color o eliminación de spill, y es la razón de que los recortadores baratos dejen un halo. Generan una máscara alfa decente pero dejan los píxeles teñidos por lo que había detrás. Coloca ese recorte sobre un fondo de otro color y el halo se enciende.

Elige el formato de salida correcto

El formato importa más de lo que parece. Una máscara limpia guardada en el formato incorrecto seguirá viéndose mal.

FormatoSoporte alfaIdeal paraTamaño
PNG-24 (con alfa = PNG-32)8 bits alfaRecortes, logos, productoGrande
PNG-81 bit (binario)Iconos planos, formas simplesPequeño
WebP (con pérdida)8 bits alfaWeb, sujetos tipo foto~25-35% menor que PNG
WebP (sin pérdida)8 bits alfaMisma calidad que PNG, más pequeño~20% menor que PNG
AVIF8 bits alfaMáxima compresión, navegadores modernos~50% menor que PNG
JPGNingunoNunca — JPG no tiene canal alfaN/A

La conclusión práctica: PNG-32 es el valor por defecto seguro, pero para web casi siempre deberías re-codificar a WebP con pérdida y alfa. Una foto de producto típica de 1200×1200 sale en torno a 380 KB en PNG y unos 110 KB en WebP calidad 80 — sin diferencia visible al tamaño de visualización.

PNG-8 con alfa binario tienta por su tamaño, pero es una trampa para cualquier cosa con bordes suaves. Obtendrás escalones duros o un borde dentado con difuminado que parece barato.

Conseguir bordes limpios

La calidad del borde es donde está el trabajo. Algunas reglas que se mantienen en cualquier herramienta:

  • Dispara contra un fondo consistente cuando puedas. Un color sólido que contraste con el sujeto (ni blanco ni negro — ambos dan problemas con pelo claro u oscuro) le facilita la tarea a cualquier herramienta. Un fondo mate azul o verde sigue siendo el estándar profesional por algo.
  • Trabaja en la resolución nativa. No escales antes de recortar. Si el original es 800×600, recorta a 800×600. Escalar primero introduce píxeles interpolados que la herramienta tiene que adivinar.
  • Comprueba sobre varios fondos. Previsualiza siempre el recorte sobre fondo claro, oscuro y gris medio. Los halos solo aparecen con contraste. Un recorte que parece impecable sobre vista previa blanca puede tener un fleco verde que no notarás hasta que esté en un banner oscuro.
  • No comprimas dos veces. Si guardas un PNG y luego lo re-codificas a un formato con pérdida, hazlo una sola vez. El encadenamiento con pérdida acumula artefactos, especialmente en el borde alfa.

Para pelo y pelaje, normalmente es mejor aceptar un borde ligeramente más suave que forzar nitidez. Los bordes duros en el pelo se leen como falsos al instante.

Cuándo ayuda la IA y cuándo no

Los recortadores de IA modernos (los que ejecutan un modelo de segmentación en tu navegador) son genuinamente buenos con personas, productos y mascotas. Fallan de forma inconsistente con:

  • Cristal, plástico transparente, botellas con líquido.
  • Sujetos vestidos del color del fondo (camisa blanca sobre fondo blanco).
  • Oclusiones complejas: sujeto sujetando una silla de rejilla, encaje, cadenas.
  • Poco contraste entre sujeto y fondo.

En esos casos, un flujo manual o semimanual suele ganar al “un clic” de la IA. Selección con pluma para bordes duros, combinada con un alfa refinado a mano para las partes suaves, sigue siendo la aproximación de mayor calidad.

Como OpenImages procesa todo en el lado del cliente en el navegador, la imagen original nunca sale de tu máquina. Eso importa para fotografía de producto bajo NDA, retrato y cualquier cosa que prefieras no subir a servidores de terceros. No hay cola de “procesando” en la GPU de otro — el trabajo ocurre localmente.

Comprime el resultado sin romper el alfa

Una vez tengas un recorte limpio, normalmente querrás comprimirlo para entrega. Dos cosas a vigilar:

  • No uses un optimizador JPG sobre un PNG con alfa. Perderás el canal alfa por completo. Usa Compress PNG o Compress WebP.
  • Si comprimes a WebP con pérdida y alfa, prueba calidades 75, 80 y 85. La compresión alfa es independiente de la de color, y el punto dulce para el alfa suele estar unos puntos por encima del de color.

Un pipeline final típico para e-commerce se parece a esto:

  1. Elimina el fondo del original (por ejemplo, PNG 3000×3000).
  2. Redimensiona al tamaño de visualización — normalmente 1200×1200 para página de detalle de producto.
  3. Comprime a WebP calidad 82 con alfa.
  4. Añade un fallback PNG solo si tu tráfico incluye navegadores anteriores a 2020, lo cual a estas alturas es casi nadie.

Los tamaños de archivo con ese pipeline caen en 80-120 KB por imagen, desde 8-12 MB del original — una reducción de 100× sin pérdida visible en una ficha de producto estándar.

Checklist rápido de calidad

Antes de publicar un recorte:

  • Previsualízalo sobre fondo claro, oscuro y gris medio.
  • Revisa pelo y bordes finos al 100% de zoom.
  • Confirma que el alfa es de 8 bits, no de 1 bit (sin escalones en curvas).
  • Verifica que el archivo guardó el canal alfa: abre el resultado en un visor y confirma que ves el damero de transparencia, no un fondo blanco incrustado.
  • Si vas a publicar en web, mide el tamaño. Cualquier cosa por encima de 300 KB para una foto de producto estándar es señal de que algo salió mal antes.

La eliminación de fondo es una de las pocas tareas de imagen donde gastar un minuto extra en QA compensa cada vez que la imagen se visualiza. Publícala con descuido y el fleco aparecerá en cada dispositivo, en cada newsletter, en cada vista previa social. Publícala con cuidado y nadie notará jamás el trabajo.

Herramientas relacionadas

Preguntas frecuentes

¿Funcionan bien los recortadores de fondo con IA en el pelo?

Los modelos de segmentación modernos gestionan el pelo sorprendentemente bien en personas, productos y mascotas, pero son inconsistentes en casos límite: sujetos vestidos del color del fondo, escenas de bajo contraste, cristal u oclusiones complejas como rejillas o encajes. Para bordes de pelo limpios suele ser mejor aceptar un borde ligeramente más suave que forzar nitidez, porque los bordes duros en el pelo se leen como falsos al instante. Para los casos más difíciles, una selección con pluma combinada con un alfa refinado a mano sigue ganando a la IA de un solo clic.

¿Debería guardar un recorte como PNG o WebP con alfa?

Para entrega web, WebP con pérdida y alfa es casi siempre la decisión correcta. Una foto de producto 1200×1200 suele pesar unos 380 KB en PNG-32 y unos 110 KB en WebP calidad 80, sin diferencia visible al tamaño de visualización. PNG-32 es un formato seguro para archivo o master. Evita PNG-8 con alfa binario para cualquier cosa con bordes suaves: obtendrás escalones duros o bordes dentados con difuminado. AVIF con alfa es otro 30-40% más pequeño que WebP si puedes permitirte el tiempo de codificación.

¿Por qué mi recorte tiene un halo blanco?

El halo es contaminación de color del fondo original. Los recortadores baratos generan una máscara alfa decente pero dejan los píxeles del sujeto teñidos por lo que había detrás. Al colocar el recorte sobre un fondo de otro color, el halo se enciende. El nombre técnico es descontaminación de color o eliminación de spill. Para detectarlo, previsualiza siempre el recorte sobre fondo claro, oscuro y gris medio antes de publicar — los halos solo aparecen con contraste, así que una página de vista previa blanca esconde el problema.

¿Guardar un PNG y re-codificar a WebP pierde calidad?

Re-codificar con pérdida sobre con pérdida acumula artefactos, sobre todo en el borde alfa donde la compresión trabaja más. Si puedes, ve desde el origen (PNG o el archivo con capas) directamente al WebP final en una sola pasada, sin guardar un paso intermedio con pérdida. Para WebP con alfa, prueba calidades 75, 80 y 85 — la compresión alfa es independiente de la de color, y el punto dulce para alfa suele estar unos puntos por encima del de color.

Patrocinado