Как уменьшить размер gif: инструкция

Вишенка на торте

Чтобы закончить статью, ощутив количество сэкономленного трафика по сравнению с GIF — общий размер всех видео выше… 1.62 МБ!! Правильно. Каких-то грёбаных 1,708,032 байт! Для сравнения, вот размер видео GIF и AV1 для каждой из сцен

	GIF	AV1
Сцена 1	11.7 MB	0.33 MB
Сцена 2	7.27 MB	0.18 MB
Сцена 3	5.62 MB	0.088 MB

Просто сногсшибательно! Не так ли?

Примечание: Размеры файлов VP9 и H264 не приведены, так как практически не отличаются от AV1 из-за использования того же битрейта. Было бы избыточно добавлять ещё два столбца с одинаковыми размерами, только чтобы подчеркнуть, что эти кодеки выдают гораздо лучшее качество чем 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-анимации, но недостатки тоже имеются: программа платная, а срок действия пробной версии слишком короткий.

Заключение

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

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

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

На десктопах

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

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

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

Сейчас 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 онлайн. Как уменьшить, повернуть

Посещая различные сайты, каждый из вас встречал яркие, прыгающие, привлекающие внимание читателей 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. Для профессионального использования как нельзя лучше подходит Фотошоп. Вот простой курс для начинающих.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.  Прямая ссылка. Ссылка, пройдя по которой, Вы получите непосредственный доступ к файлу GIF, который Вы только что изменили в размере.

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

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

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

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

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

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

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

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

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

!—noindex—>

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

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

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

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

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

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

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

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.

Дизайн GIF изображений

File > Import > Video Frames As Layers.

5. Удалите кадры-дубликаты

Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames.
Это должно значительно уменьшить размер файла.

7. Измените параметр Lossy* (потери)

точно

*«Потери» (Lossy) — допустимый уровень потери графической информации в растровом файле, позволяющий уменьшить файловый размер изображения

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

Изменить размер GIF (уменьшить, увеличить), разложить на кадры онлайн при помощи редактора GIF Resizer

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

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

Для решения этой проблемы мы предлагаем вам наш уникальный редактор – GIF Resizer.
С его помощью мы сможете быстро и просто изменить размер GIF файла – уменьшить или
увеличить его по необходимости. Для этого выполните несколько простых действий:

• Нажмите на кнопку «Изменения размера».
• Добавьте GIF-файл при помощи кнопки «Обзор».
• Введите нужную вам высоту и ширину.
• Нажмите «Применить».

Несколько секунд – и размер GIF анимации стал таким, как вы хотели!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лучше один раз увидеть, чем сто раз прочитать, правда? Давайте убедимся, что 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 сохраняет лидерство и на низких битрейтах!