MENÚ

Cómo eliminar el reborde blanco en los gif con fondo transparente

Gif reborde blanco

¿Os aparece un reborde blanco en los gif con fondo transparente?

El gif tiene transparencia de un solo bit, sin gradación.
¿Qué quiere decir eso? Que cuando exportamos un gif con fondo transparente se van a generar unos píxeles semitransparentes para suavizar ciertas transiciones.

¿Qué podemos hacer?

Tan sólo hay que cambiar el color de esos píxeles semitransparentes por el color de fondo dónde vayamos a incluir nuestro gif. Es decir, si vamos a incluir nuestro gif encima de un fondo rojo, le diremos a Photoshop que esos píxeles semitransparentes sean rojos, y así queden camuflados.

En el video que os muestro distintas formas de exportación:

Gif sin mate
Todos los píxeles con un valor de transparencia de más del 50% serán completamente transparentes, y todos los píxeles con un valor de transparencia del 50% o menos serán completamente opacos. En este caso no tendremos ningún halo, pero los bordes serán muy duros.

Gif con mate del mismo color que la imagen
Fusionamos los píxeles semitransparentes con el color predominante de nuestra imagen.

Gif con mate del mismo color que el fondo
Fusionamos los píxeles semitransparentes con el color de fondo dónde vayamos a incluir nuestro gif.

Comparativa con PNG-24
Si nuestro gif no está animado os sugiero que cambiéis de formato y lo exportéis a PNG-24, este formato acepta el fondo transparente y elimina los halos.

Happy creating!

Tal vez te interese...

Recibe historias y consejos

Suscríbete y te enviaré recursos gratuitos, actualizaciones sobre mi trabajo y alguna que otra historia divertida. Prometo ser breve ;)

¡Gracias! Te has suscrito correctamente.

¡Gracias! En breve recibirás un email con el enlace de descarga.

Ups... se ha producido un error, por favor, pruébalo de nuevo más tarde.