10 способов оптимизации gif

Kraken — сервис сжатия картинок

Kraken – сервис для сжатия и оптимизации картинок для сайтов. Тоже станет хорошим инструментов вебмастера, который решил уменьшить размер изображений для своего сайта и при этом не хочет потерять качество ее. Разработчики данного сервиса гарантируют достаточно хорошо уменьшить размер картинки и при этом сохранить ее первоначальное качество.

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

Для того чтобы воспользоваться бесплатным тарифом нужно выбрать Free online image optimizer (у вас уже откроется эта страница). Конечно, на бесплатном тарифе возможности ограничены. Например, в разделе Choose source of image (выбрать источник изображения) доступно только File Upload (закачать файл).  В разделе Choose optimization mode (выбрать режим оптимизации) доступно два режима: Lossy – сильное сжатие, но с потерями и Lossless – среднее сжатие и без особых потерь.

Картинки, которые вы решили оптимизировать, нужно просто перетащить мышкой в специальное место для закачки файлов — Click to upload or drop your images here (Щелкните, чтобы загрузить или перетащить изображения сюда)

Обратите внимание, что можно перетащить несколько изображений

Теперь можно скачать файлы, как по отдельности, нажав на кнопку Download this file или все файлы в архиве — Download kraked files in a ZIP archive. Также есть вариант переместить весь архив оптимизированных картинок в DropBox.

Ссылка Kraken.

Метод 1. Обрезка рамок GIF

MiniTool MovieMaker — бесплатная, но профессиональная видео редактор , который поддерживает самые популярные форматы файлов, такие как GIF, MP4, AVI, WebM, WMV, MKV, MP3 и т. д. Он позволяет редактировать файлы GIF по мере необходимости. Следовательно, это идеальный вариант, когда вам нужно обрезать ненужные кадры GIF, чтобы уменьшить размер GIF.

Вот как обрезать кадры GIF с помощью MiniTool

Шаг 1. Запустите MiniTool.

  • Бесплатно загрузите MiniTool MovieMaker и установите его на свой компьютер.
  • Дважды щелкните значок на рабочем столе, чтобы открыть его, и закройте окно шаблона фильма, чтобы получить доступ к основному интерфейсу.

Шаг 2. Импортируйте GIF.

  • Нажмите на Импорт файлов мультимедиа чтобы импортировать GIF, который вы хотите обрезать.
  • Перетащите его на шкалу времени или просто щелкните значок + значок на миниатюре GIF.

Шаг 3. Обрежьте GIF.

Вариант 1. Быстрая обрезка

  • Наведите указатель мыши на любой край GIF-изображения, чтобы получить значок обрезки.
  • Перетащите значок вперед или назад, чтобы обрезать ненужные кадры GIF.

Вариант 2. Полная отделка салона

  • Выделите GIF на шкале времени, а затем щелкните значок ножниц на панели инструментов, чтобы выбрать Полный сплит .
  • Когда появится окно Split / Trim, переключитесь на ОТДЕЛКА таб.
  • Переместите начальную точку GIF-клипа в желаемое место, а затем щелкните значок ножниц в начале. Переместите конечную точку в желаемое место, а затем щелкните значок ножниц на конце.
  • Щелкните значок Хорошо кнопку, чтобы сохранить изменения.

Шаг 4. Отредактируйте GIF.

  • Регулировка цвета: дважды щелкните файл GIF на шкале времени. Затем настройте контрастность, насыщенность и яркость в соответствии с вашими потребностями.
  • Добавить текст в GIF : Щелкните Текст на верхней панели инструментов, выберите стиль подписи и перетащите его на текстовую дорожку. Введите текст и щелкните Хорошо чтобы сохранить изменение.
  • Применение эффекта к GIF: переключитесь на Эффект вкладку, выберите желаемый эффект, нажмите кнопку + кнопку, чтобы добавить его в GIF.

Шаг 5. Экспортируйте GIF.

  • Когда вы закончите, нажмите Экспорт кнопку, чтобы открыть окно экспорта.
  • Установите выходной формат как GIF, переименуйте файл GIF и измените папку назначения по своему усмотрению.

Основные особенности:

  • 100% бесплатно и чисто, без рекламы, водяных знаков и пакетов.
  • Поддержка различных форматов файлов — изображение / аудио / GIF / видео.
  • Быстро разделить / обрезать / объединить файлы GIF .
  • Добавить текст в GIF.
  • Применяйте популярные эффекты к GIF.
  • Добавьте музыку в GIF.
  • Поверните и переверните GIF.
  • Конвертировать GIF в другие форматы файлов.
  • Легко создавайте GIF из изображений или видеоклипов.

