Тяжёлые картинки на сайте замедляют загрузку страницы — есть риск, что пользователь с нестабильным интернетом устанет ждать и уйдет к конкурентам. К тому же большой вес файлов негативно отражается на 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: чтобы заметить разницу, нужно сильно всматриваться.

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

Интерфейс Online Image Tool

Veed

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

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

Интерфейс Veed

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

При переводе из 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

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

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

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

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

Что в итоге

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

Сервис Настройка вручную Работа с файлами от 40МБ Для чего полезен
I love IMG Нет Да Быстро уменьшить файл без потери качества, если нужно незначительное сжатие
GIF Compressor Нет Да Быстро уменьшить файл без потери качества
Compress.com Да, 3 степени сжатия Нет Уменьшить небольшой файл
Aspose Нет Нет Значительно уменьшить файл с худшим, но приемлемым качеством
Online image tool Нет Да Быстро уменьшить файл без потери качества
Veed Да, можно выбрать качество Low, Medium или High Да Попробовать посильнее уменьшить файл, если другие сервисы бессильны
Photoshop Да, много настроек Да Попробовать самостоятельно отрегулировать количество цветов, качество и размер файла, если результаты из сервисов не устраивают

Сообщение Как сжать GIF большого размера без потери качества появились сначала на Блог Unisender.

Читать далее

©