Как сжать GIF анимацию: обзор онлайн сервисов. Как уменьшить объём файла анимации GIF в Photoshop Как уменьшить размер анимации

В официальных русскоязычных версиях Photoshop с незапамятных времён опция "Dithering" переводится как "Дизеринг", что является, мягко говоря, неточностью. В данном контексте "Dithering" означает "сглаживание", сглаживание переходов от одного цвета к другому.
Поскольку GIF-файлы содержат ограниченное количество цветов, для улучшения вида рисунка может понадобиться создание переходов между отдельными цветами, а для этого нужно имитировать недостающие цвета. Для создания этих цветов и существует опция "Дизеринг". Всего имеется четыре алгоритма для подобной имитации сглаживания - "Без дизеринга", "Случайное", "Регулярный" и "Шум":

Рассмотрим алгоритмы подробнее (надеюсь, с режимом "Без дизеринга" всё понятно).

Используя алгоритм "Случайное" (Diffusion), мы, можем регулировать количество сглаживания.
В алгоритмах "Регулярный" (Pattern) и "Шум" (Noise) настройки отсутствуют, Photoshop всё делает автоматически.

Для некоторых изображений "Дизеринг" просто необходим, но следует помнить, что чем больше его значение, тем больше размер файла, т.к. он добавляет разноцветные пиксели в непосредственной близости друг от друга, для имитации вторичных цветов или гладких цветовых градаций.

4. Другие настройки

"Потери" (Lossy) - управление уровнем потерь визуальной информации при сглаживании, которые могут уменьшить размер файла, но также и ухудшить качество картинки. Доступна при отключенной опции "Чересстрочно" (Interlaced).

"Прозрачность" (Transparency) - имеет смысл включить в том случае, если изображение содержит прозрачные участки. Алгоритмы сглаживания работают по принципу опции "Дизеринг" (Dithering) и называются так же.

5. Сравнение исходной и оптимизированной версий

После того, как Вы добавили свои настройки в диалоговое окно сохранения для Web, с оптимизированной версией произошли изменения, и, почти всегда, в сторону ухудшения качества. Тщательно проверьте полученный результат, сравните его с исходником:

Вы можете просмотреть анимацию, а также задать параметры повторов - один раз, постоянно или задать собственное количество повторов:

Если результат Вас удовлетворил, переходите к следующему действию - сохранению анимации.

6. Подогнать оптимизацию анимации под указанный объём файла

Такая опция тоже имеется при сохранении анимации в Photoshop. Вы можете задать размер выходного файла, и исходя из этого Photoshop сам произведёт оптимизацию, подогнав размер файла под указанный Вами.

Нажимаем на кнопку в правом верхнем углу и выбираем строку "Оптимизировать по размеру файла" (Optimize to File Size)

7. Предварительный просмотр анимации в браузере, сохранение параметров оптимизации

После того, как Вы подобрали нужные настройки, сохраните их в наборе. Кликните по значку в правом верхнем углу окна сохранения для Web и нажмите на строку "Сохранить настройки":

Анимацию с нашими настройками мы можем предварительно просмотреть в браузере, нажав на кнопку в левом нижнем углу окна:

Будет показана не только анимация, но и все данные по файлу GIF - объём, линейные размеры и т.д., а также HTML-код. Для примера я взял анимацию из этого урока :

Если всё нравится, то сохраняем файл. Для этого нажимаем кнопку "Сохранить" в правом нижнем углу диалогового окна. Открывается новое окно, где выбираем путь, ставим настройки, как показано на рисунке (это настройки по умолчанию), нажимаем кнопку "Сохранить":

Анимация будет сохранена. Если сё-таки что-то не понравится, то можно будет произвести оптимизацию заново, используя сохранённый набор настроек.

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

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

Все примеры будут основаны на коротком клипе FullHD видео 16 секунд и 30 кадров в секунду.

Немного теории о GIF

Вкратце: GIF - это максимум 256 цветов (8 бит) + сжатие без потерь (LZW).
Как и любое сжатие без потерь - оно не слишком сжимает файл. В итоге - мы уменьшим размер не более чем на 50% (очень сильно зависит от картинки).

Тестовое видео:

Считаем размер одного кадра: 1920 * 1080 * 40%-100% = 0.8-2 мб.

А теперь посчитаем для 16 секунд видео: 16 сек * 30 кадров в секунду * (0.8-2) мб = 384-960 мб!
Наш исходный файл при преобразовании получился 309мб. Меньше расчетного, но тоже большой.
Удивились? А ведь размер исходного видео всего несколько мегабайт! Как такое может?
А просто: GIF - это мамонт, да, он классный, но с ним надо уметь работать.

Шаг 1. Уменьшить GIF. Размер изображения

