Как сжать GIF анимацию: обзор онлайн сервисов. Изменить размер GIF: легче не бывает! Сжать gif файл

Я Вам предлагаю воспользоваться онлайн редактором, который называется «Ezgif.com », где можно не только изменять размер анимационных картинок, но и оптимизировать их, т. е. уменьшать их вес.

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

Заходим сюда

Инструменты онлайн редактора «Ezgif.com»

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

Онлайн редактор выглядит так:

Редактора «Ezgif.com» для редактирования анимационных GIF картинок

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

Возможности онлайн редактора:

1. Обрезка изображения

2. Изменение размера

3. Оптимизация изображения

4. Добавление эффектов

5. Изменение скорости анимации

6. Разборка анимации на кадры (фрагменты)

7. Добавление текста

8. Наложение другого изображения

Казалось бы, с виду простенький редактор, а какой мощный.

Давайте теперь рассмотрим все перечисленные инструменты отдельно.

Crop (Обрезка изображения): простой онлайн инструмент для обрезки анимационных картинок.

Загрузите картинку, а потом с помощью мыши выделите нужную часть изображения, которую хотите обрезать. Нажмите затем «Crop it » и все готово.

После того, как Вы загрузите изображение, под этой картинкой появляется информация о нем: размер в КБ, габариты картинки, и сколько кадров она содержит.

При обрезании картинки, можно задать размер вручную. Для этого под изображение нужно в поля «Left », «Top », «Width » и «Height » ввести нужные значения.

Resize (Изменение размера изображения): с помощью этого инструмента, можно изменить размер картинки или обрезать ее. После уменьшения, картинка остается такого же качества, и скорость анимации не изменяется.

В полях «New width » и «New height » нужно задать новый размер изображения, или можно просто указать процент (Percentage), а затем нажать «Resize it! ». Картинка будет уменьшена на процент, который Вы указали

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

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

Optimize (оптимизация): а с помощью этого инструмента, можно изменить размер (вес) файла GIF. Вес картинки становится меньше за счет уменьшения количества цветов в каждом кадре. Каждый кадр GIF содержит до 256 уникальных цветов, но при уменьшении количества цвета, можно добиться меньшего размера файла.

Оптимизация имеет множество методов, но можно подобрать оптимальный вариант, чтобы качество картинки оставалось хорошим. Подробнее об оптимизации читайте на сайте.

Effects (эффекты, изменение цвета изображения): с помощью этого инструмента, можно зеркально переворачивать изображение по горизонтали и вертикали.

Также изображение можно повернуть под определенным углом, если задать степень в поле «Rotate ». Изображению можно назначить другой цвет, сделать его черно-белым, или придать какой-то другой оттенок.

Speed (изменение скорости GIF анимации): этот инструмент предназначен для изменения скорости анимации.

Если вы хотите изменить скорость анимации пропорционально текущей, тогда используйте процентное соотношение «% of curent speed », а чтобы задать задержку между кадрами, нужно использовать метод «». Параметр «hundrediths of second between frames » задает время задержки между кадрами в сотых секундах (1/100)

Split (разобрать GIF картинку на кадры): э тот инструмент предназначен для преобразования анимационных GIF изображений в отдельные кадры, после чего каждый кадр можно редактировать отдельно.

Все кадры анимационной картинки можно скачать на компьютер. Для этого надо кликнуть по кадру правой кнопкой мыши, а затем в контекстном меню выбрать «сохранить изображение как …». Также все кадры можно скачать одним zip-архивом кликнув по «Download frames as ZIP »

Write (добавить текст): э тот инструмент позволяет добавлять текста к GIF анимации. Вы можете добавить текст ко всей GIF картинке, или к отдельным ее кадрам. Текст на картинке можно перемещать с помощью мыши.

Overlay (наложение другого изображения): этот инструмент позволяет на GIF изображение наложить другую картинку, и желательно, чтобы она была формата PNG или GIF.

Анимированные графические файлы с расширением GIF очень популярны в интернете. Однако на многих сайтах всё ещё существуют ограничения на размер загружаемых ГИФ. Потому сегодня мы хотим представить способы, которыми можно изменить высоту и ширину таких изображений.

