Изменить размер 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-анимации без потери качества для вставки на сайт.

Уменьшаем размер картинки разными способами

Каждая картинка или изображение, называйте как вам нравится;), имеет свой размер, который складывается из нескольких моментов, это высота-вертикаль, ширина-горизонталь (px) и вес — килобайт (КБ), мегабайт (МБ).

Уменьшение размера (веса) изображения положительно скажется на скорости загрузки сайта — web-производительности, а также поможет сэкономить место на хостинге, компьютере, флешке.

Согласитесь, изображения сделанные на профессиональных фотоаппаратах (зеркалках), порой могут весить больше 2-х мегабайт, а по ширине быть 2500 px. Если такое изображение без сжатия вставить на сайт, то это в значительной мере увеличит время загрузки, за что сегодня ПС накладывают фильтр, особенно это касается ПС Google.

Первый способ оптимизируем изображение перед загрузкой на сайт в программе Photoshop

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

  • 1. Открываем новый файл при помощи программы Photoshop и потом нажимаем «Сохранить для Web».
  • 2. Открывается новое окно, где задаём необходимые параметры: качество, формат и размеры изображения.

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

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

Размер изображения (в пикселях) меняю в этом же окне, что удобно. Нажимаю «Сохранить» и дальше прописываю название файла на латинице.

Второй способ сжатия изображений с помощью сервисов-онлайн

Если честно, то прибегаю к этому методу крайне редко. Однако, эти сервисы помогают сжать без потери качества сразу несколько (пакет) изображений, что влияет на продуктивность. Это многим известные сервисы krakin.io, TinyPNG ; Compresspng и другие.

Расскажу ещё про один — это Optimizilla , который протестировала и результаты мне действительно понравились. Попробуйте и вы.

На скриншоте видно, что в систему было загружено фото JPEG, весом 60 КБ. Сервис сжал его автоматически на 39% до 37 КБ, но визуально качество практически не пострадало.

С помощью удобного ползунка или знаков [+ -] можно поиграть с качеством изображения; приблизить фото и лишний раз рассмотреть все детали после сжатия, перед тем как сохранить. Это очень актуальная функция предосмотра фото, для сайтов с портфолио фотографа, туристических, женских ресурсов, интернет-магазинов, где важны изображения товаров в высоком качестве.

Изменение размера высоты и ширины изображения

Процесс изменения размера ширины и высоты изображения думаю сегодня уже не вызывает затруднения ни у кого. Сделать это можно как онлайн, так и в стандартном графическом редакторе Paint или более удобном Paint.NET.

Открываете новый файл в программе, нажимаете «Изменить размер», отмечаете, что в пикселях, сохраняя при этом пропорции. Ок.


Изменяем вес изображения в формате Gif онлайн

В этой части статьи расскажу, как быстро сжать не только изображения в формате JPEG, PNG, SVG, но и Gif. Gif-ки весят достаточно много, поэтому велико число запросов, как уменьшить вес gif картинки без потери анимации и дополнительных усилий).

  • Воспользуемся первым онлайн-сервисом Compressor.io .

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

Пример, сжатия Gif анимации смотрите на скриншоте. Скачать оптимизированное изображение можно удобным для вас способом: на компьютер, сохранить на Dropbox, Google Диск (drive.google.com).

  • Второй сервис Online Image Optimizer .

Название сервиса говорит само за себя. Online Image Optimizer легко оптимизирует разные форматы изображений, в том числе и Gif анимацию. Достаточно загрузить изображение и нажать «Optimize». Дополнительно сервис Online Image Optimizer помогает быстро создать не только favicon для сайта, но имеет в своём арсенале много полезных онлайн-инструментов.


  • Третий способ — это программа-приложение SuperGIF для MacOS и Windows.


Вы можете приобрести платную версию SuperGIF или бесплатно скачать демо, где есть небольшие ограничения по функционалу.

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

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

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

Способ 1: ILoveIMG

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

  1. Перейдите на сайт ILoveIMG по ссылке выше и выберите раздел «Сжать Изображение» .
  2. Приступайте к загрузке файла из любого доступного ресурса.
  3. Если для добавления вы используете локальное хранилище, например, жесткий диск или флешку, просто выделите изображение левой кнопкой мыши и щелкните на «Открыть» .
  4. Вы можете добавить еще несколько гифок, если хотите обработать их одновременно. Кликните на кнопку в виде плюса, чтобы раскрыть всплывающее меню.
  5. Каждый загруженный объект доступен к удалению или повороту на определенное количество градусов.
  6. По завершении всех манипуляций приступайте к запуску сжатия.
  7. Скачать все сжатые файлы или выгрузить их в онлайн-хранилище можно, нажав на соответствующую кнопку. Кроме этого начнется автоматическая загрузка архива, если изначально было добавлено несколько изображений.

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

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

Как уменьшить размер файла GIF

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

