Матвей Земсков

Заметки веб-мастера

Среда, 20 января 2016 12:02

Изменяем размеры анимированных gif-файлов

Оцените материал
(4 голосов)

Я заметил, что в последнее время стало популярным размещать в соцсетях анимированные gif-файлы. Очень часто они встречаются в ленте новостей. Возможно, кому-то может потребоваться изменить размер такого файла перед размещением. В связи с этим предлагаю вашему вниманию перевод одной статьи, как раз на эту тему.

Анимированные gif-файлы являются изображениями, но вы не можете работать с ними также, как с изображениями других форматов, таких как PNG, JPEG или WebPs. gif-файлы — можно считать разновидностью видео-файлов, потому что они состоят из кадров, но к сожалению нет возможности управлять их проигрыванием или повторным воспроизведением.

По мнению автора заметки, лучшей утилитой для работы с графическими файлами является ImageMagick, однако она не является лучшей для операций над анимированными gif-изображениями. Другая программа, под названием gifsicle – подходит для этого гораздо лучше.

В этой заметке будет рассказано о том, как с помощью gifsicle объединить 2 файла в один, оптимизировать gif-файлы с анимацией и изменить их размеры.

Если вы попытаетесь изменить размеры gif с помощью ImageMagick, то в результате вы получите только первый кадр из вашего файла нужного вам размера. Это замечательно, но ведь вам нужно, чтобы в файле сохранилась анимация (то есть остались все кадры), верно?

Предлагаю вашему вниманию несколько простых примеров изменения размеров gif-изображений с помощью gifsicle.

gifsicle

	# Масштабируем изображение - 50%
	gifsicle --scale 0.5 -i animation.gif > animation-smaller.gif

	# Изменяем ширину изображения, высота прежняя
	gifsicle --resize-fit-width 300 -i animation.gif > animation-300px.gif

	# Изменяем высоту изображения, ширина прежняя
	gifsicle --resize-fit-height 100 -i animation.gif > animation-100px.gif

	# Обрезаем по размеру
	gifsicle --resize 300x200  -i animation.gif > animation-clipped.gif

Вы можете изменить размер изображения в процентном соотношении, используя ключ scale.

Также, используя ключи --resize-fit-height или --resize-fit-width можно масштабировать изображение до определенных размеров в пикселях.

Кроме того, анимированное gif-изображение можно обрезать до определенных размеров, указав ключ --resize.

В результате, выгода от использования gifsicle следующая: в вашем gif-файле после обработки и анимация сохраняется, и размер изменяется до необходимого вам.

Автор: David Walsh

Оригинал статьи - https://davidwalsh.name/resize-animated-gif

Прочитано 7917 раз
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх