Hacer transparente el fondo de una imagen en Gimp

Tengo algunas imágenes jpg y necesito que cada una de ellas tenga un fondo transparente.

Tengo GIMP como herramienta gráfica.

Necesito ponerlos en una página web y necesito ver solo el elemento principal y tener un fondo transparente.

Acabo de descubrir que si estás en una Macbook, tienes que presionar fn-deletedespués de seleccionar la varita mágica;) eliminar no funciona por sí solo.
Hola, @Viola en GIMP v.2.10.18, la mejor manera de hacerlo NO es usar una herramienta de varita mágica. Primero agrega un canal alfa a su PNG (si es png) con Capa> Transparencia> Agregar canal alfa, luego use Capa> Transparencia> Color a alfa ... ¡y está hecho mágicamente! Regla de los algoritmos 🚀

Respuestas (4)

En GIMP 2.10.14 :

  • layer -> transparency -> add alpha channel

Luego sigue los siguientes pasos. En versiones más nuevas color to alpha no existe

Para ampliar la respuesta de utopicam , a veces su imagen puede contener áreas, como sombras, que le gustaría que fueran semitransparentes. Por ejemplo, supongamos que tiene una foto tomada en una caja de luz, como esta imagen agradable y con licencia gratuita de un caballo de juguete de madera sueco, cortesía de Creative Tools :

Una foto de un caballo de juguete de Dalekarlian en una caja de luz, con licencia CC-By 2.0 de Creative Tools

En general, el primer paso sería ajustar los niveles de la imagen hasta que el fondo sea realmente blanco sólido, excepto por las sombras y los reflejos que queremos mantener. (También puede usar esta técnica con un fondo gris o de color, pero es un poco más complicado obtener buenos resultados de esa manera). En este caso, la imagen ya está bien ajustada, por lo que no tenemos que hacer nada al respecto.

El siguiente paso es seleccionar el fondo. Esto fue bastante fácil de hacer con la herramienta Varita mágica , aunque tuve que arreglar algunos puntos donde las rayas blancas en el objeto se mezclaban con el fondo con la herramienta Lazo . Además, una vez que tuve bien seleccionado el fondo, amplié la selección unos pocos píxeles (a máxima resolución) para evitar dejar un halo blanquecino alrededor del objeto debido al aliasing. (No puede verlo en esta captura de pantalla reducida, pero realmente logré hacer un buen trabajo con la selección, si se me permite decirlo).

Misma imagen con el fondo seleccionado

Ahora, aquí está el truco : en lugar de simplemente cortar el fondo, usé ColorsColor to Alpha para cambiar el color de fondo (blanco) a transparente. (También puede usar el relleno de cubo con el modo Borrar color como sugiere utopicam). Si se aplica a toda la imagen, esto también haría que el objeto se vea semitransparente, pero dado que solo se selecciona el fondo, las sombras se vuelven translúcidas mientras el objeto en sí permanece opaco:

Imagen después de aplicar Color a Alpha

Y aquí está la misma imagen sobre un fondo azul pálido, para mostrar mejor las sombras semitransparentes y los reflejos:

La misma imagen sobre un fondo azul pálido

Un truco adicional que no mostré es que a menudo es más conveniente hacer dos copias de la capa de la imagen, convertir la selección en una máscara de capa en la superior y aplicar Color a Alfa en la inferior. Esto le permite afinar los bordes del objeto editando la máscara, mientras ve en vivo cómo se verá el resultado. (Consejo: haga algunas capas de fondo llenas de diferentes colores, para que pueda comprobar fácilmente cómo se ve la imagen en diferentes fondos). más natural, ya que imita el fondo que se refleja en el objeto.

the first step would be to adjust the levels of the image until the background really is solid white- ¿Debería incluirse cómo hacer esto exactamente para nosotros, tontos? ¿O debería hacer una pregunta separada sobre cómo hacer eso?
@hippietrail: la herramienta de niveles generalmente hace un trabajo bastante bueno: simplemente mueva el control deslizante de entrada más a la derecha hacia la izquierda hasta que se vea bien, o use el cuentagotas blanco. Si el corte parece demasiado nítido, puede cambiar a "Editar esta configuración como curvas" y suavizarlo. (Básicamente, lo que generalmente desea es una curva que sea principalmente lineal, pero que se doble un poco cerca del borde superior para encontrarlo gradualmente en lugar de en una esquina pronunciada).
Me gusta la herramienta de curvas para mover un fondo "blanco" a blanco completo. Esto también da un buen tramo de histograma en el resto de la imagen.

Uso del llenado rápido del balde en lugar de la selección de contorno

Nota: Este tutorial también está disponible en PDF.

_La trahison des images_ de su compatriota René Magritte;  parcialmente destrozado para el propósito de este tutorial.

Agregar un canal alfa

Algunos tipos de imágenes carecen de un canal de transparencia; JPG por ejemplo. Si este es el caso, agregue un canal de transparencia alfa. Esto se hace seleccionando Layer → Tranparency → Add Alpha Channel.

Cubo lleno con color [opcional]

El siguiente paso es opcional y consiste en rellenar primero el área que debe volverse transparente con un color liso. Seleccione la herramienta de llenado de balde o presione Shift+ B. Dentro de las Bucket Fillopciones de la caja de herramientas, seleccione Fill transparent areassolo cuando sea necesario. Seleccione BG colour filly Sample mergedejecute algunos intentos mientras ajusta Thresholdpara obtener mejores resultados. En el medio, presione Ctrl+ Zpara deshacer.