Dithering (Дизеринг)

Так как GIF-файлы содержат ограниченное количество цветов, вы можете имитировать недостающие цвета доступными при помощи сглаживания. Для этого в меню Dithering (Дизеринг) необходимо выбрать один из алгоритмов. Метод Diffusion (Случайный) предназначен для регулирования количества смешения. Методы Pattern (Регулярный) и Noise (Шум) не предназначены для этого. Чем больше сглаживание на изображении, тем больше будет размер файла. Смешение добавляет разноцветные пиксели вблизи друг от друга для имитации вторичных цветов или гладких градаций в цвете. Чтобы получился хороший результат, некоторые изображения должны содержать сглаживание. Но если вы хотите сохранить маленький размер файла, то сглаживание нужно использовать как можно меньше.

Android-приложения для сжатия и оптимизации GIF-файлов

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

4. Gif Mini

Интерфейс Gif Mini прост и интуитивно понятен. Откройте GIF, а затем используйте ползунок для масштабирования изображения. Вы также можете обрезать изображение, но лучше всего это вариант «Кадры», где вы можете выбрать именно те кадры, которые нужно удалить из GIF. Например, если вы удалите все остальные кадры анимированного GIF-изображения, в результате будет получен более прерывистый GIF, но размер файла определенно будет меньше.

5. Gif Maker — редактор Gif от Kayak Studio

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

Наш GIF увеличился с 5,41 МБ до 1,69 МБ с использованием параметров изменения размера и качества приложения.

GIF Compressor

По-своему интересна программа GIF
Compressor
. Она умеет сжимать анимацию всего за 2 простых сжатия. Можно делать это сразу с несколькими файлами. Максимальный размер гиф-файла – 50 Мб.

Как изменить размер GIF картинки — вот такой вопросик созрел у меня недавно. Почему? Читайте дальше.

Доброго времени суток, мои друзья.

Сегодня часа два дня делал GIF картинку — рекламу для своего нового ежемесячного «Конкурса комментариев», о котором Вы можете прочитать в отдельном разделе моего сайта

Как нибудь позже, я расскажу и об этом. Поэтому я советую Вам подписаться на обновления
моего блога.

Для тех же, кто знает, как это делается, могут кивнуть головой, согласившись со мной с тем фактом, что такая презентация делается из отдельно взятых и созданных картинок, которые с помощью разных программ (я пользуюсь Photoshop) накладываются друг на друга.
Таким образом, просто изменить размер презентации, как в случае с обычным.JPEG файлом не получится.

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

Начнем по порядку, способ первый:

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

Идем на сайт http://www.picasion.com/ru/resize-gif/

Нашему взору откроется следующее окно, тут все просто:

Тут разобраться может даже мой восьми летний сын. Я ничего не меняю там, только устанавливаю необходимый мне размер. Загрузили — сделали необходимые изменения — жмем по «Resize image» .

Данный сервис довольно быстро изменяет размер GIF файлов. Быстро и качественно. Качество выстанавливайте максимальное из возможных.

После этого Вы увидите следующее окно

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

Сейчас я расскажу об этом подробнее…

3. HTML код для блога/вебсайта: крутая штука. Т.е. Вы сразу получаете готовый HTML код, который Вы сразу можете разместить к себе на блог и все будет работать так, как надо.

4. BBCode для форумов: форумы имеют свою кодировку, и для этой цели разработчики сделали отдельную форму. Т.е. берете данный код, размещаете его, к примеру, к подписи и размещаете на каком либо форуме. Данный способ я не проверял, но думаю он рабочий.

Я же сохранил данный файл и разместил его на блоге. Все работает. Пришлось, правда потом несколько изменить размер файла.
Есть еще один аналогичный сервис — сложного там тоже ничего нет. Думаю сами разберетесь. Вот этот сайт: http://ru.toolson.net/gifresizer/create

Кстати, если Вы не знаете как измерить размеры элементов рабочего стола, то… есть у меня статья на блоге и об этом. Читайте .
Не линейкой же ее измерять)))

Это был первый способ.

Второй очень схож, с той лишь разницей, что для работы нам будет необходимо скачать вот эту программу: GIFResizer по этой ссылке: http://www.f1cd.ru/soft/base/gif_resizer/gif_resizer_110/

