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

AV1 к вашим услугам с 2019 года!

На десктопах

Недавно поддержка декодирования AV1 видео была добавлена в десктопных версиях и Mozilla Firefox 65. Прямо сейчас поддержка в Firefox глючит и может вызвать сбои, но дела должны изменится с добавлением декодера dav1d уже в Firefox 67 (уже вышел, а поддержка появилась — прим. перев.). Для деталей о новой версии читайте — dav1d 0.3.0 релиз: ещё быстрей!

На смартфонах

Для смартфонов аппаратная поддержка в настоящее время отсутствует из-за отсутствия соответствующих декодеров. Можно сделать программное декодирование, правда это приведёт к увеличению расхода батареи. Первые мобильные SOC с поддержкой аппаратного декодирования AV1 появятся в 2020 году.

Делаем 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.

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

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

Очень быстрая и простая в использовании платформа для преобразования GIF-файлов в файлы MP4 Convertio, Это широкий сервис, который позволяет конвертировать файлы в различные форматы. Как только вы конвертируете файл в MP4, вы можете использовать редактор MP4, такой как Lightworks, для редактирования и преобразования файла. Вы обнаружите, что когда вы конвертируете файл, он будет значительно лучше оптимизирован для использования в Интернете.

Есть и другие типы файлов, к которым вы можете прибегнуть, но MP4 поддерживается практически всеми веб-браузерами. Кроме того, файлы MP4 выглядят намного лучше, чем другие форматы, поскольку это формат, предназначенный для потоковой передачи видео.

Изменить размер GIF

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

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

Способ первый: с помощью программы 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-анимации. Теперь перейдем непосредственно ко второму.

Результаты тестов

Лучше один раз увидеть, чем сто раз прочитать, правда? Давайте убедимся, что AV1 — правильный выбор для наших целей. Я взял бесплатное видео Tears Of Steel, доступное здесь https://mango.blender.org/, и конвертировал его, используя примерно одинаковый битрейт для кодеков AV1, VP9, H.264. Результаты ниже, так что вы можете сравнить их самостоятельно.

Примечание 1: Если файл ниже у вас не загружается, возможно, вам пора обновить браузер. Я бы посоветовал браузер на основе Chromium, например, Chrome, Vivaldi, Brave или Opera. Вот последняя информация по поддержке AV1

Примечание 2: Для Firefox 66 в Linux вам нужно будет установить флаг в значение в

Примечание 3: Я решил не включать обычные GIF ниже из-за их большого размера и объема данных, который мог бы потребоваться для загрузки этой страницы! (Что было бы иронично, ведь эта страница об уменьшении объёма данных на странице :)). Но вы можете посмотреть итоговые GIFы здесь https://github.com/singhkays/its-time-replace-gifs-with-av1-video/blob/master/GIFs

Примечание переводчика: Хабр не позволяет включить автовоспроизведение и зациклить файл, поэтому оценить получится только качество. Посмотреть как будут выглядеть «анимированные картинки» вживую можно в .

Сцена 1 @ 200 Kbps

Здесь много движения, что особенно чувствительно на низких битрейтах. Сразу видно, как плох H.264 на этом битрейте сразу видны квадраты. VP9 немного улучшает ситуацию, но квадраты всё ещё видны. AV1 явно выигрывает, выдавая очевидно лучшую картинку.

Сцена 2 @ 200 Kbps

Здесь много полупрозрачного CGI контента. Результаты уже не отличаются так сильно, как в прошлый раз, но в целом AV1 выглядит лучше.

Сцена 3 @ 100 Kbps

В этой сцене, мы выкручиваем битрейт вниз до 100 Kbps и результаты соответствуют. AV1 сохраняет лидерство и на низких битрейтах!

Как перевести GIF в JPG и разложить на кадры?

Еще один нюанс, который возникает у многих пользователей при работе с GIF – необходимость
разложить на кадры. Кроме того, сделать из JPG GIF – не такая сложная задача. Но
как перевести GIF в JPG? Или конвертировать в PNG?

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

Последовательность действий при этом не меняется – все происходит быстро
и просто:

• Выберите нужную анимацию.
• Нажмите на кнопку «Разложить на кадры».
• Наслаждайтесь полученным результатом!

Редактор GIF Resizer дает вам прекрасную возможность экономить свое время и силы
на работе с GIF файлами. Что бы вам ни понадобилось – изменить размер, обрезать,
уменьшить или увеличить, разложить GIF на кадры, перевести в JPG, JPEG, конвертировать
в PNG – наше приложение всегда к вашим услугам!
Редактор GIF Resizer позволяет
решить вопросы:

