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

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

Немного о веб-технологиях

Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.

Мои заметки предназначены в основном для начинающих веб-мастеров. Несмотря на это, опытные разработчики также найдут здесь что-нибудь интересное для себя.

В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.

Надеюсь информация будет полезна для посетителей.

 
Среда, 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

Прочитано 7910 раз
Свежие заметки
Наверх