Поскольку GIF представляет собой последовательность кадров, а не отдельную картинку, изменять размер файлов в таком формате непросто: понадобится продвинутый графический редактор. Самыми популярными на сегодняшний день являются Adobe Photoshop и его свободный аналог GIMP – на их примере мы покажем вам эту процедуру.

Способ 1: GIMP

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

1. Запустите программу и выберите вкладку «Файл» , затем используйте опцию «Открыть» .



2. С помощью встроенного в GIMP файлового менеджера доберитесь до каталога с нужным изображением, выделите его мышкой и воспользуйтесь кнопкой «Открыть» .



3. Когда файл будет загружен в программу, выберите вкладку «Изображение» , затем — пункт «Режим» , в котором отметьте вариант «RGB» .



4. Далее зайдите во вкладку «Фильтры» , щелкните по опции «Анимация» и выберите вариант «Разоптимизировать» .



5. Обратите внимание, что появилось новая открытая вкладка в рабочем окне GIMP. Все последующие манипуляции следует проводить только в ней!



6. Снова используйте пункт «Изображение» , но на этот раз выберите опцию «Размер изображения» .

   

   Появится всплывающее окно с настройками высоты и ширины кадров анимации. Введите нужные значение (вручную или с помощью переключателей) и нажмите на кнопку «Изменить» .



7. Чтобы сохранить результаты, перейдите по пунктам «Файл» – «Экспортировать как…» .
   
   
   Появится окно выбора места хранения, имени и расширения файла. Проследуйте к каталогу, куда хотите сохранить изменённый файл и переименуйте его, если потребуется. Затем щёлкните «Выберите тип файла» и отметьте в появившемся списке вариант «Изображение GIF» . Проверьте настройки, после чего нажмите на кнопку «Экспортировать» .



8. Появится окно настроек экспорта. Обязательно отметьте пункт «Сохранить как анимацию» , остальные параметры можете оставить без изменений. Воспользуйтесь кнопкой «Экспорт» , чтобы сохранить изображение.



9. Проверьте результат работы – изображение уменьшилось до выбранных размеров.

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

Способ 2: Adobe Photoshop

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

1. Откройте программу. Первым делом выберите пункт «Окно» . В нём зайдите в меню «Рабочая среда» и активируйте пункт «Движение» .



2. Далее откройте файл, размеры которого хотите изменить. Для этого выберите пункты «Файл» — «Открыть» .
   
   
   Запустится «Проводник» . Проследуйте к папке, в которой хранится целевое изображение, выделите его мышкой и нажмите на кнопку «Открыть» .



3. Анимация будет загружена в программу. Обратите внимание на панель «Шкала времени» — на ней отображены все кадры редактируемого файла.



4. Для изменения размера используйте пункт «Изображение» , в котором выберите вариант «Размер изображения» .
   
   
   Откроется окошко настройки ширины и высоты картинки. Убедитесь, что единицы измерения установлены в положение «Пиксели» , затем введите в поля «Ширина» и «Высота» нужные вам значения. Остальные настройки можно не трогать. Проверьте параметры и нажимайте «ОК» .



5. Чтобы сохранить полученный результат, воспользуйтесь пунктом «Файл» , в котором выберите вариант «Экспортировать» , а далее — «Экспортировать для Web (старая версия)…» .
   
   
   Настройки в этом окне тоже лучше не менять, потому сразу нажимайте на кнопку «Сохранить» внизу рабочей области утилиты экспорта.



6. Выберите в «Проводнике» местоположение изменённого GIF, переименуйте при необходимости и нажмите «Сохранить» .

   
   После этого Photoshop можно закрывать.

7. Проверьте результат в указанной папке при сохранении папке.

Фотошоп представляет собой более быстрый и удобный способ изменения размера GIF-анимации, но недостатки тоже имеются: программа платная, а срок действия пробной версии слишком короткий.

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

Очевидный способ – сжать gif файл в фотошопе. Но программа установлена не всех, к тому же она большая по размеру и требует серьезных ресурсов компьютера (ОЗУ, видеокарта, процессор). Рассмотрим альтернативные способы, как быстро отредактировать gif.

Немного технических моментов

Подумать об объемах gif на сайте нужно еще на этапе создания анимации. Объем файла зависит от размеров самого изображения, числа кадров, длительности анимации, а также качество картинки.

1. Размеры.

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

1. Число кадров.

