Сжатие файлов формата gif онлайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Напоминаю:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Делаем GIF картинку меньше применив программу GIMP

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

1. Устанавливаем программу, поставив русский язык;

2. У нас на рабочем столе появляется ярлык в виде собачки с кисточкой в зубах;

3. Запускаем программу и выбираем меню файл;

4. В ниспадающем меню нужно выбрать вкладку «Открыть»;

5. Мы увидим файловый менеджер приложения, где нам нужно отыскать папочку, в которой находится наша GIF картинка. Выделяем её и открываем;

6. Мне нужно отредактировать картинку «Проверка скорости интернета», размер которой 500х500 пикселей. Мне нужно получить 300х300. Нажимаем «Открыть»;

7. После данных действий изображение загрузится в приложение GIMP. Кликнем по кнопочке «Изображение», находящейся вверху панели. В ниспадающем меню выбираем вкладку «Режим»;

8. После этого, в новом «Контекстном меню» выберем RGB;

9. После этого, нам нужно выбрать кнопочку «Фильтр». У нас откроется список функций. Выбираем «Анимация» и в новом контекстном меню выбираем «Разоптимизировать»;

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

11. Необходимо вновь нажать на кнопку «Изображение» и выбрать вкладку «Размер изображения»;

12. У нас откроется окошко с настройками размера картинки. В этом окошке нужно вписать требуемые цифры над строками «Высота» и «Ширина»;

13. Поменяв размер, нажимаем кнопочку «Изменить».

Как стало видно, GIF изображение теперь другого размера. Желаемый результат достигнут, нужно только сохранить её на ПК. Для этого, мы сделаем следующее:

1. Переходим в меню «Файл»;

2. У нас выскакивает контекстное меню, где нужно выбрать вкладку «Экспортировать как»;

3. Снова появляется знакомый нам «Файловый Менеджер». Итак, теперь нам осталось найти папочку, куда мы решили поместить наше изображение;
4. После того, как мы нашли нужную нам папочку, под командой «Выберите тип файла» выбираем «Изображение GIF»;
5. В самой верхней строчке выбираем название картинки;

6. Теперь нам осталось перепроверить все действия и кликнуть по кнопочке «Экспортировать»;

7. У нас возникло новое окошко, где нужно поставить галку рядом с командой «Сохранить как анимацию»;

8. Кликнем по кнопочке «Экспорт».

Не забываем проверить полученный результат. У меня всё вышло отлично! Это был первый метод, как уменьшить гифку? Настало время перейти к программе Adobe Photoshop.

Шаг 4. Оптимизировать GIF. Выбор качества.

Есть специальные утилиты, для сжатия GIF-анимаций, например, GIFsicle .

Специально для вас мы сделали её онлайн . Просто выберите ваш файл и нажмите оптимизировать.

Так же вы можете управлять качеством файла.

Для вас мы сделали три разные версии GIF-анимации для оценки сжатия с помощью уменьшения качества:

• Размер при 100% качества: 13.3 мб
• Размер при 50% качества: 13.3 мб
• Размер при 0% качества: 10.1 мб

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

Правда, есть маленький нюанс. Время от времени дизайнеры сталкиваются с необходимостью изменить размеры GIF
. Кому-то его нужно уменьшить, другие нуждаются в увеличении. Как отредактировать такой контент? Например, обрезать его или сжать? Был бы у вас обычный файл jpeg
, таких бы вопросов не возникало. Сжимайте его в графическом редакторе, даже не имея специальных знаний. Всего пара щелчков мышью – и работа выполнена на «отлично».

Как сделать такую GIF-ку

Если вам нужно сделать анимацию из нарезок видео, необходимо воспользоваться видеоредактором. Мы нарезаем фрагменты в Movavi VideoEditor.

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

Как видите мы ставим небольшое разрешение и хорошее качество. В итоге 25 секундный ролик весит всего 4 Мб.

Далее необходимо преобразовать видео в формат gif. Вот тут пользователи и сталкиваются с проблемой размера и качества. Мы рекомендуем использовать онлайн-сервис ezgif.com. Он всегда у меня в закладках.

Жмем на вкладку Video to GIF

Загружаем туда свой ролик.

Ставим разрешение, частоту кадров, метод сжатия, если фон в гифке в основном однотонный ставим галку напротив Optimize for static background. Поэкспериментируйте с параметрами и вы найдете идеальный вариант для себя.

НО это еще не все, после конвертации анимация все еще тяжелая. Переходим во вкладку GIF Optimizer, которая появилась под нашей новой gif-кой:

Выбираем метод компрессии и её степень:

Обычно метод я оставляю по дефолту, а компрессию в районе 70-110, если ставить больше качество заметно шакалится.

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

На этом все, надеюсь статья была полезной и максимально короткой.

Некоторые программы

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

Paint и Paint.NET

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

Для этого:

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

Другой вариант — выделить нужный фрагмент, обрезать.

Аналогичные способы работают онлайн в paint.net. В этом приложении можно дополнительно выбрать опцию обрезки холста.

Photoshop, MS Office, Snagit

Adobe Photoshop уменьшает размер изображений.

Можно:

• изменить размер снимка, отрегулировав ширину, высоту в процентах или пикселях;
• вырезать из картинки фрагмент;
• обрезать холст;
• при сохранении jpeg, выбрать save as, установить качество;
• при сохранении нажать save for web. Выбрать расширение, качественные характеристики, цвета, тип профиля, размер.

Легко использовать инструмент сжатия в стандартной утилите MS Office — MS Picture Manager. Достаточно в запущенной программе открыть картинку, на панели инструментов нажать «рисунок», выбрать «сжать рисунки». Затем указать процент преобразования, сохранить результат.

Функции компрессии нет в редакторе Snagit. Уменьшить картинку можно, только если изменить ее размеры.

Для этого необходимо:

• открыть рисунок;
• перейти во вкладку «инструменты», выбрать «изменить размер»;
• установить ширину или длину;
• нажать «сохранить пропорции»;
• подтвердить выбор.

Caesium, FileOptimizer, RIOT, XnView, MovAvi

Инструмент сжатия в англоязычном бесплатном приложении Caesium работает так:

• открыть одно или несколько изображений, нажав add (добавить);
• выбрать место хранения результата;
• кликнуть

Хороших результатов сжатия можно добиться с FileOptimizer. Англоязычная прога имеет простой интерфейс, поддерживает графические форматы, pdf, документы ms office. Чтобы запустить процесс, выбирают рисунок, кликают «optimize».

Следующая утилита для преобразования картинок  — RIOT.

Механизм работы:

• установить на пк, запустить;
• перейти в tools — options – general options (общие настройки), отметить две опции – save settings on exit, show captions for main toolbar buttons. Так сохраняются настройки и появляются надписи на инструментах;
• открыть картинку, нажав «open». В левом окне откроется исходник, в правом — вариант меньшего размера.

Приложение предлагает разные настройки для разных форматов:

• при работе с jpg выбирают качество, цветовое разрешение, прогрессивный или стандартный профиль;
• регулировка цветов доступна для gif, png.

В утилите доступен инструмент пакетной оптимизации.

Чтобы ее запустить, нажимают «batch» и выбирают опции:

• add images — картинки добавляются по одной;
• add all images from folder — оптимизируются все изображения из папки;
• add all images from folder (including subholders) — оптимизируются все изображения из папки, в том числе из подпапок.

Несколько способов оптимизации предлагают разработчики XNView:

• изменение размера. Нажать «изображение», затем «изменение размера». Указать нужную ширину или высоту в пикселях или выбрать изменение в процентах. Нажать «сохранить пропорции»;
• сжатие. Для этого в горизонтальном меню перейти в «инструменты», выбрать «пакетная обработка». Если нужно оптимизировать один или несколько файлов, щелкнуть по «добавить». Для изменения нескольких рисунков в папке, кликнуть «добавить папку». Перейти в «опции», в окне «коэффициент» указать процент, на который нужно пережать картинку.

Редактор MovAvi осуществляет пакетное преобразование:

• загрузить файлы;
• нажать «формат и качество». Установить бегунок на нужном значении;
• задать размеры;
• кликнуть «экспорт».

Advanced GIF Compressor

Not all GIFs are created equal. Some GIFs benefit vastly by the reduction of colors or the use of a single color palette. While others respond well to lossy or transparency optimizations. Our GIF compressor provides 7 GIF compression strategies. You can apply multiple strategies at once. Here are the details:

1. Compression level

This slider lets you apply a lossy LZW compression to your GIF. This works well for most types of GIFs. It can reduce GIF file size by up to 60% at the expense of some noise and dithering. However, often, the quality loss is undetectable. We recommend applying a 75% lossy compression level and adjusting further if needed. Higher values compress more.

Best for: Recommended for most GIFs

2. Drop nth frame

GIF animations are made of multiple image frames. Depending on the animation, you might be able to drop frames without much noticeable change to the animation itself. Obviously, dropping frames will reduce gif size.

This feature allows you to drop every 2nd, 3rd, 4th, or 5th frame of your GIF. For example, dropping every 2nd frame would result in 50% fewer frames. This is useful for GIFs created out of high-FPS videos.

3. Remove duplicate frames

Removing similar or duplicate frames will help to optimize your GIF file size. We also provide a Fuzz Factor, which is a measure of “similarity.” The larger the ‘fuzz factor’ more ‘similar’ frames will match and be dropped.

Best for: Use for high FPS (frames per second) GIFs or Animations with a lot of similar/duplicate frames.

4. Reduce colors

GIF files support up to 256 different colors . Reducing the number of colors in colormap can reduce GIF file size. You can choose to reduce colors up to just 2 colors.

Reduce colors + dither: Using the dither option will force the algorithm to approximate the missing colors using combinations of colors. Naturally, this will produce better-looking GIFs at the expense of bigger file-size. However, it may also cause animation artifacts.

Best for: Use if your frames have a limited number of colors.

5. Use a single color table

Usually, each frame of a GIF file has it’s own separate color table. This option will instead force the GIF to use a single global color table. As we mentioned, a color table can have up to 256 colors, and each color is 3 bytes. So you can potentially save up to 256 X 3 = 758 bytes per frame by using a single color table.

Best for: Use if each frame of your GIF has similar colors.

6: Optimize transparency

If your GIF is an overlaid animation that is repeating pixels that are already being displayed, you can replace those repeating color pixels with transparency. The result is large areas of transparency that compresses better (compared to a mix of different colored pixels). Use the Fuzz Factor settings under this option to match “similar” colors.

Best for: Use if your GIF has a lot of static background areas that do not change while animating such as, GIF of a screen recording.

7: Undo optimizations

This operation draws a complete view of the animation up to that point/frame (instead of each frame containing only the overlaid changes). Doing so would increase your GIF size, but it helps to correct your buggy GIFs, understand their frames better, or re-optimize them later.

Best for: Use to repair broken GIFs to re-optimize them later.

Other compressors by FreeConvert.com

• Compress PNG
• Compress JPEG
• PDF Compressor
• Image Compressor
• Video Compressor

Как уменьшить GIF анимацию c помощью Фотошопа?

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

Входим в Photoshop и выбираем меню «Окно». Далее в ниспадающем меню выбираем вкладку «Рабочая среда». В следующем контекстном меню вкладку «Движение»;

Теперь, нам нужна картинка, размер которой мы собрались менять. Чтобы это сделать, входим в меню «Файл» и выбираем вкладку «Открыть»;
Сейчас мы видим обычный «Проводник». Ищем папочку, где находится наш GIF рисунок. Выделяем его курсором и кликаем по вкладке открыть (или просто кликнем по рисунку 2 раза);
Для уменьшения размера картинки GIF, применим меню «Изображение», где нужно выбрать вкладку «Размер изображения»;

У нас откроется окошко, где можно изменить ширину и высоту

Обратите внимание, размер изображения должен быть в «Пикселях»;
Затем, в строки «Высота» с «Шириной» нужно вписать цифры, нужные нам для уменьшения картинки. Нажимаем ОК;

Размер нашей GIF картинки стал меньше

Теперь, нужно сохранить изменения;
Для этого, снова входим в меню «Файл». В контекстном меню выбираем вкладку «Экспортировать», далее в новом ниспадающем меню выбираем «Экспортировать для Web (старая версия)»;

В появившемся окне, мы видим 4 варианта изображения. Рассматриваем их все. Обращаем внимание, чтобы вверху слева стояла настройка GIF (по умолчанию там стоит JPEG). Выбираем одно из 4 окошек. При этом, тут внизу слева есть кнопочка «Просмотр». Нажав на неё, вы увидите, как будет выглядеть ваша картинка в браузере Internet Explorer 11. Самое главное, тут можно посмотреть какая у нас картинка — GIF или нет?

Я вам советую выбрать из 4 ту, которая меньше весит. Также, просматриваем другие настройки. Также смотрим, сколько пикселей в картинке. Я обратил внимание, что, если поставить 32, а не 64 или 128, результат показа тот же (картинки почти не отличаются). После этого, выбираем одну из 4 картинок (которую мы отредактировали), и нажимаем «сохранить»;

Затем, в проводнике, мы опять увидим наш GIF-элемент. Если нужно поменять его название, то делаем это. Нажимаем «Сохранить»;
Как и прежде, не забываем проверить результат нашей работы. У меня всё отлично работает. Вот конечный результат полученного изображения:

GIF из видео

Если нужное видео загружено на YouTube, вы сможете создать из него GIF-анимацию. Для этого в адресной строке к URL нужного ролика просто добавьте «gif».

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

Video To Gif Lab

Video To Gif Lab — онлайн-сервис, который позволяет конвертировать видео в GIF-анимацию. Для этого нужно сделать следующее:

1. На главной странице указать путь к видео на компьютере с помощью кнопки «Выберите файл» или перетащить его.

2. Нажать на кнопку Start Recording для загрузки видео в сервис.

3. Нажать на кнопку Stop Recording/Create GIF, чтобы сервис начал создавать саму гифку.

4. Если возле кнопки появится надпись rendering c количеством процентов, значит, конвертация началась.

5. После окончания конвертации под загруженным видео появится кнопка «Сохранить анимацию».

Online-convert

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

1. Загрузить видео в приложение с помощью кнопки «Выберите файл».

2. В разделе дополнительных настроек можно изменить размер и цвет или обрезать изображение.

3. Нажать на кнопку «Начать конвертирование», чтобы процесс пошёл.

4. После обработки видео откроется новое окно и файл автоматически загрузится. Если этого не произошло, нажмите на «Загрузить».

Camtasia Studio

Camtasia Studio — программа для работы с видео. В ней можно монтировать видеоролики, добавлять в них надписи и кнопки, записывать видео с экрана. В программе вы можете сохранить видео в GIF-формате.

2. Загрузить туда одно или несколько видео, которые будут участвовать в анимации. Если нужно, добавить в них надписи или кнопки.

3. Для сохранения видео в GIF нажать на кнопку Share.

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

Каждая картинка или изображение, называйте как вам нравится;), имеет свой размер, который складывается из нескольких моментов, это высота-вертикаль, ширина-горизонталь (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 или бесплатно скачать демо, где есть небольшие ограничения по функционалу.

Почему фотография не сжимается

Вариантов, как уменьшить снимки, много, но не всегда они срабатывают.

Это происходит по следующим причинам:

• при использовании онлайн ресурсов — слабый интернет;
• файл имеет слишком большой размер, интернет не справляется с его загрузкой;
• размер картинки превышает установленные сервисом ограничения;
• попытка загрузить слишком много снимков одновременно при наличии ограничений. Сжиматели не принимают 200 или более фоток;
• сервис не работает;
• выбирается более тяжелое расширение, например, webp преобразовывается в png;
• проблемы возникают с сжиманием png. Происходит это из-за того, что такие изображения уже сжаты.

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

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

Способ 1: GIMP

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

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

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

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

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

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

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

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

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

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

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

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

Способ 2: Adobe Photoshop

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

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

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

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

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

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

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

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

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

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

Заключение

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

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