• Как изменить размер анимированного рисунка gif?
• В какой программе можно изменять размер анимированного изображения?
• Как уменьшить размер gif изображения?
• Как уменьшить размер анимированной картинки?
• Как изменить формат анимированных картинок?
• Как убрать логотип с анимированной картинки?

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

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

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

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

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

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

Изменить скорость GIF

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

1. В меню панели наведите курсор мыши на «Эффекты» и выберите «Настроить скорость» в раскрывающемся меню.“
2. Нажмите кнопку «Выбрать файл» и используйте проводник, чтобы найти свое изображение или вставить URL-адрес в строку поиска. Когда вы найдете файл, который хотите использовать, нажмите «Загрузить!» кнопка.
3. Выберите процент, на который вы хотите увеличить скорость, и введите его в текстовое поле ниже.
4. Нажмите «Изменить скорость!» Ваше выходное изображение будет отображаться ниже.
5. Нажмите кнопку «Сохранить», чтобы загрузить изображение в папку загрузок по умолчанию.“

Вы можете продолжать изменять скорость, как вы хотите. Если вам нужно, чтобы GIF был медленнее, вы можете сделать это тоже. Используйте любое число от 1 до 99 процентов, чтобы замедлить GIF.

Сейчас 2019 год

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

1. H.264 — появившийся в 2003 и шире всего используемый сегодня
2. VP9 — появившийся в 2013 и добившийся улучшения сжатия почти на 50% по сравнению с H.264, хотя как пишут здесь не всё и не всегда так радужно

Примечание: хотя стандарт H.265 — следующая версия H.264 и способен конкурировать с VP9, я не рассматриваю его из-за слабой поддержки браузерами, что показано на странице . Расходы на лицензирование — главная причина, по которой Н.265 не стал так же распространён как и H.264 и по которой консорциум Alliance of Open Media работает с кодеком без отчислений — с AV1.

Помните, что наша цель в том, чтобы уменьшить огромные GIFы до наименьшего возможного размера, чтобы ускорить загрузку. Это был бы странный 2019 год, если бы у нас в арсенале не появилось нового стандарта для сжатия видео. Но он есть и называется AV1. С AV1 можно добиться примерно 30% улучшения сжатия по сравнению с VP9. Лепота! 🙂

GIF Compressor

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

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

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

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

Перейдем к обзору трех интернет ресурсов. Каждый из них имеет свои особенности.

7. Дизеринг

Так как цветовая палитра GIF файлов ограничена, мы можем захотеть имитировать недостающие цвета, теми что у нас есть, используя дизеринг. В меню «Dither», мы выбираем один из алгоритмов для такой имитации. Метод «Diffusion» позволяет регулировать количество смешения. В случае использования  «Pattern» и «Noise», мы не можем ничего регулировать. Чем больше дизеринг, тем больше размер файла.  Дизеринг добавляет различным образом окрашенные пиксели, используя аппроксимацию, имитируя дополнительные цвета и сглаживая цветовые переходы. Некоторые изображения могут выглядеть очень хорошо, с использованием этой техники, но лучше использовать ее минимально, что бы сохранить маленький размер файла.

6. Какой Алгоритм для Уменьшения Цветности Выбрать?

• Perceptual (Перцепционный) предназначен для создания пользовательской таблицы цветов, в которой предпочтение отдается тонам, к которым человеческий глаз наиболее чувствителен.
• Selective (Селективный), создает таблицу цветов подобную Перцепционной, но использует наиболее часто повторяющиеся цвета в изображении и предпочтение отдается цветам, используемым в Web. Использование этой таблицы цветов дает наибольшую цветовую целостность. (Эта опция стоит по умолчанию).
• Adaptive (Адаптивный) предназначен для создания пользовательской таблицы цветов на основе спектра цветов изображения. Например, для изображения с оттенками зеленого и голубого, будет создана таблица преимущественно состоящая из зеленых и голубых цветов. В большинстве изображений цвета сконцентрированы в какой-то конкретной части спектра.
• Restrictive (Ограниченный) применяет стандартную палитру, состоящую из 216, стандартную цветовую web-таблицу общую для 8 битных (256-цветов) палитр для Windows  и Mac OS . Этот параметр гарантирует, что ни один браузер не применит дизеринг к цветам изображения с 8 битовой глубиной цвета. Если изображение имеет меньше, чем 216 цветов, то неиспользуемые цвета удаляются из таблицы.