Количество кадров, воспроизводимых в секунду, также влияет на конечный объем файла. По сути, во сколько раз вы сократите число кадров, во столько раз уменьшится размер gif.

При этом рекомендуется сокращать кадры пропорционально, чтобы не повредить качеству изображения. Например, если в анимации 40 кадров, нужно уменьшать из ряда те кадры, которые смогут поделить это число. Для 40 – это 1, 2, 4, 5, 8, 10 и т.д.

1. Длительность видео.

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

1. Качество.

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

Ezgif.com

Бесплатный сервис, где можно сжать gif онлайн. Ограничение по размеру исходного файла – 35 Мб. Сразу после перехода на главную страницу нам предлагают загрузить gif-файл.

Сервис имеет много инструментов для редактирования. Нам же важно нижнее меню – более десятка методов для сжатия файлов. Описания к ним находятся на главной странице сайта. К сожалению, описания на английском языке, как интерфейс.

Выберем самый первый способ – сжатие по цвету. Внизу есть строка, в которой можно задать количество цветов. Из 256 оставим 200 цветов (значение по умолчанию). Странно, но объем файла уменьшился с 0.96 до 1.02 Мб. При этом какой-то заметной потери в цветовом качестве не обнаружилось.

А вот когда мы сжали анимацию, убрав из нее каждый 4 кадр (frame), объем уменьшился почти на 25%.

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

IloveIMG

Теперь попробуем русскоязычный сервис для сжатия gif файлов. На начальной странице нам нужно выбрать нужную анимацию.

Сервис не предлагает инструментов сжатия, как предыдущий. Посмотрим, что получится.

Наша анимация была сжата на 12%. Как уверяет сервис, без потери качества и с выбором оптимального размера. Действительно, никаких изменений в качестве мы не заметили. Преимущество – очень простой интерфейс, быстрое сжатие и моментальное сохранение на диск.

Online-Conventering

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

К сожалению, ресурс не показывает результаты онлайн. Нужно загрузить оптимизированный файл и проверить качество сжатия самостоятельно.

Наша исходная анимация с Винни-Пухом «весила» чуть больше 120 Кб. Сжатый до 80% качества файл стал объемом почти 99 Кб. Результат лучше, чем у сервиса IloveIMG. Но не забываем, что при этом мы потеряли 20% качества.

Compressor.io

И снова англоязычный сервис. На главной странице кликаем Try it!

Попробуем сжать более объемный гиф-файл. Ресурс ограничивает объем загружаемых гифок до 10 Мб. Выберем среднюю – объемом 4.32 Мб.

Compression.io уменьшил наш файл на 61% – до 1.69 Мб! При этом каких-то существенных потерь в качестве мы не заметили.

Интересная возможность – сравнивать исходный файл с полученным «в реальном времени». Можно передвигать курсор по изображению – с оригинального к сжатому, и видеть при этом изменения. Также предлагается загрузить файл на компьютер, Google Drive или Dropbox.

GIF Compressor

Сервис интересен тем, что позволяет сжимать файлы до 50 Мб. Попробуем сжать предыдущий файл и сравним результаты с Compressor.io. Удивительно, но данный ресурс сжал нашу анимацию тоже на 61%.

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

Итоги

Лишним будет рассматривать стороннее ПО при наличие такого разнообразия онлайн-сервисов. Мы попробовали работу пяти ресурсов – трех русскоязычных и двух на английском языке. Все сервисы предлагают примерно одинаковые инструменты. Единственно отличается Ezgif.com, где можно выбрать метод сжатия (уменьшение числа кадров, количества цветов и т.д.).

Из всех рассмотренных нам лично больше всего понравился Compressor.io:

• несложный интерфейс;
• визуальность (возможность просмотреть результаты сжатия);
• большой процент сжатия;
• небольшие потери по качеству.

GIF Compressor подойдет для тех, кому нужно оптимизировать крупные gif-анимации. К тому же он показывает хорошие результаты, аналогичные Compressor.io. Сервис IloveIMG хорош тем, что не уменьшает качество получаемых сжатых изображений. А на ресурсе Online-Conventering можно выбрать процент потери качества – от 1 до 100.

Анимированные 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 (настройки).

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

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

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

Способ 1: ILoveIMG

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

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



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



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



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



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



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



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

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