Cómo hacer que la animación gif sea más pequeña. Cambiar el tamaño del GIF: no podría ser más fácil

Hola a todos los que están leyendo ahora. Hoy les contaré varias formas de reducir el tamaño (peso) de una imagen, captura de pantalla, fotografía o animación GIF sin perder calidad para insertarla en un sitio web.

Reducir el tamaño de una imagen de diferentes formas

Cada imagen o imagen, llámala como quieras ;), tiene su propio tamaño, que consta de varios puntos, estos son la altura vertical, el ancho horizontal (px) y el peso: kilobytes (KB), megabytes (MB).

Reducir el tamaño (peso) de la imagen tendrá un efecto positivo en la velocidad de carga del sitio: el rendimiento web y también ayudará a ahorrar espacio en su alojamiento, computadora o unidad flash.

De acuerdo, las imágenes tomadas con cámaras profesionales (DSLR) a veces pueden pesar más de 2 megabytes y tener 2500 px de ancho. Si una imagen de este tipo se inserta en el sitio sin comprimirla, aumentará significativamente el tiempo de carga, por lo que hoy en día PS aplica un filtro, especialmente para Google PS.

El primer método consiste en optimizar la imagen antes de subirla al sitio web en Photoshop.

Debo decir que este es el método más popular para cambiar el tamaño y comprimir fotografías entre los propietarios de sitios web. También es adecuado para usuarios habituales de Internet. Al mismo tiempo, las acciones que realiza este programa son mínimas, lo que también es importante para los blogueros novatos.

• 1. Abra un archivo nuevo usando Photoshop y luego haga clic en "Guardar para Web".
• 2. Se abre una nueva ventana, donde configuramos los parámetros necesarios: calidad, formato y tamaño de la imagen.

Por lo tanto, basta con cambiar la calidad de números altos de 60 a números promedio de 30 a 50 para reducir significativamente el peso. La calidad deseada puede servir como guía. En la ventana de vista previa, controle cuánto cambia la imagen.

En cuanto al formato de la imagen, elijo guardarla como Jpeg si es una foto en color, y si necesito guardar la transparencia de una capa o una captura de pantalla en blanco y negro, entonces, por regla general, está en formato Png, por lo que que el texto y los números que contiene se lean con mayor claridad. Sobre el tema de Photoshop, lea: uso de este programa.

Cambio el tamaño de la imagen (en píxeles) en la misma ventana, lo cual es conveniente. Hago clic en "Guardar" y luego escribo el nombre del archivo en latín.

La segunda forma de comprimir imágenes utilizando servicios en línea.

Para ser honesto, recurro a este método muy raramente. Sin embargo, estos servicios ayudan a comprimir varias imágenes (por lotes) a la vez sin perder calidad, lo que afecta la productividad. Estos son los conocidos servicios krakin.io, TinyPNG; Compresping y otros.

Te contaré sobre uno más: Optimizilla, que probé y realmente me gustaron los resultados. Pruébalo también.

La captura de pantalla muestra que se cargó en el sistema una foto JPEG que pesa 60 KB. El servicio lo comprimió automáticamente en un 39% a 37 KB, pero visualmente la calidad prácticamente no se vio afectada.

Usando el conveniente control deslizante o los signos [+ -], puede jugar con la calidad de la imagen; amplíe la foto y observe más de cerca todos los detalles después de la compresión antes de guardarla. Esta es una función de vista previa de fotografías muy relevante para sitios con portafolios de fotógrafos, turismo, recursos para mujeres y tiendas en línea donde las imágenes de productos de alta calidad son importantes.

Cambiar el tamaño de la altura y el ancho de una imagen

Creo que hoy en día el proceso de cambiar el tamaño del ancho y el alto de una imagen ya no causa dificultades a nadie. Esto se puede hacer tanto en línea como en el editor gráfico estándar Paint o en el más conveniente Paint.NET.

Abra un nuevo archivo en el programa, haga clic en "Cambiar tamaño", tenga en cuenta que esté en píxeles, manteniendo las proporciones. DE ACUERDO.

