¿Qué configuración utilizo para exportar un archivo *.gif de alta calidad?

Creé un ícono de animación del cargador usando la herramienta de forma (elipse). Pero cuando exporto mi animación, el círculo tiene bordes irregulares y la calidad no es buena.

¿Cuáles son los buenos ajustes para evitar estos bordes y tener una alta calidad .gifcomo resultado?

Hola bushra, bienvenido a GDSE y gracias por tu pregunta. Si desea obtener más información sobre el sitio, consulte el centro de ayuda o comuníquese con uno de nosotros en el chat una vez que su reputación sea suficiente (20). ¡Sigue contribuyendo y disfruta del sitio!
¿Lo exportas con un fondo transparente? .gifsno puede mostrar semitransparencia, por lo que obtendría bordes irregulares.
"gif de alta calidad" me parece una tontería.

Respuestas (3)

Realmente no existe tal cosa como un gif de alta calidad. El formato se desarrolló a principios de la década de 1990 y está limitado a 256 colores, uno de los cuales puede ser totalmente transparente.

Lo mejor que puede hacer es optimizarlo para el color de fondo actual y elegir rellenos y mezclas que no impliquen muchos tonos intermedios.

Si desea un ícono giratorio / throbber básico y su objetivo son los navegadores modernos, puede obtener resultados mucho mejores con la animación css y / o svg.

Los gifs solo admiten una transparencia de 1 bit (lo que significa que un píxel es totalmente transparente o no lo es), por lo que, dependiendo de su caso, puede usar la opción de difuminado (anticuado) o hacer coincidir el color mate con el color de fondo. Puede encontrar una respuesta anterior y completa en este hilo: ¿Cómo puedo eliminar los píxeles blancos alrededor de los bordes al exportar un GIF transparente?

O puede explorar posibilidades nuevas y modernas con iconos SVG y propiedades de animación CSS3 para obtener resultados limpios y escalables. Eche un vistazo a este sitio para explorar esta opción: http://codyhouse.co/gem/animate-svg-icons-with-css-and-snap/

Me tomé la libertad de aclarar un poco. Siéntase libre de editar o retroceder si sobrepasé los límites o cambié cosas más allá de su intención.

¿Dónde estás usando este GIF? ¿En un sitio web?

Si ese es el caso, recomendaría usar la animación CSS3 como cargador principal, ya que proporcionará los mejores resultados. Estos son algunos ejemplos . Tenga en cuenta que no se trata de imágenes, sino de formas representadas y transformadas por el navegador.

Una copia de seguridad de un archivo animado no es una mala idea, ya que los navegadores más antiguos (como IE9 y anteriores) no son compatibles con las animaciones CSS3.

Desafortunadamente, como se mencionó, los GIF no son realmente tan buenos, por lo que su respaldo será de peor calidad que las soluciones CSS3 nativas.