Eliminación de fondos de imágenes en línea (AI BiRefNet)

Eliminación del fondo de imágenes: IA y herramienta JS

Para quitar el fondo de una fotografía no es obligatorio abrir un editor gráfico complejo y trazar cada contorno a mano. En FillTools hay dos formas de procesar imágenes: la eliminación automática del fondo mediante la red neuronal BiRefNet y el algoritmo clásico en JavaScript, que funciona directamente en el navegador.

Estos modos resuelven una tarea similar, pero utilizan enfoques distintos. La IA analiza la imagen y determina el objeto principal, por lo que resulta especialmente útil para fotografías de personas, productos y escenas complejas. JS trabaja con los colores de los píxeles, por lo que es adecuado para fondos uniformes, iconos, esquemas y capturas de pantalla.

Después del procesamiento se puede revisar la máscara, corregir los bordes, borrar zonas sobrantes o recuperar partes de la imagen. El resultado final se guarda en formato PNG. La elección del modo depende de la propia imagen: a veces es mejor confiar la selección a la red neuronal y otras veces es más rápido usar el algoritmo habitual por color.

En qué se diferencian los modos IA y JS

Antes de empezar conviene tener en cuenta no solo la calidad de la selección automática, sino también el tipo de imagen, la privacidad y el método de procesamiento. A continuación se indican las principales diferencias entre los dos modos de FillTools.

Para una fotografía de una persona en el interior de una habitación o en la calle, normalmente conviene empezar con la IA. Si se necesita hacer transparente un fondo uniforme alrededor de un logotipo, un esquema o un pictograma, pruebe JS. Esta elección ayuda a evitar procesamientos innecesarios y a obtener un resultado que requerirá menos correcciones manuales.

Eliminación de fondo con IA mediante BiRefNet

El modo IA utiliza el modelo de red neuronal BiRefNet-general (ONNX). En lugar de buscar un único color de fondo, el modelo analiza la imagen en conjunto y genera una máscara que determina qué zonas pertenecen al primer plano y cuáles deben volverse transparentes.

Esto es importante para fotografías en las que no hay un límite claro entre el objeto y el fondo. Por ejemplo, el cabello puede fundirse parcialmente con los detalles del entorno, el pelaje forma un contorno irregular y los bordes de la ropa pueden verse borrosos por la iluminación o el movimiento. La selección habitual por color en estos casos a menudo deja halos o elimina parte del propio objeto.

BiRefNet-general genera una máscara de primer plano que se puede usar como base para el canal alfa y para ajustar después las transiciones en los bordes. Esto es útil para retratos, fotografías de mascotas, imágenes de productos y otras imágenes en las que es importante conservar un contorno complejo.

Sin embargo, la red neuronal no siempre determina correctamente la función de cada detalle. Un sector uniforme de un diagrama, una línea fina de un esquema o parte de un logotipo pueden interpretarse como fondo. Si el objetivo principal es conservar con precisión la geometría y todos los elementos gráficos, el modo JS clásico puede resultar más práctico.

Para el procesamiento con IA, el archivo se envía al servidor, donde se ejecuta la inferencia del modelo ONNX. Una vez recibida la respuesta, el ajuste posterior de la máscara se realiza en el cliente. Según el esquema previsto, el servicio no almacena el archivo original después de finalizar la solicitud. Se necesita conexión a internet y las solicitudes de IA repetidas están limitadas por un cupo establecido.

Eliminación clásica de fondo en el navegador con JS

No todas las imágenes necesitan una red neuronal. Si el fondo tiene un color uniforme, a menudo se puede quitar con un algoritmo sencillo que analiza los colores de los píxeles. En FillTools este modo funciona con JavaScript en el navegador y utiliza Canvas para procesar la imagen.

Una ventaja importante de este enfoque es que la fotografía no se envía al servidor para eliminar el fondo. El procesamiento se realiza localmente en el navegador, sin solicitudes de IA ni el límite de frecuencia asociado. Es una opción cómoda para imágenes sencillas y también para casos en los que no se quiere enviar la fotografía a un servidor externo.

El modo JS ofrece dos formas de determinar el color del fondo.

Selección del fondo desde los bordes de la imagen

Si no se utiliza el cuentagotas, el algoritmo comienza la comprobación desde los bordes del encuadre y busca píxeles vecinos cuyos colores sean suficientemente cercanos a los del perímetro. Se vuelven transparentes las zonas de fondo que están conectadas con el borde de la imagen y que coinciden con la sensibilidad establecida.

Este principio se denomina relleno de región contigua, o flood fill. Es útil cuando se quiere quitar el fondo alrededor de un objeto pero sin afectar a detalles de color similar dentro de él, siempre que no estén conectados con el fondo exterior.

