Métodos de optimización para paquetes de emoticonos dinámicos, diez consejos para resolver el problema de compresión del tamaño de gif

Aunque el formato de imagen GIF ya no es un estándar nuevo hoy en día, los objetos antiguos como GIF todavía han alcanzado una buena era. La popularidad del kaomoji y la prosperidad de varias redes sociales le brindan un escenario excelente para el bohemio y el amor por la libertad. Por lo tanto, se puede considerar que va en contra de la tendencia y se vuelve cada vez más popular. Pero tengo que decir que siempre conviven sus ventajas y desventajas, como gran tamaño, expresión imperfecta del color, etc. Especialmente cuando se trata de compatibilidad con GIF en varias plataformas, la experiencia estará limitada por el tamaño, lo que hará que las imágenes GIF ligeramente más complejas y coloridas no puedan lograr buenos resultados, lo cual es muy angustiante. Entonces, esta vez Sui Jun hablará sobre la optimización de las imágenes gif y cómo lograr un equilibrio aceptable entre tamaño y efecto.

A juzgar por la generación de imágenes gif, no es más que una producción y venta propia, utilizando diversos software como PS, AE, Flash y PPT. El segundo es cortar clips de vídeos existentes para crear gifs, que también es un método común para cortar emoticonos de series de televisión populares. Los presentaremos uno por uno.

Cuando el vídeo se convierte a GIF, el primer paso de optimización es, por supuesto, dejar solo los fragmentos útiles, es decir, editar. Para la selección de videoclips, podemos completarla en un software de edición como Premiere, y luego exportar directamente el formato de animación gif, y luego optimizar la animación gif en PS. También podemos editar los videoclips directamente en PS. métodos comunes para importar videos a PS:

01. Arrastre el video directamente a PS, luego mueva el punto de entrada y salida en el panel de la línea de tiempo y seleccione el clip requerido, como se muestra en la siguiente figura. Por supuesto, también puedes combinar el indicador de tiempo actual (es decir, la línea vertical roja en el panel de la línea de tiempo) y usar directamente la herramienta de tijeras para cortar el video y eliminar las partes innecesarias.

02. Seleccione "Archivo>Importar>Fotogramas de vídeo a capa" y luego, en el panel abierto, como se muestra en la figura siguiente, también se seleccionan el punto de entrada y salida, y el clip de vídeo seleccionado. está fusilado. PD: Si el vídeo es demasiado largo, también puedes limitar el número de fotogramas, lo que también es una forma eficaz de reducir el tamaño, pero no establezcas un número demasiado alto para evitar movimientos incoherentes.

Dado que se trata de optimizar el tamaño, evidentemente reducir el tamaño de la imagen es un método muy directo y eficaz. Y teniendo en cuenta que muchas plataformas también tienen restricciones en el tamaño de visualización de gif, por ejemplo, el ancho más largo no puede ser mayor que un tamaño fijo; de lo contrario, la animación no se puede mostrar directamente, etc. Por tanto, existen dos formas de modificar el tamaño. Una es seleccionar directamente "Imagen>: Tamaño de imagen". La tecla de acceso directo es Ctrl+Alt+I. Puede abrir el panel de modificación como se muestra a continuación e ingresar la cantidad de tamaños que necesitamos.

Para reducir el largo y ancho de una imagen, además de usar el comando de tamaño de imagen, también puedes modificar el tamaño en la interfaz de guardar, es decir, "Guardar como formato web..." panel. La tecla de acceso directo es Ctrl+Shift+Alt+S, pero si la resolución del video es relativamente grande, como 1080p, la tarjeta tardará mucho en cargarse al abrir este panel, por lo que se recomienda usar "Tamaño de imagen". para modificarlo primero.

En la categoría de conversión de video a gif, después de abrir el video en PS (este método es para abrirlo en forma de animación de cuadros), los cambios de movimiento entre algunos cuadros son extremadamente discretos. Algunos marcos que son exactamente iguales. En este momento, podemos eliminar fotogramas duplicados, conservar solo un fotograma y mantener el ritmo de la animación aumentando el tiempo de retardo del fotograma en lugar de utilizar la cantidad de fotogramas para mantener el ritmo. Debido a que cada fotograma ocupa el tamaño de la animación gif, cuantos menos fotogramas, menor será el tamaño natural y el ritmo se puede establecer sin destrucción.

Cuando no se puede cambiar el largo, ancho y tamaño de la imagen, es un buen método modificar directamente el número de colores para reducir el tamaño del gif. La operación aún se realiza en el panel "Guardar para Web...". Como se muestra en la imagen a continuación, después de hacer clic en el triángulo pequeño, aparecerá un menú desplegable con varios números para elegir. El formato gif admite colores de 8 bits, por lo que el límite máximo es 256 colores. Para animaciones gif cuyos colores no son muy brillantes, si no puedo presentarlos, puedo agregar algunos más. Además de los valores preestablecidos, también puede ingresar directamente manualmente la cantidad de colores que desee.

Esta característica funciona con el valor Color. Como se muestra en la figura siguiente, puede ver varios algoritmos después de hacer clic en el triángulo pequeño.

Adobe explica oficialmente el significado de estos algoritmos de la siguiente manera. En la mayoría de los casos, podemos satisfacer nuestras necesidades seleccionando el valor predeterminado "opcional". Cuando nos encontramos con las situaciones especiales que se mencionan a continuación, podemos elegir el algoritmo correspondiente.

01. Perceptible: Crea tablas de colores personalizadas priorizando los colores a los que el ojo humano es sensible.

02. Opcional: Cree una tabla de colores que sea similar a una tabla de colores "perceptibles", pero que facilite la preservación de áreas amplias de color y colores web. Esta tabla de colores normalmente produce imágenes con la máxima integridad de color. Opcional es la opción predeterminada.