Скачиваем, запускаем программу.

Привет, всем кто сейчас читает . Расскажу сегодня о своих нескольких способах, как уменьшить размер (вес) картинки, скриншота, фотографии, Gif-анимации без потери качества для вставки на сайт.

Уменьшаем вес фото на компьютере

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

Программы, которые сжимают изображение и уменьшают вес фото в мегабайтах:

Adobe Photoshop

Все-таки самая основная графическая программа. Я уже рассказала как уменьшить снимок в 2 клика если нужно (Меню — Изображение — Размер):

Дальше необходимо сохранить файл со сжатием. Жмем «Файл», «Сохранить как». Выбираем формат и место сохранения, теперь самое главное. После нажатия кнопки «Сохранить» у вас появится небольшое окно с параметрами сохранения. Нужно выбрать качество (от 1 до 12). В зависимости от выбранного качества вы будете видеть как меняется вес файла — это очень удобно.

Paint

Это самый простой редактор, который есть у каждого. Он не сжимает фото, но поможет изменить размер, что сразу скажется на весе. Моя фотография 5184х3456 весом 6Мб после изменения до 1200х899 стала весить 320Кб! Так что, для каких-то простых целей можно ограничиться Paint.

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

Другие программы для уменьшения веса изображения

Аналогично это делается в любом другом графическом редакторе. Какие программы для уменьшения веса картинки можно скачать кроме Фотошопа и Пэйнта?

  • FastStone Image Viewer
  • XnView
  • Irfanview
  • ACDSee
  • Snagit
  • ФотоМАСТЕР

В этих программах вы можете обработать и сжать сразу несколько фото. Это называется пакетная обработка. Другие фоторедакторы для компьютера с описанием можно посмотреть здесь.

Еще один вариант для ленивых чтобы ничего не скачивать — MS Picture Manager. Он уже может быть установлен в составе вашего Microsoft Office.

Изменить размер gif онлайн. Как уменьшить, повернуть

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

Я и сама использовала такую – привлекала внимание к своей форме подписки. Но gif анимация слишком много весит, поэтому сильно затормаживает загрузку блога на компьютер пользователя. 

Но gif анимация слишком много весит, поэтому сильно затормаживает загрузку блога на компьютер пользователя. 

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

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

Где взять картинку гиф

Вы увидели на каком-либо сайте картинку gif, она понравилась, вы захотели вставить ее в сайдбар (виджеты):

  • просто перетащите изображение к себе на компьютер в папку (не в документ). Позднее откроете ее с помощью интернета и получите код картинки;
  • или правой клавишей мыши откройте исходный код страницы, найдите код картинки и скопируйте его (Ctrl+F, в открывшуюся строчку вставить gif).

Как уменьшить размер gif онлайн

Уменьшить размер gif изображения как обычно – в Microsoft Office Picture Manager или Paint не получилось, картинка перестала прыгать.

Дело в том, что gif анимация представляет собой несколько изображений, упакованных в архив (раскадровка). При изменении размера в Microsoft Office Picture Manager или Paint часть изображений теряется, остается только одно.

Поэтому идем на сервис http: // ru.toolson.net/. Он позволяет изменить размер gif онлайн и сжать gif. Отдельной функции СЖАТЬ нет, но при уменьшении размера вес изображения автоматически уменьшится. Там же можно картинку обрезать.

Идем на вкладку ИЗМЕНИТЬ gif.

Вначале я просто попробовала изменить размер гиф анимации:

ВЫБРАЛА файл у себя на компьютере (прыгающую стрелку, размером которой был недоволен сервис speedpage);

ЗАГРУЗИЛА анимацию;

ВЫБРАЛА новую ширину и высоту (поменьше);

СКАЧАЛА измененный файл.

Раскадровка gif в архиве zip

Нажмите кнопку РАСКАДРОВКА, файл скачается.

РАСПАКУЙТЕ zip архив в отдельную папку.

Последовательно КАЖДОЕ изображение обработайте в программе Paint. Как это делать я подробно писала здесь.

Напоминаю:

ОТКРОЙТЕ картинку в программе Paint – в верхнем меню выберите РИСУНОК – РАСТЯНУТЬ/НАКЛОНИТЬ – ЗАДАЙТЕ процентное соотношение уменьшения – OK – СОХРАНИТЬ. 

Почему я использовала программу Paint? 