Способ первый: с помощью программы GIMP

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

  1. Откройте приложение и нажмите на кнопку «Файл».
  2. В появившемся меню кликните по строке «Открыть».
  3. Появится файловый менеджер программы. В нем вам необходимо перейти в директорию, в которой лежит GIF-изображение, выделить его и нажать по кнопке "Открыть".
  4. Сразу после этого картинка будет загружена в программу. Нажмите по кнопке "Изображение", которая находится на верхней панели. Из выпадающего меню выберите пункт "Режим".
  5. Появится дополнительное меню, в котором вам надо выбрать режим отображения изображения. Выбирайте RGB.
  6. Теперь нажмите по кнопке "Фильтр". В открывшемся списке опций выберите "Анимация" и "Разоптимизировать".
  7. После этого появится новая вкладка в программе. Теперь все действия будут проводиться в ней.
  8. Опять кликните по кнопке "Изображение", только теперь выберите пункт "Размер".
  9. Откроется окно с параметрами размера изображения. В нем вам необходимо задать желаемые значения в полях "Высота" и "Ширина".
  10. Сделав это, нажмите кнопку "Изменить".

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

  1. Нажмите по кнопке "Файл".
  2. В появившемся меню выберите опцию "Экспортировать как".
  3. Откроется уже знакомое окно файлового менеджера. В этот раз в нем необходимо перейти в папку, в которую вы желаете сохранить картинку.
  4. Сделав это, в выпадающем меню "Выберите тип файла" найдите пункт "Изображение GIF".
  5. Перепроверьте все заданные параметры и нажмите кнопку "Экспортировать".
  6. Появится окно, в котором необходимо поставить отметку напротив пункта "Сохранить как анимацию".
  7. Нажмите "Экспорт".

Это первый способ, как уменьшить размер GIF-анимации. Теперь перейдем непосредственно ко второму.

Способ второй: с помощью программы Adobe Photoshop

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

  1. Запустите приложение, затем нажмите кнопку «Окно». Следующий шаг - нажмите меню «Рабочая среда» и поставьте галочку напротив пункта «Движение».
  2. Затем выберите файл, масштаб которого вам требуется изменить. Для этого нажмите «Файл», затем «Открыть».
  3. Откроется «Проводник». Выберите папку, в которой ваше изображение, затем вам надо выделить его мышкой и нажать кнопку «Открыть».
  4. Для того чтобы уменьшить размер GIF, воспользуйтесь пунктом «Изображение», в котором выберите вариант «Размер изображения».
  5. Перед вами будет окно коррекции высоты и ширины. Проконтролируйте, чтобы размеры были установлены в положении «Пиксели». Далее в поля «Высота» и «Ширина» необходимо ввести значения, которые вам требуются, остальные настройки остаются в прежнем положении.
  6. Проверьте настройки и жмите «ОК».
  7. Чтобы результат сохранился, жмите на пункт «Файл».
  8. В нем нажимайте на вариант «Экспортировать» затем — «Экспортировать для Web (старая версия)…».
  9. Настройки этого окна также остаются неизменны. После нажмите «Сохранить».
  10. В «Проводнике» будет ваш GIF-файл, который вы изменили. Если есть необходимость переименовать его, то правой кнопкой мыши кликните по файлу. Перед вами будет таблица с вариантами, жмите «Переименовать», после «Сохранить».
  11. Также не забудьте проверить результат проделанной вами работы перед сохранением.

У программы Adobe Photoshop, несмотря на ее удобство и простоту, имеются недостатки: она имеет платный контент, а срок действия истекает за малое количество времени.

Уменьшать размеры GIF-анимации не так сложно и кропотливо, но отличие от обычных картинок все же имеется.

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

Перед началом работы хотим вас предупредить, что вы не сможете сжать файл более, чем на 70%. Чтобы воспользоваться онлайн-сервисом, вам потребуется предварительно скачать GIF-анимацию на свое устройство.

Способ 1. ILoveIMG

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

1. Воспользуйтесь вышеуказанной ссылкой и в открывшемся окне выберите раздел "Сжать изображение".


2. Нажмите специальную кнопку "Выбрать изображения".

3. Среди файлов системы выделите вашу GIF-анимацию и нажмите кнопку "Открыть" .


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


5. Все загруженные объекты можно удалить или наклонить под нужным углом.


6. Как только закончите предварительную подготовку, воспользуйтесь кнопкой "Сжать изображения" .


7. После завершения сжатия вы можете скачать файлы на ваше устройство, использовав кнопку "Скачать сжатые изображения" .


Буквально в пару кликов мы смогли уменьшить размер GIF-анимации, воспользовавшись данным онлайн-сервисом.

Способ 2. GIFcompressor

Данный ресурс специализируется на одной единственной функции-сжатии файлов формата GIF. Вы сможете сделать все быстро и бесплатно.

1. Перейдите на онлайн-ресурс и на панели справа выберите Русский язык для удобства.


2. Загрузите GIF-анимацию с помощью соответствующей кнопки.


3. Откройте нужный файл с помощью проводника.


4. Дождитесь окончания процесса сжатия.


5. При необходимости можно удалить ненужные файлы с помощью крестиков или кнопки "очистить".


6. Скачать изображения можно по отдельности или вместе, использовав соответствующие кнопки.


7. Если скачаете все файлы разом, то они будут собраны в одном архиве.

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

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

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

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

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

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

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

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

PunyPNG - сжатие изображения (JPG, GIF и PNG) онлайн

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

Поддержка: JPG, GIF и PNG изображений
Максимальный размер файла – 500 Кбайт. Одновременно в процессе сжатия могут участвовать до 20 файлов.
Чтобы сжать и оптимизировать изображение онлайн, на главной странице веб-сервиса PunyPNG, нажимаем на кнопку Upload Images. И выбираем один или несколько графических файлов, которые хотим сжать (с расширением JPG, GIF и PNG).

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

кнопка для скачивания группы файлов изображений, если Вы загрузили от 2 до 15 штук одновременно.
Сервис PunyPNG является один из мощных инструментов по сжатию изображений (JPG, GIF и PNG) онлайн. Я рекомендую им воспользоваться.

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

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

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

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

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

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

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

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

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

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

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

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