Обязательно уменьшите размер до адекватного (не более 640 пикселей по большей стороне).
В этом случае размер будет: 640 * 360 * 40%-100% = 90-225 кб.
И размер видео: 16 сек * 30 кадров * 90-225 кб = 42-105 мб.
Наш исходный файл при преобразовании получился 38мб. Меньше расчетного, но тоже большой.
Много? Да. Идем дальше...

Шаг 2. Количество кадров

30 кадров - это круто, но к сожалению для GIF - это очень много.
Уменьшите количество до 10 кадров и вы сократите размер в 3! раза.
Считаем: 16 сек * 10 кадров * 90-255кб = 14-35 мб.

Наш исходный файл при преобразовании получился 14.5 мб. Уже лучше.

Например, если у вас видео 60 кадров в секунду - вы можете уменьшить из ряда: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
А если 25 кадров, то ряд будет: 1, 5...
Или 30: 1, 2, 3, 6, 10, 15.

Шаг 3. Уменьшайте длительность анимации

Сокращайте/удаляйте не нужные вам сцены, здесь зависимость простая - сократили в 2 раза - получили размер в 2 раза меньший.

Шаг 4. Оптимизировать GIF. Выбор качества.

Есть специальные утилиты, для сжатия GIF-анимаций, например, GIFsicle .

Специально для вас мы сделали её онлайн . Просто выберите ваш файл и нажмите оптимизировать.

Так же вы можете управлять качеством файла.

Для вас мы сделали три разные версии GIF-анимации для оценки сжатия с помощью уменьшения качества:

• Размер при 100% качества: 13.3 мб
• Размер при 50% качества: 13.3 мб
• Размер при 0% качества: 10.1 мб

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

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

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

Способ 1: ILoveIMG

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

1. Перейдите на сайт ILoveIMG по ссылке выше и выберите раздел «Сжать Изображение» .



2. Приступайте к загрузке файла из любого доступного ресурса.



3. Если для добавления вы используете локальное хранилище, например, жесткий диск или флешку, просто выделите изображение левой кнопкой мыши и щелкните на «Открыть» .



4. Вы можете добавить еще несколько гифок, если хотите обработать их одновременно. Кликните на кнопку в виде плюса, чтобы раскрыть всплывающее меню.



5. Каждый загруженный объект доступен к удалению или повороту на определенное количество градусов.



6. По завершении всех манипуляций приступайте к запуску сжатия.



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

Теперь вы видите, что в уменьшении размера GIF-анимации нет ничего сложного, весь процесс выполняется буквально в пару кликов и не требует от вас огромных усилий или определенных знаний, достаточно загрузить гифку и запустить обработку.

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

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

Shrink O’Matic

Это простая программ для Windows для оптимизации gif изображений. Она способна и на простейшие действия с изображениями, такие как поворот, изменение размера, изменение названия файла и его месторасположения, пакетная обработка. Доступные форматы для обработки: GIF, JPEG, PNG.

ImageOptim

Эта программа работает на платформе Mac. Она предназначена для сжатия gif до 60-80% и выше без потери качества.

FileOptimizer – продвинутый инструмент для сжатия гиф анимации. Программа имеет простой интерфейс, поэтому ее могут использовать как новички, так и опытные пользователи.

Другие поддерживаемые форматы: JPEG, PNG, SWF, TIFF, BMP, ICO

Работает на платформах: Windows, Mac OS, Linux

FILEminimizer Pictures

Компрессия изображения достигает 98% и выше в результате собственных оптимизационных технологий.Различают 4 уровня сжатия gif-файлов. Кроме того, программа позволяет загружать картинки напрямую в facebook.

Форматы: JPG, BMP, TIFF, PNG, EMF | Платформа: Windows

RIOT

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

GIF Optimizer

Простая программа для оптимизации gif-анимации. Программа имеет всего три кнопки – open – открыть файл, optimize – оптимизировать и Save as – сохранить как. Вы можете управлять сжатием через меню Setting (настройки).

Ezgif"s online image resizer will resize, crop, or flip animated gifs and other images, with the same quality and speed as professional software, without the need to buy and install anything.
Useful when you need to reduce GIF size or fit the image in specific dimensions.

GIF animation resizing is sometimes tricky, and you will probably have to choose between a smaller file size or image quality.
Some gifs may need the "coalesce" option (which removes all optimizations from frames) if other methods fail and output image is flickering or has strange artifacts, but it may significantly increase file size and is very slow.

Try different resize methods if you are not satisfied with the result.
Gifsicle is usually the fastest tool and produces smaller files, but is designed for speed, not quality.

You can select the action to perform if the aspect ratio of the source image and your chosen size does not match - center and crop the image, stretch the image to fit, or force the original aspect ratio.

You can also use this tool to resize animated WebP, APNG, FLIF and MNG files without losing animation, and any other common image type.