В Microsoft Office Picture Manager не удалось получить одинаковое изменение размеров. Все картинки уменьшились по-разному, даже фон получился разный – где-то прозрачный, на других не прозрачный. Собрать из таких разносортных элементов хорошую gif анимацию не получилось.

Затем идите на вкладку СОЗДАТЬ GIF анимацию.

Введите название анимации и пропишите интервал между кадрами (у меня 70). Тут можете попробовать разные значения. Чем меньше интервал, тем быстрее будет прыгать картинка. Изменяете интервал, сохраняете и смотрите, правильно ли движется картинка.

Также можно указать желаемые размеры, сделать симпатичную рамку и применить предлагаемые эффекты.

Все нравится предпросмотр? СОЗДАТЬ, гифка скачается на компьютер.

Как повернуть gif анимацию

Иногда не требуется изменить размер gif. Достаточно просто повернуть приглянувшуюся анимацию. Как это сделать онлайн?

В сервисе http: // inettools.net/ выберите вкладку ПОВОРОТ ИЗОБРАЖЕНИЙ

ВЫБЕРИТЕ изображение у себя на компьютере – ЗАГРУЗИТЕ 

УКАЖИТЕ угол поворота 90, 180, 270 градусов или произвольный угол =>

ПОВЕРНУТЬ gif – СКАЧАТЬ файл.

https://youtube.com/watch?v=B1VIZBVkYYM

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

Вот таким образом у меня получилось уменьшить размеры gif картинки, ее вес (сжать ее). Надеюсь, мои усилия положительно повлияют на скорость загрузки блога. Умение повернуть gif анимацию пригодится в будущем.

P.S. К сожалению, gif картинка отображается корректно только если вы попадаете на страницу впервые. Если вы перелистнули, а затем возвратились, браузер предоставит вам кеш страницы. И gif картинку там видно не будет. Что с этим можно сделать, пока не выяснила.

P.S. Для профессионального использования как нельзя лучше подходит Фотошоп. Вот простой курс для начинающих.

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

НАЖМИТЕ, ЧТОБЫ ПЕРЕЙТИ НАВЕРХ СТРАНИЦЫ

Метод 3. Уменьшение размеров

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

Теперь давайте узнаем, как уменьшить размер GIF с помощью Easy GIF Animator.

Шаг 1. Загрузите Easy GIF Animator из Интернета и установите его на свой компьютер.

Шаг 2. После запуска перейдите в файл > открыто чтобы импортировать GIF.

Шаг 3. Щелкните значок Изменить размер анимации в правом нижнем углу.

Шаг 4. Вот два варианта — Размер в пикселях и Размер в процентах . Выберите один и введите желаемое значение в поля для изменения размера GIF. Когда вы закончите, нажмите кнопку Хорошо кнопку, чтобы сохранить изменения.

Шаг 5. Перейдите к файл > Сохранить как загрузить измененный файл GIF.

Особенности:

Встроенный редактор изображений

Создавайте привлекающий внимание анимированный текст. Добавьте переходы и визуальные эффекты

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

Связанная статья: Как конвертировать SWF в GIF

Другие опции

  • Web Snap (Web-оснастка) помогает предотвратить размытие в браузере. Делается это путём привязки некоторых цветов к безопасным web-цветам. Чем больше web-цветов, находящихся в GIF, тем меньше браузером будет использоваться сглаживание. При значении 0% цвета будут не затронуты, а при значении 100% все цвета в изображении изменятся для Web-безопасности.
  • Lossy (Потери) – данная опция контролирует степень потерь визуальной информации, которая способна уменьшать размер файла.
  • Если в изображении содержится прозрачность, то поставьте галочку возле опции Transparency (Непрозрачность) для сохранения прозрачных пикселей. Убрав галочку, тем самым частично или в полной мере прозрачные пиксели заполнятся матовым цветом.
  • При активной опции Interlaced (Чересстрочно) файлы формата GIF в браузере будут загружаться в несколько проходов.

Как изменить размер GIF

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

Способ 1: GIMP

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

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

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

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

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

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

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

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

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

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

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

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

Способ 2: Adobe Photoshop

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

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

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

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

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

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

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

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

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

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