Por ejemplo, este método puede funcionar bien para un pictograma negro sobre fondo blanco o para un objeto oscuro sobre un fondo claro uniforme. Si el fondo tiene un degradado, sombras o variaciones notables de iluminación, habrá que ajustar la sensibilidad y el resultado puede quedar irregular.

Selección con el cuentagotas

Cuando se elige un color con el cuentagotas, el algoritmo pasa al principio de chroma key. Se vuelven transparentes todos los píxeles cuyo color sea suficientemente cercano al elegido, independientemente de dónde estén situados en la imagen.

Esto es distinto de la selección desde los bordes: el algoritmo ya no se limita a la zona exterior conectada con el perímetro. Este enfoque puede ser cómodo para gráficos, capturas de pantalla o imágenes en las que el mismo color de fondo aparece en varias zonas separadas.

Al mismo tiempo, hay que tener en cuenta que el cuentagotas no distingue qué partes de la imagen son el objeto y cuáles son el fondo. Si el color elegido está presente en el propio objeto, los píxeles correspondientes también pueden volverse transparentes. La sensibilidad determina cuánto pueden diferir los colores del elegido para quedar incluidos en la eliminación.

Funciones del editor de máscara

Independientemente del modo elegido, después de eliminar el fondo se puede pasar al editor común y ajustar el resultado hasta obtener el aspecto deseado. No es necesario repetir el procesamiento de toda la imagen si el error afecta solo a una pequeña zona.

• Pincel. Úselo para corregir la máscara manualmente. El tamaño del pincel se puede cambiar según si hay que corregir un detalle pequeño o procesar una zona más grande.
• Goma. Elimine los fragmentos visibles sobrantes que hayan quedado tras la selección automática o el ajuste de sensibilidad.
• Restauración. Recupere partes de la imagen que se hayan vuelto transparentes por error. Resulta especialmente útil para elementos finos, bordes de objetos y detalles de la ropa.
• Umbral de la máscara. Para el resultado de IA, ajuste el límite entre las zonas visibles y transparentes. Cambiar el umbral puede eliminar restos de fondo, pero un ajuste demasiado agresivo también puede afectar a detalles finos del objeto.
• Suavidad de los bordes. Suavice las transiciones entre el objeto y la zona transparente si el contorno parece demasiado marcado. Para gráficos con límites nítidos, en cambio, puede ser más adecuado un borde más duro.
• Invertir la máscara. Intercambie las zonas visibles y transparentes si se quiere conservar el fondo y hacer transparente el propio objeto.
• Reemplazo del fondo. Deje el fondo transparente o elija blanco, negro u otro color para la imagen final.
• Recorte de márgenes transparentes. Elimine el espacio vacío alrededor del objeto para que el PNG sea más fácil de usar en maquetas, catálogos y otros materiales.
• Zoom. Amplíe la imagen para trabajar con más precisión en los contornos y luego reduzca la escala para evaluar el resultado completo.
• Historial de cambios. Deshaga o rehaga acciones durante la edición sin empezar todo el proceso de nuevo.

Después de la eliminación automática del fondo, conviene revisar la fotografía sobre un fondo contrastado. Sobre fondo blanco pueden pasar casi inadvertidos los restos claros, y sobre fondo oscuro, los halos oscuros. Si el contorno necesita retoques, utilice las herramientas manuales antes de guardar la versión definitiva.

Para qué tareas es adecuada la herramienta

Fotografías de productos para tiendas online

Al llenar un catálogo, las fotografías a menudo llegan de distintos proveedores y varían en fondo, iluminación y calidad. Eliminar el fondo ayuda a que las fichas de producto tengan un aspecto más uniforme, a preparar imágenes sobre fondo blanco o a conservar el producto como PNG transparente.

Para fotografías con sombras, reflejos y contornos complejos conviene empezar con la IA. Si solo hay que quitar un fondo uniforme de una imagen sencilla de producto, se puede probar JS. Los archivos finales servirán para usarlos en tiendas online, catálogos y materiales publicitarios, pero antes de publicarlos hay que comprobar los requisitos de imagen de cada plataforma.

Logotipos, iconos y diagramas

Para gráficos planos, la selección mediante red neuronal no siempre es la solución óptima. La IA puede interpretar como fondo parte de un elemento uniforme, especialmente si hay que conservar todas las líneas, sectores o detalles pequeños.

Si el gráfico está sobre un fondo uniforme, el modo JS suele ofrecer más previsibilidad. La selección desde los bordes ayuda a quitar el fondo exterior, y el cuentagotas permite hacer transparentes los píxeles del color elegido en toda la imagen. Para casos más complejos se puede ajustar la sensibilidad o retocar la máscara manualmente.