03. Seguimiento de muestras: cree una tabla de colores personalizada extrayendo muestras de colores del espectro de colores principal de la imagen. Por ejemplo, una imagen que contiene sólo verde y azul produce un mapa de colores que consta principalmente de verde y azul. La mayoría de las imágenes tienen colores concentrados en áreas específicas del espectro de colores.

04. Limitado (Web): utiliza la tabla de colores estándar de 216 colores comúnmente utilizada en las paletas de Windows y Mac OS de 8 bits (256 colores). Esta opción garantiza que cuando la imagen se muestra en colores de 8 bits, el alias del navegador no se aplica a esos colores. (Esta paleta también se llama Paleta de seguridad web). El uso de la paleta Web puede crear un archivo grande, por lo que esta opción solo se recomienda si evitar las sombras del navegador es una prioridad.

05. Personalización: Utilizar una paleta de colores creada o modificada por el usuario. Si abre un archivo GIF o PNG-8 existente, tendrá una paleta de colores personalizada.

Debido a las limitaciones del formato gif, sólo admite colores de 8 bits como máximo y sólo 256 colores como máximo, lo cual sigue siendo muy poco. Por lo tanto, el panel "Guardar como formato web..." proporciona la función "imitar color", que simplemente significa lograr una combinación de colores más vivos mediante la imitación. La explicación oficial se refiere a un método de simulación de colores que no se proporciona en el sistema de visualización en color de la computadora. Un porcentaje de imitación de color más alto hace que aparezcan más colores y detalles en la imagen, pero también aumenta el tamaño del archivo. Para obtener la mejor relación de compresión, utilice el porcentaje más bajo de color simulado que proporcione el detalle de color deseado. Si la imagen contiene predominantemente colores sólidos, normalmente se mostrará bien sin aplicar tramado. Las imágenes que contienen tonos continuos (especialmente degradados de color) pueden requerir imitación de color para evitar bandas de color.

Como se muestra en la figura siguiente, existen tres métodos de imitación de color:

01. Difusión: aplique un patrón aleatorio que suele ser menos obvio que el color de imitación "patrón". El efecto de imitación de color se extiende entre píxeles adyacentes.

02. Patrón: Utilice un patrón cuadrado similar a los medios tonos para simular cualquier color que no esté en la tabla de colores.

03. Ruido: Aplica un patrón aleatorio similar al método de imitación de color de "difusión", pero el patrón no se difunde entre los píxeles adyacentes. Cuando se utiliza el método de tramado abigarrado, no aparecerán costuras.

Esta función determina cómo optimizar los píxeles transparentes en una imagen. En la mayoría de los casos, se pueden utilizar las configuraciones predeterminadas. Si se requieren más configuraciones, consulte la siguiente documentación oficial para obtener instrucciones:

01 Para hacer que los píxeles totalmente transparentes sean transparentes y mezclar píxeles parcialmente transparentes con un determinado color, seleccione "Transparencia" y luego seleccione una A. color mate.

02. Para rellenar píxeles totalmente transparentes con un color y mezclar píxeles parcialmente transparentes con el mismo color, seleccione un color mate y anule la selección de Transparencia.

03. Para seleccionar un color de máscara, haga clic en la muestra de máscara y seleccione un color en el selector de color. Como alternativa, elija una opción en el menú lateral: Color de pipeta (usando el color en el cuadro Muestra de pipeta), Color de primer plano, Color de fondo, Blanco, Negro u Otro (usando el Selector de color).

Cuando se selecciona la opción "Transparencia" para el tramado transparente, como se muestra en la siguiente figura: Puede elegir el método para aplicar el tramado a algunos píxeles transparentes:

01. no imitará el color y se aplicará a los píxeles parcialmente transparentes de la imagen.

02. Los patrones aleatorios aplicados por "Dither Transparent Dither" generalmente no son tan obvios como "Pattern Dither". El efecto de imitación de color se extiende entre píxeles adyacentes. Si selecciona este algoritmo, especifique el porcentaje apocromático para controlar la cantidad de apocromático aplicado a la imagen.

03. Pattern Transparency Dither aplica un patrón de bloque similar a un semitono a píxeles parcialmente transparentes.

04. "Varios colores de imitación transparentes" aplica un patrón aleatorio similar al algoritmo "Difusión", pero no difunde el patrón entre los píxeles adyacentes. Las costuras no aparecerán cuando se utilice el algoritmo de ruido.

En el panel "Guardar como formato web...", el modo de vista de contraste de "Antes y Después" nos facilita comprobarlo y obtener los mejores resultados.

La operación es como se muestra en la siguiente figura:

Se puede ver que cuando cambiamos el color a "64 colores", se optimiza el contraste entre la imagen original y la imagen original.

Este movimiento es definitivamente el movimiento definitivo. Como se indicó anteriormente, todos necesitamos ajustar manualmente los parámetros, comparar efectos y realizar modificaciones repetidas para lograr los mejores resultados. Con este movimiento, PS automáticamente nos ayudará a equilibrar los parámetros, para luego calcular el resultado óptimo dentro del volumen máximo que establezcamos. El método de funcionamiento también es muy sencillo. Como se muestra en la imagen a continuación, simplemente haga clic en el menú contextual en la esquina superior derecha del panel "Guardar como formato web...", luego haga clic en "Optimizar tamaño de archivo" e ingrese nuestros requisitos de volumen en el panel emergente.

Bueno, este es un método que Sui Jun aprendió sobre la optimización de la animación gif, o el método de comprimir el tamaño, que se usa a menudo en la vida diaria. Espero que sea útil para los amigos a quienes les gusta hacer imágenes gif y emoticones dinámicos.