Nicht komprimiertes und komprimiertes animiertes GIF

Creación de GIF animados de la manera correcta, con Cloudinary

Los GIF animados son muy populares, aunque existen otras opciones, como video HTML5, CSS y JavaScript, para animaciones. Los videoclips cortos a menudo se crean en formato GIF y luego se comparten en las redes sociales. nublado, una solución de gestión de imágenes y vídeos basada en la nube, le permite crear GIF animados de forma rápida y automática. Cloudinary también lo ayuda a optimizar los GIF y convertirlos a formatos de video.

Tamaño de archivo y calidad de imagen óptimos

Con un máximo de 256 colores, GIF no parece ser una buena opción para contenido fotográfico. Además, el formato a menudo da como resultado archivos de gran tamaño, especialmente cuando contiene animaciones. Entonces, cuando convierte un video en un GIF animado, debe sopesar entre la calidad del video y el tamaño del archivo.

nublado ofrece compresión simple para GIF animados, que puede aplicar fácilmente a cualquier archivo GIF que aloje usando su URL. Aunque se trata de una compresión con pérdida, los archivos originales permanecen intactos, lo que le permite crear una versión optimizada sobre la marcha.

http://res.cloudinary.com/demo/image/upload/fl_lossy/image.gif

Para aplicar la compresión, simplemente agregue «fl_lossy» a la URL de la imagen y recibirá una versión de su animación GIF que fue optimizada para ser el mejor compromiso entre la calidad de la imagen y el tamaño del archivo.

GIF animado no comprimido y comprimido

Puede ahorrar hasta un 40 por ciento del tamaño del archivo al comparar un GIF sin comprimir con un GIF optimizado a través de «fl_lossy». Debido a que es una compresión con pérdida, es posible que note una diferencia en la calidad de la imagen. Pero, en general, la imagen seguirá siendo impresionante.

Drei Kompressionsstufen: 25, 50 y 75 Prozent
Tres etapas de compresión: 25, 50 y 75 por ciento

El parámetro adicional «q» también le da la opción de influir en la calidad del GIF, lo que también afecta el tamaño del archivo. Cuanto mayor sea el valor de «q», mejor será la resolución de la imagen. Son posibles valores entre 0 y 100. 100 es la mejor calidad, pero no es tan buena como una imagen sin comprimir.

Manipulación de GIF animados

Quienes estén familiarizados con Cloudinary también saben que el servicio ofrece muchas opciones para manipular imágenes. Puede recortar y escalar imágenes, o aplicar varios filtros para agregar ciertos efectos. También es posible aplicar todas estas opciones a los GIF animados. Por ejemplo, puede agregar el filtro de desenfoque, «e_blur», a un GIF animado. El efecto afectará a toda la animación.

http://res.cloudinary.com/demo/image/upload/e_blur:300/image.gif

GIF con y sin desenfoque

GIF con y sin desenfoque

nublado ofrece dos características adicionales específicamente para la animación. El parámetro “pg” (“página”) le permite mostrar un cuadro particular de la animación. En el ejemplo, el octavo cuadro de una animación se muestra como una sola imagen.

http://res.cloudinary.com/demo/image/upload/pg_8/image.gif

El parámetro «dl» es la abreviatura de «retraso», que le permite configurar un retraso entre los fotogramas de la animación. En el ejemplo, se implementa un breve retraso de 200 milisegundos entre cada fotograma, lo que da como resultado una reproducción a cámara lenta.

http://res.cloudinary.com/demo/image/upload/dl_200/image.gif

Conversión de GIF animados en formatos de video, y al revés

Si alguna vez necesita una versión en formato de video de su animación GIF, puede hacer ese cambio rápidamente con Cloudinary. Todo lo que necesita hacer es cambiar el archivo que termina de «.gif» a «.mp4» y su animación se reproducirá como un video HTML5 en formato MP4. También tiene la opción de agregar otros parámetros para manipular imágenes. También se aplicarán a los formatos de video modernos.

Animación como video HTML5
Animación como un video HTML5

El tamaño de archivo de los GIF, que es la debilidad de ese formato, se hace evidente cuando se trata de la conversión a formatos de video dedicados. Los GIF convertidos al formato MP4 son solo una fracción del tamaño de archivo de los GIF animados. Esta diferencia es evidente cuando se trata de escenas.

nublado también es compatible con el formato WebM. La conversión es igual de fácil, todo lo que necesita hacer es ingresar «.webm» como el final del archivo. Los navegadores aún admiten diferentes formatos de videos HTML5. Entonces, como resultado, siempre debe implementar sus videos en formato MP4 y WebM también. Cloudinary hace que la creación de ambos sea muy simple. Por supuesto, Cloudinary también te permite hacer lo mismo al revés. Si tiene un video MP4, puede convertirlo al formato GIF animado. También puede aplicar la compresión con pérdida.

Creación de GIF animados a partir de archivos individuales

nublado no solo te permite convertir una escena en un GIF animado. Incluso puede generar uno a partir de un montón de imágenes individuales. Para hacerlo, simplemente cargue todas las imágenes que desea convertir en una animación a Cloudinary y asígneles la misma etiqueta a cada una de ellas. La etiqueta determina qué archivos se agregarán al GIF animado. Luego, la API de Cloudinary se puede usar para fusionar todas las imágenes con la misma etiqueta en una sola animación. Entre otras cosas, hay una biblioteca PHP que te permite crear ese tipo de animación de una manera muy sencilla.

Archivo cargado con etiqueta asignada
Archivo cargado con etiqueta asignada
€result = CloudinaryUploader::multi("animation");

En nuestro ejemplo, se accede a la API de Cloudinary a través de PHP y se crea un GIF animado a partir de todas las imágenes con la etiqueta «animación». Esta animación es entonces accesible.

http://res.cloudinary.com/demo/image/multi/animation.gif

Una cosa importante a tener en cuenta es que el nombre del archivo consiste en la etiqueta («animación» en este caso), con el parámetro «multi» delante. A medida que se familiarice con la API, podrá crear animaciones más complejas. Puede colocar imágenes una encima de la otra o animarlas para que se muevan por la pantalla.

Conclusión

Aquellos que ya han creado animaciones GIF en Photoshop u otros programas saben de las peculiaridades y dificultades en el manejo de cinemáticas. El servicio en la nube de Cloudinary es una prueba impresionante de lo fácil que es crear, manipular y convertir GIF animados sobre la marcha. Si no has usado nublado antes, debe probar el servicio. La solución de Cloudinary no solo es muy rápida, sino que también ofrece muchas funciones para la manipulación y visualización de imágenes y videos.

(dpe)

#Creación #GIF #animados #manera #correcta #con #Cloudinary

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.