Diseño de sitios web y materiales publicitarios

Las imágenes transparentes son cómodas de usar en banners, presentaciones, portadas, tarjetas de servicios y maquetas de páginas. El objeto recortado se puede colocar sobre otra fotografía, un degradado o un color corporativo sin el fondo rectangular alrededor.

Para fotografías de personas y objetos con contornos complejos conviene probar la IA. Para capturas de pantalla de interfaces, pictogramas y elementos gráficos con fondo uniforme, a menudo es más adecuado JS. Tras el procesamiento se puede guardar un PNG transparente y usarlo en Figma, Photoshop u otro editor.

Contenido para redes sociales

Al crear portadas, publicaciones publicitarias, stickers y vistas previas, a menudo hay que separar a una persona o un objeto de su fondo original. La IA ayuda a automatizar la selección de un retrato, y JS puede ser útil para elementos gráficos con un fondo uniforme y nítido.

Si el resultado automático no se ajusta del todo a lo que se busca, se puede editar la máscara, cambiar el color del fondo o recortar los márgenes transparentes. Esto permite preparar la imagen para una composición sin pasar inmediatamente a una selección manual compleja.

Cómo eliminar el fondo de una fotografía

1. Cargue la imagen. Haga clic en «Seleccionar archivo» y añada la fotografía deseada. Para el procesamiento con IA, el archivo se enviará al servidor, mientras que el modo JS procesa la imagen localmente en el navegador.
2. Elija el modo. Active la IA para fotografías con fondo complejo, personas, productos y cabello. Elija JS para fondos uniformes, iconos, diagramas o capturas de pantalla.
3. Haga clic en «Eliminar fondo». En el modo IA, espere la respuesta del servidor. En el modo JS, ajuste la sensibilidad y, si es necesario, use el cuentagotas para elegir el color que se va a eliminar.
4. Revise la máscara. Compruebe que las partes necesarias del objeto sigan visibles y que el fondo sobrante se haya vuelto transparente. Amplíe la imagen si necesita examinar detalles pequeños.
5. Corrija los defectos. Utilice el pincel, la goma o la restauración. Para la IA se pueden ajustar además el umbral y la suavidad de los bordes.
6. Elija el fondo y guarde el resultado. Deje la transparencia o establezca el color deseado. Si es necesario, recorte los márgenes vacíos y descargue el PNG final.

Cómo obtener un mejor resultado

La mejor forma de procesamiento depende de cómo sea la imagen. Si el fondo es uniforme y los límites del objeto son nítidos, empiece con JS. Si la fotografía contiene cabello, pelaje, iluminación compleja o muchos detalles pequeños, pruebe la IA. No hace falta usar la red neuronal para cada archivo: a veces un algoritmo sencillo por color da un resultado más limpio.

En el modo JS, empiece con una sensibilidad moderada. Si el fondo no se elimina por completo, auméntela poco a poco comprobando que no desaparezcan partes del propio objeto. Si un color similar aparece en distintas partes de la imagen, el cuentagotas puede eliminarlo no solo en el fondo exterior, sino también dentro del objeto.

En el modo IA, preste atención a los detalles finos y a los bordes semitransparentes. Si parte del objeto se ha vuelto transparente, pruebe a cambiar el umbral de la máscara o a restaurarla manualmente. Si ha quedado un halo alrededor del objeto, revise la suavidad de los bordes y evalúe el resultado sobre otro color de fondo.

En cualquier modo, es recomendable usar imágenes de calidad suficiente. Una compresión fuerte, bordes borrosos y colores similares entre el objeto y el fondo pueden dificultar la selección. Antes de guardar definitivamente, revise el contorno con zoom y asegúrese de que las zonas transparentes corresponden realmente a lo que espera.

Elija el método adecuado y continúe trabajando

Eliminar el fondo no siempre requiere el mismo enfoque. La red neuronal BiRefNet ayuda a separar objetos en fotografías complejas, mientras que el algoritmo clásico JS permite quitar rápidamente un fondo uniforme sin enviar la imagen al servidor.

En FillTools ambos modos se combinan con un editor de máscara común. Puede revisar el resultado, corregir el contorno manualmente, reemplazar el fondo o recortar los márgenes transparentes y después guardar la imagen en formato PNG. Elija el método que mejor se adapte a su imagen y use el archivo final para catálogos de productos, diseño, presentaciones o publicaciones en redes sociales.

El modo IA requiere conexión a internet y tiene un límite de frecuencia de solicitudes: una solicitud cada 60 segundos por usuario. El procesamiento JS no utiliza este límite de IA, ya que se ejecuta en el navegador.