10 maneras de optimizar un archivo GIF animado

Animaciones

07.01.2014 a las 20:53 hs 0 5302 0



10 maneras de optimizar un archivo GIF animado


Este sería el resultado final




GIF es el formato estándar para la compresión de imágenes con grandes áreas de colores sólidos y detalles nítidos, como los de la línea de arte, logotipos, o tipo. Al ser un formato de imagen de 8 bits de profundidad, habría desaparecido de la web después de la introducción de la JPEG y formatos de archivo PNG, GIF, pero todavía es un formato de archivo web favorecida gracias a su función de animación de cuadro. En este tutorial, vamos a echar un vistazo de cerca a todas las opciones disponibles para convertir un vídeo a una animación GIF, y cómo optimizar el tamaño del archivo con Adobe Photoshop. Vamos a empezar!




1. Recorte Animación

En primer lugar usted tendrá que abrir el archivo de vídeo con Photoshop. La mayoría de las veces no será necesario toda la secuencia de la animación GIF, por lo que se puede recortar el vídeo en el panel Línea de tiempo . Encienda el Loop opción y tratar de encontrar un buen lugar para recortar el vídeo.



2. Reducción del tamaño de imagen

Usted puede reducir el tamaño de la imagen de la imagen del menú o hacerlo más tarde en el Guardar para Web cuadro de diálogo. Yo prefiero hacerlo en el principio con el tamaño de la imagen Cuadro de diálogo, ya que puede ahorrar una cantidad considerable de tiempo de carga cuando se abre el cuadro de diálogo Guardar para Web. Su capa de vídeo tendrá que ser convertido en un objeto inteligente , si cambia el tamaño de la imagen, pero usted no tiene que preocuparse por esto, no va a afectar nuestro flujo de trabajo en absoluto.



3. Guardar para Web

Mi parte favorita de este flujo de trabajo es que no tenemos que hacer ningún tipo de conversión en el panel Línea de tiempo para poder ahorrar una animación fotograma, ya que el cuadro de diálogo Guardar para Web va a hacer el trabajo por nosotros una vez que se selecciona el formato de archivo GIF como su salida. Observe que las opciones de animación aparecerá en la esquina inferior derecha del cuadro de diálogo. En caso de que decida reducir aún más el tamaño de la imagen que todavía puede hacerlo aquí.



4. Reducir la cantidad de tramas

Usted puede reducir aún más el tamaño de la animación GIF si se vuelve a abrir el archivo GIF exportado de nuevo en Photoshop y eliminar cada segundo o tercer fotograma del panel Línea de tiempo .Entonces usted debe seleccionar todos los fotogramas restantes y aumentar la duración de ellos para compensar la pérdida de marcos. Si usted no hace esto la compensación de la animación se reproducirá más rápido que el original. Una vez que esté listo, puede guardar la nueva versión, que debería ser mucho más pequeño que el original.



5. Número de colores

La opción más relevante para optimizar el tamaño de un archivo GIF es el número de colores utilizados en la tabla de colores. La cantidad máxima de colores es de 256, que viene de la limitación de profundidad de bit 8. En términos generales, es bueno seguir con 64 colores o menos, pero dependiendo del vídeo original es posible que tenga que aumentar el número de colores para obtener un mejor resultado.



6. ¿Qué algoritmo de reducción de color a elegir?


  • Perceptual para crear una tabla de colores personalizada dando prioridad a los colores para que el ojo humano tiene una mayor sensibilidad.
  • Selectivo para crear una tabla de colores similar a la tabla de colores Perceptual, pero favorece amplias áreas de color y la conservación de los colores Web. Esta tabla de colores normalmente produce imágenes con la máxima integridad del color. (Selectiva es la opción por defecto.)
  • Adaptable para crear una tabla de colores personalizada realizando muestras de colores del espectro que aparece con más frecuencia en la imagen. Por ejemplo, una imagen con sólo tonos de verde y azul produce una tabla de colores compuesta principalmente por verdes y azules. La mayoría de las imágenes concentran los colores en áreas determinadas del espectro.
  • Restrictiva utiliza el estándar, de 216 colores, tabla de color seguro para la Web común a los paneles de 8 bits (256 colores) de Windows y Mac OS. Esta opción garantiza que ningún tramado de navegador se aplica a los colores cuando la imagen se muestra el uso de color de 8 bits. Si la imagen tiene menos de 216 colores, los colores no utilizados se eliminan de la tabla.



7. tramado

Dado que los archivos GIF contienen un número limitado de colores, podemos querer imitar a los colores que faltan por otras disponibles utilizando el tramado. En el menú "Dither", elegimos uno de los algoritmos para tal imitación. El método de "difusión" nos permite ajustar la cantidad de tramado. Con "Patrón" y los algoritmos de "ruido" no hay nada que ajustar. Cuanto más tramado de una imagen, mayor será el tamaño del archivo. Difuminado añade color diferentes píxeles en las proximidades de uno al otro para simular los colores secundarios o gradaciones suaves en color. Algunas imágenes deben contener el tramado para verse bien, pero lo mejor es utilizar la menor cantidad de tramado posible para mantener el tamaño de archivo más pequeño.



8. Websnap, con pérdida, la transparencia y entrelazado


  • Websnap se utiliza para ayudar a prevenir el tramado en un navegador. Se lleva a cabo mediante el ajuste algunos de los colores a los colores seguros para la Web. Cuantos más colores compatibles con Web presentes en un GIF, resultarán menos difuminado navegador. Un valor de 0% no va a cambiar los colores, mientras que un valor de 100% va a cambiar todos los colores en la imagen para la Web seguro.
  • Con pérdida de compresión elimina información visual, lo que puede reducir el tamaño del archivo.
  • Si la imagen contiene transparencia , seleccione Transparencia de preservar los píxeles transparentes; deseleccione Transparencia para llenar totalmente y parcialmente píxeles transparentes con el color mate.
  • Entrelazadas archivos GIF se cargan en un navegador en unos pocos pases (como el JPEG progresivo de).

9. Comparar versiones originales y optimizadas

Una vez que ha agregado una gran cantidad de cambios de encargo que usted puede comprobar la diferencia de tamaño de archivo y calidad mediante el uso de la vista 2 copias.



10. Vista previa, en Guardar valor y Optimizar a tamaño de archivo

Si usted es feliz con su configuración miren tu GIF final con la opción Vista previa en el navegador y no se olvide de guardar los ajustes como preset. También puede especificar un límite de tamaño de archivo con esta opción adicional de Optimize menú y una vez que esto se aplica Photoshop intentará ajustarse al tamaño con la mejor calidad de imagen posible.





Posteado por:

koruitch

Administrador

1 Comentarios


Cargando comentarios espera un momento...
No tienes permisos para comentar.
Para poder comentar necesitas estar Registrado. O.. ya tienes usuario? Logueate!