Cambiar el peso de una imagen en formato Gif online

En esta parte del artículo te diré cómo comprimir rápidamente no solo imágenes en formato JPEG, PNG, SVG, sino también Gif. Los gif pesan bastante, por lo que hay una gran cantidad de consultas sobre cómo reducir el peso de una imagen GIF sin perder animación y sin esfuerzo adicional).

• Utilicemos el primer servicio en línea. Compresor.io .

Compressor.io es una poderosa herramienta en línea para reducir drásticamente el tamaño de sus fotografías digitales y animaciones GIF. Le permite mantener imágenes de alta calidad, utiliza dos tipos de compresión, donde hay una diferencia y no hay diferencia antes y después de la compresión. Así caracterizan su servicio, y puedes verlo en la página principal.

Para ver un ejemplo de compresión de animación Gif, consulte la captura de pantalla. Puede descargar la imagen optimizada de la forma que más le convenga: a su computadora, guardarla en Dropbox, Google Drive (drive.google.com).

• Segundo servicio Optimizador de imágenes en línea.

El nombre del servicio habla por sí solo. Online Image Optimizer optimiza fácilmente diferentes formatos de imagen, incluida la animación Gif. Simplemente cargue la imagen y haga clic en "Optimizar". Además, el servicio Online Image Optimizer le ayuda a crear rápidamente no sólo un favicon para un sitio web, sino que también tiene muchas herramientas útiles en línea en su arsenal.

• El tercer método es un programa de aplicación. SuperGIF para MacOS y Windows.

Puede comprar una versión paga de SuperGIF o descargar una demostración gratuita, que tiene ligeras limitaciones en la funcionalidad.

En InVision, las animaciones GIF no se utilizan para mimarse, sino que desempeñan un papel importante desde el punto de vista del marketing y la formación. Así que incluso intentamos usarlos en nuestra página de inicio en lugar de animaciones codificadas.

Con el tiempo, la gente empezó a preguntarnos: "¿Cómo se crean animaciones GIF?" Es hora de revelar el secreto.

Diseño de imagen GIF

1. Ingrediente secreto

Aquí está mi pequeño secreto: todas mis animaciones GIF comenzaron como archivos de vídeo. Normalmente uso ScreenFlow, que también utilizo para crear vídeos de nuestros productos. Este es un programa simple que al mismo tiempo contiene muchas herramientas de animación útiles.
Después de guardar la animación como un archivo de vídeo, la importo a Photoshop a través de Archivo > Importar > Cuadros de vídeo como capas.

Consejo: Si ScreenFlow o After Effects no son lo tuyo, crea una animación en Keynote y expórtala como un vídeo. Finalmente algo de uso de esta función en Keynote.

2. Menos colores = más diversión

Si desea crear animaciones GIF geniales, debe abordar la elección del color con especial cuidado. Esto no sólo afectará el tamaño del archivo, sino que también le permitirá crear animaciones más largas con un tamaño de archivo más pequeño. (Para mí pequeño es menos de 1MB)

3. Utilice el desenfoque de movimiento si es posible

Programas como ScreenFlow y After Effects te permiten exportar videos con el desenfoque de movimiento aplicado. Esto no sólo le dará a tu animación un aspecto profesional, sino que también facilitará la reducción del tamaño del archivo en Photoshop.

4. Sea (algo) vago

Imagínese qué otros elementos podría agregar a la animación GIF al comienzo de esta publicación. Pequeña información sobre herramientas con nombres de usuario, un cursor que hace clic en el botón más, etc. Las personas no necesitan verlo todo para obtener una comprensión general de lo que están viendo, así que muestre solo lo que necesita; está limitado por el tiempo y el tamaño del archivo.

Exportar animaciones GIF

Antes de preocuparte por los siguientes consejos, intenta exportar tu animación GIF. Si es de un tamaño razonable, ¡buen trabajo! Sigan con el buen trabajo. De lo contrario, pruebe los siguientes métodos.

