Original
Original
Dimensiones-
Tamaño-
Herramienta / Imágenes
Removedor de Fondo de Imagen
Usa Kitly para hacer transparentes fondos de imagen en fotos de producto, perfiles, documentos y recursos web. Los píxeles se procesan en el navegador; la primera ejecución con modelo puede descargar archivos de terceros.
Selecciona una imagen para comenzar.
Transparente
Transparente
Dimensiones-
Tamaño-
SalidaPNG
Informar un problema con esta herramienta
Esto abre un correo a Kitly. No se envía nada hasta que mandes el mensaje desde tu aplicación de correo.
No incluyas contraseñas, nombres de archivo, contenido de archivos, JSON pegado, URLs de destino, contenido del QR, códigos cortos ni otros secretos.
Cómo quitar el fondo de una imagen
Una imagen original limpia da al modelo de segmentación mejores condiciones para separar el sujeto del entorno.
-
Elige una imagen clara
Selecciona una foto donde el sujeto principal sea visible y se distinga razonablemente del fondo.
-
Deja que el navegador procese
Inicia la eliminación y mantén la página abierta mientras el modelo local identifica el primer plano. La primera ejecución puede tardar más mientras se cargan los recursos.
-
Revisa los bordes
Observa cabello, objetos transparentes, sombras y detalles finos en la vista previa antes de descargar el PNG transparente.
Cómo conseguir un recorte más limpio
- Usa una imagen bien iluminada y con buen contraste entre el sujeto y el fondo.
- Recorta objetos ajenos antes del procesamiento para que el sujeto principal ocupe más espacio.
- Revisa el resultado sobre fondos claros y oscuros antes de usarlo en un diseño final.
Dónde puede fallar la eliminación automática
- Cabello, pelo, cristal, humo, desenfoque de movimiento y fondos parecidos al sujeto pueden producir bordes imperfectos.
- La herramienta crea una primera versión automática y aún no incluye pincel manual para borrar o restaurar zonas.
- Los PNG transparentes pueden pesar más que archivos JPEG o WebP comprimidos incluso después de quitar el fondo.
Guía práctica
Estos ejemplos comparan la segmentación con modelo y la alternativa de color y borde en dos dibujos originales: un cuadrado rojo sobre blanco y un anillo rojo cuyo centro es un hueco blanco cerrado. Lee la línea del método en la página. Las descargas de abajo son las dos rutas guardadas por separado.
Quitar el fondo necesita JavaScript para que el navegador ejecute el modelo de segmentación o la alternativa local. El primer uso del modelo puede descargar archivos del modelo. Los píxeles medidos, las elecciones de método y la resolución de problemas siguen legibles sin JavaScript. Tu imagen se sigue procesando en el navegador.
Recortes medidos
Las dos entradas son archivos sintéticos sobre un campo blanco. No son retratos. Los valores de los píxeles vienen del PNG reabierto. Medido en Headless Chrome 154.0.8037.99 en macOS. La llamada del modelo es removeBackground() de @imgly/background-removal 1.7.0 con los valores predeterminados, la misma llamada de la página. La alternativa es el pase de color y borde de la página, con suavidad 22 y sin muestras extra. No hay control de pincel.
Un cuadrado rojo sobre blanco: halo del modelo frente al suavizado de la alternativa
El modelo conservó el color del cuadrado y dejó un halo blanco suave. La alternativa limpió el blanco exterior por completo y redujo el borde del cuadrado a alfa 85.
Entrada
simple-square.png · 40 × 40 · 133 bytes
Campo blanco. Cuadrado rojo (220, 32, 32) de x 12–27 e y 12–27.| Modelo | @imgly/background-removal 1.7.0, removeBackground() predeterminado |
|---|---|
| Alternativa | Máscara de color conectada al borde, suavidad 22, sin muestras extra |
| Navegador | Headless Chrome 154.0.8037.99 |
| Tiempo del modelo | 11812 ms, incluida la descarga del modelo en el primer uso de esta sesión |
Píxeles reabiertos
PNG del modelo · 40 × 40 · 536 bytes
Esquina (0, 0): 255, 255, 255, 1
Justo fuera del cuadrado (11, 20): 255, 255, 255, 77
Borde del cuadrado (12, 20): 220, 32, 32, 254
Centro (20, 20): 220, 32, 32, 254
PNG de la alternativa · 40 × 40 · 247 bytes
Esquina (0, 0): 0, 0, 0, 0
Justo fuera (11, 20): 0, 0, 0, 0
Borde del cuadrado (12, 20): 219, 33, 33, 85
Centro (20, 20): 220, 32, 32, 255Qué revisar
En un sujeto simple, el modelo es el recorte más fiel: el borde sigue en 220, 32, 32 con alfa 254, casi opaco. No termina en alfa 0. Un píxel fuera del cuadrado sigue blanco con alfa 77, y la esquina es blanca con alfa 1. La alternativa borra el campo blanco conectado, incluido ese píxel exterior, pero suaviza el borde del cuadrado hasta alfa 85 y lo desplaza a 219, 33, 33. El centro sigue exacto. La página etiquetaría una llamada correcta del modelo como “Se usó la segmentación con modelo.” No hay pincel para pintar el halo de vuelta.
Advertencias
- La herramienta descarga un archivo, llamado simple-square-transparent.png, y muestra qué método se ejecutó. Los ejemplos están separados en simple-square-model.png y simple-square-fallback.png.
- 11812 ms es la primera llamada del modelo en esta sesión headless, no una promesa para cada visita. Los archivos del modelo pueden estar ya en caché.
- Una vista a cuadros puede ocultar un alfa de 1 o 77. Muestra la esquina y el píxel justo fuera del sujeto.
Archivos del ejemplo
- Descargar simple-square.png Entrada. Campo blanco original de 40 × 40 con un cuadrado rojo centrado, 133 bytes.
- Descargar simple-square-model.png Salida. PNG de la segmentación con modelo, 536 bytes, con un halo blanco suave.
- Descargar simple-square-fallback.png Salida. PNG de la alternativa por color y borde, 247 bytes, con el borde rojo suavizado.
Un anillo rojo: el modelo limpia el hueco y la alternativa lo deja blanco
El sujeto difícil es un anillo rojo alrededor de un centro blanco cerrado. El modelo quitó ese hueco. La alternativa quitó solo el blanco que toca el borde exterior, así que el hueco siguió opaco.
Entrada
difficult-ring.png · 48 × 48 · 245 bytes
Campo blanco. Anillo rojo (220, 32, 32) donde la distancia al centro está entre 8 y 16 píxeles. El medio es blanco cerrado.| Modelo | @imgly/background-removal 1.7.0, removeBackground() predeterminado |
|---|---|
| Alternativa | Solo la máscara de color conectada al borde |
| Navegador | Headless Chrome 154.0.8037.99 |
| Tiempo del modelo | 7118 ms en la misma sesión, después del cuadrado |
Píxeles reabiertos
PNG del modelo · 48 × 48 · 1340 bytes
Esquina (0, 0): 255, 255, 255, 1
Hueco (24, 24): 0, 0, 0, 0
Anillo (24, 12): 220, 32, 32, 254
Píxel exterior del anillo (24, 8): 220, 32, 32, 254
PNG de la alternativa · 48 × 48 · 611 bytes
Esquina (0, 0): 0, 0, 0, 0
Hueco (24, 24): 255, 255, 255, 255
Anillo (24, 12): 220, 32, 32, 255
Píxel exterior del anillo (24, 8): 219, 33, 33, 85Qué revisar
El hueco es la comprobación que importa. El píxel central del modelo es transparente. El píxel central de la alternativa sigue blanco opaco, porque ese blanco no toca el borde de la imagen y la máscara nunca llega allí. La alternativa también suaviza el píxel exterior del anillo hasta alfa 85. El modelo mantiene ese mismo píxel en alfa 254. Usa la línea del método: si dice que se usó la alternativa de color y borde, espera que los huecos cerrados del color del fondo sobrevivan. Esta página no tiene pincel manual para abrir el hueco después.
Advertencias
- Este anillo es un dibujo de borde duro. No mide cabello, cristal ni pelo.
- La segunda llamada del modelo fue más rápida en esta sesión. Eso no separa el tiempo de descarga de la inferencia para cada usuario.
- La única descarga de la herramienta se llamaría difficult-ring-transparent.png. Los ejemplos mantienen separados los archivos del modelo y de la alternativa.
Archivos del ejemplo
- Descargar difficult-ring.png Entrada. Anillo rojo original de 48 × 48 sobre blanco, con un hueco blanco cerrado, 245 bytes.
- Descargar difficult-ring-model.png Salida. PNG del modelo, 1340 bytes, con el píxel del hueco transparente.
- Descargar difficult-ring-fallback.png Salida. PNG de la alternativa, 611 bytes, con el píxel del hueco todavía blanco opaco.
Fíate de la línea del método y luego revisa el borde
La guía ya dice que empieces con una imagen clara y revises los bordes. Estas elecciones siguen las dos rutas medidas. Ninguna de las dos añade un pincel.
Segmentación con modelo
Úsalo cuando: La línea del resultado dice “Se usó la segmentación con modelo.” En el cuadrado, el borde del sujeto quedó en alfa 254. En el anillo, el hueco cerrado quedó transparente.
Compromisos: Los bordes pueden conservar un halo blanco. El píxel exterior del cuadrado quedó en alfa 77, y las dos esquinas quedaron blancas en alfa 1. La primera llamada de esta sesión tardó 11812 ms y puede descargar archivos del modelo. Los píxeles permanecen en el navegador.
Alternativa por color y borde
Úsalo cuando: La línea del resultado dice que el modelo no estaba disponible y que se usó la alternativa de color y borde. Limpió el blanco exterior en los dos archivos.
Compromisos: Es un resultado más limitado. El borde del cuadrado bajó a alfa 85. El hueco cerrado del anillo siguió en 255, 255, 255, 255. Los colores parecidos del primer plano pueden eliminarse cuando se conectan al borde; ese caso no tuvo un archivo propio aquí.
Sin pincel manual
Úsalo cuando: Estás decidiendo si esta página puede terminar un recorte por sí sola.
Compromisos: No puede. No hay pincel para borrar o restaurar. Si el halo o el hueco que queda es inaceptable, edita el PNG en otro lugar.
Qué revisar después de la línea del método
Una vista previa limpia en el centro del sujeto no basta. Estos son los píxeles que fallaron o solo funcionaron en parte en esta sesión.
Problema: La esquina es casi transparente, pero no es alfa 0.
Causa probable: El modelo dejó blanco con alfa 1 en la esquina de los dos archivos. Una vista a cuadros puede hacer que parezca limpia.
Qué hacer: Abre el PNG y lee el alfa de la esquina. Si necesitas una esquina estrictamente vacía, los archivos de la alternativa en esta prueba eran 0, 0, 0, 0 ahí, con el compromiso de borde de abajo.
Problema: Hay un halo justo fuera del sujeto.
Causa probable: En el cuadrado, el píxel (11, 20) del modelo era blanco con alfa 77.
Qué hacer: Mira el PNG sobre un fondo claro y un fondo oscuro. La página no puede borrar ese halo con un pincel.
Problema: El borde del sujeto se ve fino o grisáceo.
Causa probable: La alternativa lo suavizó. El borde del cuadrado pasó de 220, 32, 32, 255 a 219, 33, 33, 85. El píxel exterior del anillo hizo lo mismo.
Qué hacer: Si la línea del método nombra la alternativa, trata el recorte como adecuado sobre todo para un fondo simple y uniforme. Vuelve a ejecutarlo cuando el modelo pueda cargarse si necesitas el alfa de borde más alto visto en los archivos del modelo.
Problema: Un hueco dentro del sujeto siguió blanco.
Causa probable: La alternativa solo avanza desde el borde de la imagen. El centro del anillo no toca ese borde, así que siguió blanco opaco. El píxel central del modelo era transparente.
Qué hacer: Revisa la línea del método. Los huecos cerrados son el caso difícil en esta página. No hay pincel para borrar el blanco que queda.
Problema: La primera ejecución se queda en “Quitando…” mucho tiempo.
Causa probable: El modelo puede descargarse en el primer uso. La primera llamada correcta del modelo en esta sesión tardó 11812 ms. La siguiente, en el anillo, tardó 7118 ms.
Qué hacer: Mantén la pestaña abierta. La nota encima de la vista previa dice que la imagen en sí permanece en el navegador. Si el modelo no puede cargarse, la página pasa a la alternativa y lo dice.
Problema: Esperabas un pincel y no hay ninguno.
Causa probable: El control es una sola acción de quitar. La restauración no está implementada.
Qué hacer: Descarga el PNG y edita el borde en otro programa, o elige un origen con un contorno más claro.
Referencias de las dos rutas
Los valores de los píxeles vienen de los PNG enlazados. El enlace de la biblioteca documenta el modelo que importa la página.
- @imgly/background-removal La biblioteca de segmentación en el navegador, en la versión 1.7.0. La página llama a removeBackground() con los ajustes predeterminados.
- HTMLCanvasElement.toBlob Codificación PNG usada para el resultado de la alternativa y para leer los archivos reabiertos.
Preguntas frecuentes
¿El removedor de fondo sube mi imagen?
La imagen seleccionada se queda en tu dispositivo. La primera ejecución con modelo puede descargar recursos ONNX y WebAssembly de IMG.LY. Si eso falla, un método más limitado por color y borde se ejecuta y queda indicado en la página.
¿Qué tipos de fondo funcionan mejor?
La ruta del modelo funciona mejor cuando el sujeto es visualmente distinto del fondo. El método alternativo sirve sobre todo para fondos uniformes simples y puede quitar colores parecidos del primer plano.
¿Puede quitar fondos complejos automáticamente?
La segmentación por modelo maneja muchos fondos complejos mejor que el método por color y borde, pero las escenas cargadas, el pelo, el cristal y los huecos cerrados aún pueden fallar. No hay pincel para restaurar.
¿Cómo sé si se usó el modelo o la alternativa?
Lee la línea bajo el resumen del archivo. “Se usó la segmentación con modelo.” significa que la llamada a @imgly/background-removal funcionó. La otra línea dice que se usó la alternativa de color y borde porque el modelo no estaba disponible. Los archivos del cuadrado y del anillo de arriba muestran las dos salidas.
¿Puedo pintar de nuevo un borde o un hueco que quitó la herramienta?
No. No hay pincel manual para borrar o restaurar. En el anillo medido, solo el modelo limpió el hueco blanco cerrado; la alternativa dejó ese píxel blanco opaco.