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

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

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

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

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

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

Изначально обложку с генератором я делала в программе Adobe After Effects и конвертировала из видео в GIF через сервис File Converter. Файл получился тяжелым из-за эффекта зажигания и затухания ламп: нужно задействовать много оттенков и кадров, чтобы мерцание получалось плавным. Для наглядности в статье возьму версию для соцсетей, её вес 63,4 МБ.

Но чтобы было с чем сравнить, возьму ещё одну нашу обложку с анимацией. Она технически проще и весит всего лишь 445 КБ.

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

I love IMG

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

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

Сначала загрузила в него обложку с генератором идей. Уменьшил на 15% до 54,4 МБ. Качество осталось примерно как у оригинала.

Обложку Telegram TV сервис решил сжать на 8%, вышло 414 КБ. К качеству никаких претензий.

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

GIF Compressor

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

Этот сервис специализируется на гифках: сжимает их, конвертирует в другие форматы файлов, а также переводит PNG в GIF. Как и в прошлом сервисе, степень сжатия тут никак нельзя регулировать.

Обложку с генератором программа сжала снова на 15% до 54,4 МБ. И снова выглядит вполне прилично, ощутимых потерь в качестве не обнаружено.

Маленькую обложку с Telegram TV сервис решил уменьшить серьёзно: на 29% до 390 КБ. Вышло впечатляюще: при таком сильном сжатии визуально ничего не изменилось.

Compress.com

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

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

На выбор есть три степени сжатия, я выбрала максимальный. Получилось как и у GIF Compressor — 390 КБ. С качеством всё отлично.

Aspose

Сайт: https://products.aspose.app/imaging/ru/image-compress/gif

У сервиса широкий функционал в работе с картинками: их можно сжимать, конвертировать, обрезать, редактировать, удалять фон и даже анимировать.

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

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

Online image tool

Сайт: https://www.onlineimagetool.com/ru/

Сервис специализируется на конвертации и сжатии разных типов файлов. Вручную настройки сжатия задавать нельзя.

Обложку с генератором Inline Image Tool традиционно уменьшил на 15% до 54,5 МБ. К качеству вопросов нет — всё то же самое, что и было в других сервисах.

Обложку с Telegram TV сервис решил сжать до 317 КБ. Результат мне понравился. Качество совсем незначительно хуже, чем при более слабом сжатии — с I love img, GIF Compressor и Compress.com: чтобы заметить разницу, нужно сильно всматриваться.

У сервиса есть приятная фича: после конвертации можно наглядно сравнить результат «до» и «после». Полезно, если долго работаете с одной гифкой и глаз замыливается.

Veed

Сайт: https://www.veed.io/ru-RU/инструменты/видео-компрессор/сжать-gif

Это огромный агрегатор инструментов для работы с видео: есть, например, телесуфлёр, конвертер субтитров, диктофон, транскрибатор — и много чего ещё. Инструмент для «сжатия» GIF тоже заявлен, но на деле под сжатием подразумевают изменение формата на mp4.

Написано об этом «сжатии» честно, но мелко: по невнимательности можно не заметить. Я сначала не заметила, а потом решила провести эксперимент.

При переводе из GIF в MP4 действительно можно выбрать качество, я задала максимальное и попробовала «сжать» обложку с генератором. Сервис выдал видео на 48% легче — весило 34,4 МБ. Это видео я конвертировала обратно в гиф. 

Получился файл на 50,4 МБ — немного легче, чем во всех других сервисах. Но и качество ощутимо хуже: изображение менее чёткое, при смене освещения появились неприятные помехи.

Гифку с Telegram TV сервис превратил в видео на 353,4 КБ. После конвертации обратно в GIF вышло 423 КБ — не сильно меньше, чем исходная гифка. А качество упало сильно, примерно с таким искажением Aspose сжимал эту обложку в два раза.

Photoshop

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

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

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

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

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

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

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

Что в итоге

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