Algunas mezclas de colores serán inevitables e incluso deseadas. (A este respecto, Adobe Photoshop no es diferente). Por lo tanto, elija un color que sea compatible con el fondo en el que finalmente se utilizará la imagen resultante. Haga clic en el rectángulo de color de fondo en la mitad superior de la Tool Optionsventana de la caja de herramientas para cambiar el color de fondo. Aquí, lo usé f3f3e9como color de fondo para el relleno de color simple. Sin embargo, también se puede utilizar la herramienta cuentagotas para elegir un color desde cualquier lugar del escritorio.

<code>Rellenar cubeta</code>: selecciona <code>Rellenar áreas transparentes</code> solo cuando sea necesario.  Seleccione <code>BG color fill</code> y <code>Sample merged</code> y ejecute algunos intentos mientras ajusta <code>Threshold</code> para obtener los mejores resultados.  En el medio, presione <kbd>Ctrl</kbd>+<kbd>Z</kbd> para deshacer.

Se ha aplicado <code>Bucket Fill</code>.  Elija un color de relleno que sea compatible con el fondo en el que finalmente se utilizará la imagen resultante.  Esto se debe a que alguna mezcla de colores es inevitable e incluso deseada.  Aquí, utilicé <code>f3f3e9</code> para relleno de color simple.

Seleccionar por color

Lo correcto ahora es Select → By Colour. Puede ser tentador realizar Colour to Transparency, sin embargo, esto también cambiaría las áreas semitransparentes dentro del área de la imagen deseada. Esta vez, seleccione Fill transparent areasasí como Sample merged. Para este ejemplo en particular, opté por no aplicar Antialiasingni Feather edges. No obstante, experimente con estas configuraciones y elija la que se vea mejor. Nuevamente, realice algunos intentos mientras ajusta Thresholdpara obtener mejores resultados. En el medio, presione Ctrl+ Zpara deshacer.

<code>Seleccionar por color</code>: esta vez, seleccione <code>Rellenar áreas transparentes</code> así como <code>Muestra fusionada</code>.  Nuevamente, realice algunos intentos mientras ajusta <code>Threshold</code> y experimente con <code>Antialiasing</code> y <code>Feather edge</code> para obtener mejores resultados.  En el medio, presione\ <kbd>Ctrl</kbd>+<kbd>Z</kbd> para deshacer.

<code>Seleccionar → Por color</code> aplicado

Restar de la selección

A veces, resulta difícil obtener la selección de color exactamente correcta. También se puede seleccionar parte del área de la imagen deseada porque el color coincide. En este caso, y apenas visibles, también se seleccionaron nueve píxeles deseados en el medio de la tubería para su eliminación. Cuando esto suceda, use Ctrl+ Dragcon una Selectherramienta de su elección para seleccionar un área de selección sustractiva.

Utilice <kbd>Ctrl</kbd>+<code>Arrastrar</code> con una herramienta <code>Seleccionar</code> de su elección para seleccionar un área de selección sustractiva.

El área de transparencia deseada ahora está seleccionada.

Hacer crecer la selección [opcional]

En el borde de la imagen deseada, algunas sombras del fondo aún pueden permanecer sin seleccionar. Si este es el caso, haga crecer la selección con un píxel usando Select → Grow… → 1px.

Borrar

Una vez que se selecciona el área de transparencia deseada, simplemente presione Delete.

Una vez que se selecciona el área de transparencia deseada, simplemente presione <kbd>Eliminar</kbd>.

Resultado final

Finalmente, exporte la imagen transparente File → Export As...a un formato de archivo que admita transparencia. Eso sería preferiblemente PNG, pero GIF también funcionaría.

El resultado final

Es posible que desee aumentar la selección en 1 px para eliminar los bordes blancos (Seleccione> Crecer> 1> Aceptar)
No estoy nada versado en diseño gráfico. En cada rara ocasión en que necesito eliminar un fondo, parece que vuelvo a esta respuesta. ¡Gracias!
También descubrí que usar la Featheropción en la selección también es útil para imágenes con bordes borrosos contra espacios en blanco.
Gracias: tener un jpg con fondo blanco puro ya era tan simple como esto: agregar capa de transparencia, seleccionar, eliminar.

Parece que necesita recortar ciertas partes de los jpg (la figura principal, por ejemplo) y eliminar el "fondo". Puedes hacerlo usando la herramienta Lazo.

El sitio web de gimp tiene muchos tutoriales y explicaciones. Consulte esto http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection y esto: http://docs.gimp.org/en/gimp-tool-free-select.html

La selección poligonal crea un punto de anclaje cada vez que hace clic. Luego, al mover el puntero del mouse, se dibuja una línea con un nuevo punto de anclaje que puede mover siempre que no vuelva a hacer clic.

Puede acceder a la herramienta Lazo de diferentes maneras:

  • Desde la barra de menú de la imagen Herramientas → Herramientas de selección → Selección libre,

  • haciendo clic en el icono de la herramienta en ToolBox,

  • usando el atajo de teclado F.

Para hacer que el fondo sólido de una imagen sea transparente , agregue un canal alfa y use la varita mágica para seleccionar el fondo. Luego, use la herramienta Selector de color para seleccionar el color de fondo, que se convierte en el color de primer plano en la Caja de herramientas. Utilice la herramienta Cubo de relleno con el color seleccionado. Establezca el modo Cubo de llenado en "Borrado de color", que borra los píxeles con el color seleccionado; otros píxeles se borran parcialmente y se cambia su color.

Una forma moderna de lograr este efecto en tu caso específico es abriendo tu imagen en la última versión de Gimp y desde el menú superior ve a Colores -> Color a Alfa. Dentro de ese panel, si Color está configurado en blanco, Gimp intentará reemplazar todas las áreas de píxeles blancos con transparencia. Al menos vale la pena probarlo.