5. Eliminar marcos duplicados

Lo más probable es que su animación se detenga o permanezca inmóvil durante algún momento. Si miras de cerca, notarás que este momento consta de varios fotogramas idénticos. Si hay 10 fotogramas de este tipo, elimine 9 de ellos y establezca la duración del fotograma restante en, por ejemplo, 1 segundo.

Si eso no ayuda, intenta importar el video nuevamente, pero esta vez selecciona la opción Límite a cada 2 fotogramas. Esto debería reducir significativamente el tamaño del archivo.

Consejo: Si su animación consta de más de 150 fotogramas, encontrará problemas al intentar reducir el tamaño del archivo.

6. Menos colores

Cuando guardas una animación GIF en Photoshop, verás un menú desplegable junto a la opción Colores. Experimente con los valores, pruebe con la menor cantidad posible de colores que no conviertan todo el archivo en basura.

7. Cambie el parámetro Lossy*

Para ser honesto, ni siquiera sé qué significa este parámetro. pero yo exactamente Sé que si lo pones en un nivel entre 1 y 10, te desharás de los kilobytes sobrantes sin perder calidad.

* “Lossy”: nivel aceptable de pérdida de información gráfica en un archivo rasterizado, lo que le permite reducir el tamaño del archivo de la imagen.

¡Nada ha cambiado! ¡Ayuda!

Si ha probado todo lo mencionado anteriormente y aún no puede reducir el tamaño de su animación GIF, entonces debe dar un paso atrás. ¿Quizás quieres lo imposible? ¿Existe otra manera de lograr lo que deseas? ¿Es posible dividir un archivo en dos animaciones GIF? Será mejor si tu animación GIF se centra en un aspecto.

Del traductor. Con todos sus deseos y comentarios sobre la traducción, comuníquese conmigo en un mensaje personal. ¡Gracias!

Independientemente de cómo obtuviste tu animación GIF, puedes reducir su tamaño.

Si ha utilizado nuestro servicio para crear animaciones GIF a partir de vídeo, le recomendamos utilizar el original para experimentos, porque... cómo cada conversión puede degradar la calidad del archivo resultante.

Todos los ejemplos se basarán en un breve clip de vídeo FullHD de 16 segundos y 30 fotogramas por segundo.

Una pequeña teoría sobre GIF

En resumen: GIF tiene un máximo de 256 colores (8 bits) + compresión sin pérdidas (LZW).
Como cualquier compresión sin pérdidas, no comprime demasiado el archivo. Como resultado, reduciremos el tamaño no más del 50% (mucho depende de la imagen).

Vídeo de prueba:

Calculamos el tamaño de un cuadro: 1920 * 1080 * 40%-100% = 0,8-2 MB.

Ahora calculemos 16 segundos de video: 16 segundos * 30 fotogramas por segundo * (0,8-2) mb = 384-960 mb!
Nuestro archivo original cuando se convirtió resultó tener 309 MB. Menos de lo calculado, pero aún así grande.
¿Estás sorprendido? ¡Pero el tamaño del vídeo original es sólo de unos pocos megabytes! ¿Cómo puede ser esto?
Es simple: GIF es un mamut, sí, es genial, pero necesitas saber cómo trabajar con él.

Paso 1: haz el GIF más pequeño. Tamaño de imagen

Asegúrese de reducir el tamaño a un tamaño adecuado (no más de 640 píxeles en el lado más grande).
En este caso el tamaño será: 640 * 360 * 40%-100% = 90-225kb.
Y tamaño del vídeo: 16 segundos * 30 fotogramas * 90-225 kb = 42-105 mb.
Nuestro archivo original cuando se convirtió resultó tener 38 MB. Menos de lo calculado, pero aún así grande.
¿Muchos? Sí. Sigamos adelante...

Paso 2. Número de fotogramas