Заключение

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

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Алгоритм сокращения цветов

  • Perceptual (Перцепционный) предназначен для создания пользовательской таблицы цветов, отдавая предпочтение тем тонам, которые чётко распознаёт глаз человека.
  • Selective (Селективный) создаёт таблицу цветов, аналогичную Перцепционной таблице, но созданную на ключевых оттенках изображения. В этом алгоритме предпочтение отдаётся web-цветам. В Photoshop он установлен по умолчанию.
  • Adaptive (Адаптивный) предназначен для создания пользовательской таблицы цветов спектра, преобладающих в изображении. К примеру, для изображения, в котором больше всего преобладает синих и зелёных цветов, будет создана таблица из синих и зелёных оттенков. Большинство оттенков изображения собирается в определённой области спектра.
  • Restrictive (Ограниченный) применяет стандартную палитру, состоящую из 216 безопасных web-цветов. Этот параметр гарантирует, что ни один браузер не применит дизеринг к цветам изображения с 8 битовой глубиной цвета. Если изображение имеет менее чем 216 цветов, то неиспользуемые цвета удалятся из таблицы.
  • Custom (Заказная) палитра цветов выбранных пользователем.

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

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

  1. Размеры.

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

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

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

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

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

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

  1. Качество.

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

Способ 1: EzGIF

EzGIF — продвинутый онлайн-сервис, предоставляющий массу различных инструментов, подходящих для редактирования GIF-анимаций. Вы можете работать как со всем проектом, так и с каждым кадром отдельно, редактируя содержимое под свои нужды.

  1. При переходе на главную страницу EzGIF нажмите по кнопке «Выбрать файлы», чтобы указать, с каким GIF будет происходить дальнейшее редактирование.

В открывшемся окне Проводника отыщите соответствующий объект и выберите его для добавления.

Далее в той же вкладке щелкните по «Upload and make a GIF».

Рассмотрим каждый инструмент по очереди, начав с «Crop». Выберите эту опцию, если хотите обрезать лишние края GIF. Для удобства можно самостоятельно выделить активную область, трансформируя отобразившийся прямоугольник, взяв его за точки.

Опуститесь ниже, чтобы отобразились остальные параметры обрезки. Вы можете задать размер самостоятельно, указать пропорции или сделать так, чтобы онлайн-сервис автоматически обрезал лишнее. Если настройка завершена, кликните по «Crop Image» для сохранения изменений.

Выберите второй раздел «Resize», чтобы изменить общий размер полотна.

Под картинкой с анимацией отыщите поля, отвечающие за редактирование высоты и ширины. Задайте необходимое значение для каждого параметра, а также укажите один из доступных методов изменения размера. Подтвердите действие, кликнув по «Resize Image».

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

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

Под самой картинкой настраивается сжатие: перемещайте ползунок и следите за результатом. Достигнув нужного результата, щелкните по «Optimize GIF», чтобы сохранить изменения.

Далее идет набор разных инструментов «Effects».

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

Используйте «Color presets», активируя находящиеся там пункты путем установки возле них галочек, чтобы выбрать одну из цветовых заготовок или вовсе сделать анимацию черно-белой.

Дополнительно EzGIF предлагает задействовать и самые разные фильтры, превращающие изображение в нечто другое путем полного изменения палитры цветов или наложения дополнительных эффектов. Ознакомьтесь с их действием, по очереди активируя каждый пункт, чтобы понять, какой из них подойдет именно для вашего проекта. По завершении нажмите на «Apply Selected», чтобы применить выбранное.

Если вы выберете инструмент «Speed» и опуститесь ниже картинки, сможете самостоятельно изменить скорость воспроизведения анимации. Она сразу же начнет проигрываться в основном окне, поэтому слежение за результатом происходит в режиме реального времени.

EzGIF предоставляет опцию и для добавления текста к каждому существующему кадру анимации. Для этого здесь есть специально отведенный инструмент под названием «Write».

После его выбора перейдите к первому кадру. Впишите в отведенное поле текст, настройте его размер, положение и цвет. Если вас устраивает результат, кликните по «Set», чтобы применить его.

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

К текущей картинке можно добавить дополнительные элементы, например, наложить водяной знак. На верхней панели выберите «Overlay».

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

Иногда бывает необходимо обрезать анимацию, например, отделив лишние первые или заключительные кадры. В этом поможет инструмент «Cut».

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

Последний раздел «Frames» позволяет работать с каждым кадром отдельно, выводя их все на экран. Можете выбрать для каждого из них задержку, скопировать или вырезать из проекта.

Если работа с проектом завершена и вы готовы его сохранить, щелкните по кнопке «Save».

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

Итоги

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector