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

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

изменить, уменьшить размер gif

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

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

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

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

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

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

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

утеряна страница анимации гиф

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

Идем на вкладку Изменить размер gif.

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

1. выбрала файл у себя на компьютере (прыгающую стрелку, размером которой был недоволен сервис speedpage);

2. загрузила ее;

3. выбрала новую ширину и высоту (поменьше);

4. скачала измененный файл.

неправильное уменьшение гиф

Мне не понравилось, получилось неаккуратно.

Второй способ – получить раскадровку в архиве zip
  • Для этого нажмите кнопку Раскадровка, файл скачается.
  • Затем рапакуйте zip архив в отдельную папку.
  • Последовательно каждое изображение обработайте в программе Paint. Как это делать я подробно писала здесь.

Напоминаю:

  • откройте картинку в программе Paint =>
  • в верхнем меню выберите Рисунок =>
  • Растянуть/наклонить =>
  • выберите процентное соотношение уменьшения =>
  • OK =>
  • Сохранить.

Раскадровка gif для уменьшения размера

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

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

Затем идите на вкладку Создать Gif анимацию. Нажмите кнопку Загрузить, последовательно загрузите все обработанные элементы (у меня было десять).

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

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

Все понравилось? Создать, гифка скачается на компьютер.

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

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

В сервисе http: // inettools.net/ выберите вкладку Поворот изображений.

Выберите изображение у себя на компьютере => Загрузите =>

Повернуть gif

Укажите угол поворота 90, 180, 270 градусов или произвольный угол =>

Повернуть gif на 90 градусов

Повернуть gif =>Скачать файл.

скачать файл

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

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

Результат моих трудов - красную прыгающую стрелку посмотрите в сайдбаре.

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

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