30 cuadros está bien, pero desafortunadamente para un GIF es mucho.
¡Reduce el número a 10 fotogramas y reducirás el tamaño en 3! veces.
Contamos: 16 segundos * 10 fotogramas * 90-255 kb = 14-35 mb.

Nuestro archivo original cuando se convirtió resultó tener 14,5 MB. Ya mejor.

Por ejemplo, si tu vídeo tiene 60 fotogramas por segundo, puedes reducirlo desde el siguiente rango: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
Y si hay 25 cuadros, entonces la fila será: 1, 5...
O 30: 1, 2, 3, 6, 10, 15.

Paso 3: Disminuye la duración de la animación.

Reduce/elimina escenas que no necesitas, la relación aquí es simple: córtala 2 veces y obtendrás un tamaño 2 veces más pequeño.

Paso 4. Optimiza el GIF. Elección de calidad.

Existen utilidades especiales para comprimir animaciones GIF, por ejemplo, GIFsicle.

Lo hicimos en línea especialmente para usted. Simplemente seleccione su archivo y haga clic en optimizar.

También puedes controlar la calidad del archivo.

Hemos creado tres versiones diferentes de la animación GIF para que puedas evaluar la compresión mediante reducción de escala:

• Tamaño al 100% calidad: 13,3 MB
• Tamaño al 50% de calidad: 13,3 MB
• Tamaño al 0% de calidad: 10,1 MB

Los gifs animados son muy populares en las redes sociales y, a menudo, se pueden encontrar en sitios web de entretenimiento. Usando gifs puedes mostrar el momento más exitoso a partir de un video; las capturas de pantalla gif demuestran claramente las etapas de trabajo en un programa o servicio. Las capturas de pantalla GIF también se utilizan para mostrar el funcionamiento de los elementos del sitio web, por ejemplo, un menú desplegable. Antes de descargar los archivos para la instalación, el usuario puede familiarizarse con su trabajo mediante una animación GIF. Puedes crear y subir tus propias imágenes divertidas animadas, para ello necesitarás una aplicación para Android.

Sin embargo, los GIF también tienen un inconveniente principal: son de gran tamaño y, por lo tanto, la velocidad de carga de las páginas web en las que se encuentran se ralentiza significativamente. Para superar estas deficiencias, te sugiero que consultes la lista de herramientas que te ayudarán a optimizar (reducir el tamaño) de las animaciones GIF.

Reducir O'Matic

Este es un programa sencillo de Windows para optimizar imágenes GIF. También es capaz de realizar acciones simples con imágenes, como rotar, cambiar el tamaño, cambiar el nombre y la ubicación del archivo y procesar por lotes. Formatos disponibles para procesamiento: GIF, JPEG, PNG.

Imagen óptima

Este programa se ejecuta en la plataforma Mac. Está diseñado para comprimir gifs hasta un 60-80% y más sin perder calidad.

FileOptimizer es una herramienta avanzada para comprimir animaciones GIF. El programa tiene una interfaz sencilla, por lo que puede ser utilizado tanto por principiantes como por usuarios experimentados.

Otros formatos compatibles: JPEG, PNG, SWF, TIFF, BMP, ICO

Funciona en plataformas: Windows, Mac OS, Linux

FILEminimizer Imágenes

La compresión de imágenes alcanza el 98% y más como resultado de tecnologías de optimización patentadas. Hay 4 niveles de compresión para archivos gif. Además, el programa te permite subir imágenes directamente a Facebook.

Formatos: JPG, BMP, TIFF, PNG, EMF | Plataforma : ventanas

DISTURBIO

Me gustó este programa más que otros. Puede controlar la compresión de GIF, el programa muestra el tamaño de los archivos de origen y de salida, hay una vista previa, gracias a la cual puede evaluar visualmente la pérdida de calidad. Desventaja: un gif animado se convierte en una imagen estática normal.

Optimizador de GIF

Un programa sencillo para optimizar la animación GIF. El programa tiene solo tres botones: abrir - abrir un archivo, optimizar - optimizar y Guardar como - guardar como. Puede controlar la compresión a través del menú Configuración.