Как и где сжать GIF большого размера без потери качества

Тяжёлые картинки на сайте замедляют загрузку страницы — есть риск, что пользователь с нестабильным интернетом устанет ждать и уйдет к конкурентам. К тому же большой вес файлов негативно отражается на SEO. 

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

Что будем сжимать

Решили протестировать разные сервисы для сжатия и посмотреть, где соотношение размер/качество будет оптимальным и поделиться с вами результатами. Я выбрала два варианта GIF для теста: потяжелее и полегче.

Первая версия ― гифка с котиком весом 17,1 МБ. Изначально это видео с Freepik, конвертированное в формат GIF. Не самый тяжелый вариант, но если у какого-то сервиса будут ограничения по размеру файла, всё равно получится его протестировать. По опыту скажу: чаще всего такое бывает на бесплатных тарифах, поэтому заранее постелила соломки и продумала такую версию для теста.

И для сравнения возьмём легкую и цветастую гифку ― она технически проще и весит всего лишь 720 КБ, но интересно, что с ней случится при сжатии.

Посмотрим, как разные сервисы помогут уменьшить размер разных файлов.

I love IMG

Сайт: https://www.iloveimg.com/ru/compress-image

Это многофункциональный сервис по обработке изображений: можно менять размер и тип разных файлов, обрезать картинки, редактировать фото. Инструмент для уменьшения размера файлов тут с одной кнопкой «Сжать изображения»: сервис сам выбирает, какой файл насколько уменьшить. 

Сначала загрузила в него гифку с котиком. Уменьшил на 47% до 9,21 МБ. Качество осталось примерно как у оригинала.

Цветной фон сервис решил сжать на 39%, вышло 441,84 КБ. К качеству никаких претензий.

На заметку: если у вас появилась мысль прогнать гифку через сервис ещё раза три, чтобы довести размер до минимума — так не работает. Если повторно загрузить сжатое изображение, программа просто выплюнет его обратно и гордо объявит о сжатии в 0%.

GIF Compressor

Сайт: https://gifcompressor.com/ru/

Этот сервис специализируется на гифках: сжимает их, конвертирует в другие форматы файлов, а также переводит PNG в GIF. Здесь можно регулировать степень сжатия и добавлять сразу несколько гифок. Есть и некоторые ограничения, например, размер файла до 50 МБ, а пакетное сжатие до 20 файлов. 

Гифку с котом программа сжала всего на 7% до 16,1 МБ. Выглядит вполне прилично, ощутимых потерь в качестве не обнаружено. 

Но хотелось посильнее сжать гифку, потому что она всё ещё была довольно тяжелой. Сжала до 12 МБ, и тогда в некоторых местах качество ухудшилось.

Легкую картинку сервис сжал ещё меньше: на 6% до 679,3 КБ. Качество хорошее, но хотелось бы увидеть более сильное сжатие. Итоговый результат ― ну, норм. 

Compress.com

Сайт: https://www.compresss.com/ru/compress-gif.html

Сайт специализируется на сжатии разных файлов: изображений, видео, аудио. На гифки тут есть лимит: исходник должен весить не более 40 МБ. Загружать можно до 100 файлов.

Попробуем уменьшить гифку с котом. На выбор есть три степени сжатия, где 1 ― минимальное. Я выбрала максимальное, тройку, и получилось сильное (на 57%), но кошмарное по качеству сжатие. Попробовала средний вариант, получился файл весом 9,2 МБ (-49%) с нормальным качеством. 

Протестируем сервис на легкой картинке с цветным фоном, в этот раз я сразу задала среднее сжатие. Получилось отлично: вес снизился до 427,06 КБ (на 41%), качество осталось, как у оригинала.

Тимбрика

Сайт: https://timbrica.com/ru/gif-compressor

У сервиса удобный функционал в работе с GIF: файлы можно оптимизировать палитру и кадры, применять готовые пресеты под требования платформ. Есть также инструменты для видео: обрезка, изменение размера, конвертация в GIF, удаление звука и отзеркаливание. Лимит на размер файла — до 100 МБ, а ещё есть настройка целевого размера и пакетная обработка.

Если нужно агрессивное сжатие и при этом сносное качество, этот сервис ― самое то. Сжал гифку с котом на 53,4% до 8 МБ, при этом на гифке появилась только зернистость. Неплохой результат.

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

Ezgif

Сайт: https://ezgif.com/optimize

Сервис специализируется на редактировании анимаций, в том числе GIF-файлов: их можно создавать, конвертировать в другие форматы, менять размер и даже восстанавливать качество. Можно задавать настройки сжатия вручную, максимальный размер файла ― до 200 МБ. 

Гифку с котиком уменьшил до 8,79 МБ, на 48,85%, при этом качество осталось такое же, как у исходника. 

Легкую картинку сервис решил сжать до 433 КБ, уменьшил на 39,87%. Результат мне понравился. Качество совсем незначительно хуже, чем при более слабом сжатии: чтобы заметить разницу, нужно сильно всматриваться.

FreeCompress

Сайт: https://freecompress.com/reduce-gif/reduce-gif-size-to-5mb

Сервис обещает сжать гифку до 5 МБ без потери качества, ускоряя загрузку сайтов и упрощая обмен файлами. Доступны различные варианты сжатия с заданными лимитами, например, 50 КБ, 200 КБ, 2 МБ и другие. Также можно сжать видео, картинку, PDF, аудио и даже HTML-файл.

Загрузила тяжёлую гифку, сервис довольно хорошо сжал её, правда не до 5 МБ, как обещано, но зато без потери качества. В итоге получился годный GIF-файл размером 8,3 МБ.

Легкую гифку тоже сжал примерно в половину: получила файл хорошего качества весом 411 КБ. Не очень понятно, по какой логике сжимает сервис, потому что я пыталась сжать эту гифку до 200 КБ по заданному лимиту. Однако с точки зрения качества делает всё достойно.

Photoshop

Сайт: https://www.adobe.com/ru/products/photoshop.html

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

Загружаю в программу гифку и отправляюсь в меню: «File» — «Export» — «Save for Web» или «Файл» ― «Экспортировать» ― «Сохранить для Web».

Откроется меню с кучей настроек. Сначала важно убедиться, что Photoshop планирует сохранить именно гифку: формат файла (GIF) будет указан вверху справа. Дальше можно пройтись по инструментам — на размер файла в первую очередь влияют:

1. Color reduction algorithm — поле прямо под форматом файла. Это цветовая схема. Если выбрать ограниченную (restrictive), изображения останется цветным, но потеряет оттенки. Это ощутимо уменьшит файл, но и ухудшит качество, если в гифке много оттенков.
2. No dither (без дизеринга) — это поле отвечает за мягкость переходов. Если сделать dither, границы в изображении станут резче. Можно попробовать с простыми изображениями.
3. Transparency (прозрачность). Если в гифке нет прозрачных участков, её можно смело отключать.
4. Lossy — это потери качества. Можно подставлять разные цифры и смотреть, как меняется гифка.

Сжала гифку с генератором до 12 МБ. Качество, конечно, снизилось, но результат сносный.

Гифку с фоном удалось сжать до 386 КБ. Но качество пострадало уже сильно.

Что в итоге

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