GIF-анимации используются преимущественно в создании дизайна сайта. Это могут быть рекламные баннеры или просто элементы интерфейса. Файлы больших размеров воспроизводятся медленнее. Это затрудняет пользователям работу с сайтами. Особенно, если компьютер недостаточной мощности или слабый интернет.
Очевидный способ – сжать gif файл в фотошопе. Но программа установлена не всех, к тому же она большая по размеру и требует серьезных ресурсов компьютера (ОЗУ, видеокарта, процессор). Рассмотрим альтернативные способы, как быстро отредактировать gif.
Немного технических моментов
Подумать об объемах gif на сайте нужно еще на этапе создания анимации. Объем файла зависит от размеров самого изображения, числа кадров, длительности анимации, а также качество картинки.
Нужно максимально уменьшить размеры самого изображения. Наиболее приемлемым считается размер стороны не более 640 пикселей.
Количество кадров, воспроизводимых в секунду, также влияет на конечный объем файла. По сути, во сколько раз вы сократите число кадров, во столько раз уменьшится размер gif.
КАК ПОСТАВИТЬ АНИМИРОВАННЫЙ АВАТАР В ДИСКОРДЕ БЕЗ ДИСКОРД НИТРО???
При этом рекомендуется сокращать кадры пропорционально, чтобы не повредить качеству изображения. Например, если в анимации 40 кадров, нужно уменьшать из ряда те кадры, которые смогут поделить это число. Для 40 – это 1, 2, 4, 5, 8, 10 и т.д.
- Длительность видео.
Очевидно, что чем дольше длится анимация, тем она объемнее. Вырезайте ненужные сцены и сокращайте время воспроизведения максимально.
Сервисы, которые будут описаны нами ниже, предлагают сжать gif с потерей или без потери качества. В первом случае размер файла сократится.
Ezgif.com
Бесплатный сервис, где можно сжать gif онлайн. Ограничение по размеру исходного файла – 35 Мб. Сразу после перехода на главную страницу нам предлагают загрузить gif-файл.
Сервис имеет много инструментов для редактирования. Нам же важно нижнее меню – более десятка методов для сжатия файлов. Описания к ним находятся на главной странице сайта. К сожалению, описания на английском языке, как интерфейс.
Выберем самый первый способ – сжатие по цвету. Внизу есть строка, в которой можно задать количество цветов. Из 256 оставим 200 цветов (значение по умолчанию). Странно, но объем файла уменьшился с 0.96 до 1.02 Мб. При этом какой-то заметной потери в цветовом качестве не обнаружилось.
А вот когда мы сжали анимацию, убрав из нее каждый 4 кадр (frame), объем уменьшился почти на 25%.
В принципе, для таких простых анимаций любой метод сжатия не критичен для качества. Смело можно пробовать разные способы и добиться минимального объема файла.
IloveIMG
Теперь попробуем русскоязычный сервис для сжатия gif файлов. На начальной странице нам нужно выбрать нужную анимацию.
Как Сделать Gif Анимацию Онлайн из Фото или Видео?! — Giphy
Сервис не предлагает инструментов сжатия, как предыдущий. Посмотрим, что получится.
Наша анимация была сжата на 12%. Как уверяет сервис, без потери качества и с выбором оптимального размера. Действительно, никаких изменений в качестве мы не заметили. Преимущество – очень простой интерфейс, быстрое сжатие и моментальное сохранение на диск.
Online-Conventering
Еще один сайт на русском языке. Сразу предлагается загрузить файл и выбрать процент качества, передвинув бегунок.
К сожалению, ресурс не показывает результаты онлайн. Нужно загрузить оптимизированный файл и проверить качество сжатия самостоятельно.
Наша исходная анимация с Винни-Пухом «весила» чуть больше 120 Кб. Сжатый до 80% качества файл стал объемом почти 99 Кб. Результат лучше, чем у сервиса IloveIMG. Но не забываем, что при этом мы потеряли 20% качества.
Compressor.io
И снова англоязычный сервис. На главной странице кликаем Try it!
Попробуем сжать более объемный гиф-файл. Ресурс ограничивает объем загружаемых гифок до 10 Мб. Выберем среднюю – объемом 4.32 Мб.
Compression.io уменьшил наш файл на 61% – до 1.69 Мб! При этом каких-то существенных потерь в качестве мы не заметили.
Интересная возможность – сравнивать исходный файл с полученным «в реальном времени». Можно передвигать курсор по изображению – с оригинального к сжатому, и видеть при этом изменения. Также предлагается загрузить файл на компьютер, Google Drive или Dropbox.
GIF Compressor
Сервис интересен тем, что позволяет сжимать файлы до 50 Мб. Попробуем сжать предыдущий файл и сравним результаты с Compressor.io. Удивительно, но данный ресурс сжал нашу анимацию тоже на 61%.
Просмотреть результаты сжатия можно только загрузки файла к себе на компьютер. Преимущество программы – русский язык, предельно простой интерфейс, хорошие результаты уменьшения размера гифки.
Итоги
Лишним будет рассматривать стороннее ПО при наличие такого разнообразия онлайн-сервисов. Мы попробовали работу пяти ресурсов – трех русскоязычных и двух на английском языке. Все сервисы предлагают примерно одинаковые инструменты. Единственно отличается Ezgif.com, где можно выбрать метод сжатия (уменьшение числа кадров, количества цветов и т.д.).
Из всех рассмотренных нам лично больше всего понравился Compressor.io:
- несложный интерфейс;
- визуальность (возможность просмотреть результаты сжатия);
- большой процент сжатия;
- небольшие потери по качеству.
GIF Compressor подойдет для тех, кому нужно оптимизировать крупные gif-анимации. К тому же он показывает хорошие результаты, аналогичные Compressor.io. Сервис IloveIMG хорош тем, что не уменьшает качество получаемых сжатых изображений. А на ресурсе Online-Conventering можно выбрать процент потери качества – от 1 до 100.
Источник: public-pc.com
Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике
Привет, котаны! Скорее всего, ты сталкивался с ситуацией, когда для работы нужна gif-ка, и ты, вроде бы, уже создал крутой креатив или обрезал кусок видео, но файл много весит и рекламная сеть не хочет его пропускать. Тогда возникает вопрос: как не потратить свои силы зря и сделать так, чтобы и крео осталось крутым, и получилось угодить требованиям платформы. Заходи к нам, мы расскажем, как можно уменьшить гигантский GIF-файл до заветных 150 кб и успешно пройти модерацию в рекламном кабинете.
Поделиться
В чем проблема тяжелых gif-изображений?
Мир меняется и ничего не стоит на месте. Интернет тоже развивается, сейчас нет проблемы с его скоростью и возможностью смотреть видео, но когда-то все было по-другому. Попробуй вспомни сам, как долго тянула интернет-страницы твоя XP-шка лет 10 назад. Как раз в те времена на рекламных площадках тяжелые видеофайлы грузились долго и, если бы рекламодатели добавляли видеоролики весом по 600 МБ, они бы загружались целую вечность и никто бы не смог ни на сайте повисеть, ни рекламу посмотреть.
К сожалению, рекламные сети не любят менять правила и пока они по отношению к креативам остаются старыми. Вот, например, скрин из Google Ads, где есть четкие требования к размеру gif-файла: он должен быть маленьким и весить всего 150 кб.
Так, оперируя уже не актуальными проблемами, рекламные сети выдвигают устаревшие ограничения для рекламодателей, а некоторые вообще с помощью алгоритмов самостоятельно сжимают объявления. И тут если хочется пройти модерацию, приходится подчиняться: либо переходить на html5, либо уменьшать размеры gif так, чтобы файл был сжат без потерь в качестве и содержании.
Немного теории. Из чего состоит формат gif-изображений и что влияет на их вес?
Чтобы понять, как уменьшить gif-изображение, важно разбираться в его структурных элементах. Формат GIF поддерживает анимации, которые содержат несколько меняющихся кадров, а также информацию о том, сколько времени каждый из них должен показываться на экране.
В итоге на размер гифки влияют такие составляющие, как: имя, палитра цветов и количество кадров. В имени содержится специальная информация о глобальной палитре, количестве битов для RGB-представления одного цвета в палитре, определения последовательности, в которой высвечиваются пиксели, а также о том, сколько битов приходится на одну точку изображения.
Говоря простым языком, вес GIF-изображения зависит от количества цветов, их яркости, суммы выбранных тобой кадров и их размера. Например, два крео на скринах ниже из гифки, которая состоит из двух кадров, влияющих на ее итоговый вес. Если бы кадров было больше, то и размер тоже увеличился бы.
Соответственно, чтобы крео не страдало ни на одном из описанных выше уровней, к коррекции веса изображения стоит подходить с умом.
Как разобраться с размером GIF-файла?
Перед тем, как заняться сжатием файла, зайди в фоторедактор. Это может быть Photoshop или любой другой инструмент, в котором открываются gif-изображения. Разложи крео на кадры и начни применять советы, которые мы предлагаем ниже. Главное, на чем ты должен сосредоточить свое внимание, это размер, число кадров, длительность видео и его качество.
Как оптимизировать креатив до 150 кб?
- Удали лишние кадры и дубликаты
- Используй как можно меньше цветов
Применять радикальные меры совсем не обязательно, можно ограничиться добавлением однотонных компонентов или легкой цветокоррекцией, чтобы избавиться от лишней яркости.
Самое грамотное решение в такой ситуации — адаптивное уменьшение цвета. Этот алгоритм выбирает цвета, которые чаще всего появляются на изображении и обеспечивает баланс между размером файла и точностью цветопередачи.
Во время экспорта крео из Photoshop у тебя также будет возможность настроить количество цветов: как ты уже понял, чем их меньше выберешь, тем легче будет твой файл.
- Сократи длительность gif-анимации
Советуем почитать — Как сделать GIF с iPhone, Android, Photoshop
Кроме того, ты можешь преобразовать видео-слой в смарт-объект, и это никак не скажется на твоем рабочем процессе, но при этом выручит решении проблемы с размером. Не забывай, что в настройках ты также можешь самостоятельно указывать подходящие параметры.
Если в твоей анимации есть переходы, старайся делать сокращения вместо затухания. Это позволит тебе сэкономить время, за которое один визуальный элемент переходит к другому, хотя посыл крео от этого не поменяется. Затухание обычно связано с большим количеством кадров и цветов, и, как следствие, с большим размером файла.
- Используй оптимизацию фотошопа и онлайн-сервисов
Эта опция будет использовать каждый второй кадр для создания слоев и таким образом уменьшит конечный размер файла. Если переноса слоев на каждый второй кадр недостаточно, используй только один из каждых 4-х кадров. Чем их будет меньше, тем лучше.
Если ты не фанат фш или не хочешь копаться в обработке, воспользуйся специальным сервисом, который оптимизирует твою гифку. В таких инструментах могут быть ограничения по весу исходного файла, поэтому лучше заранее ознакомиться с требованиями и подобрать для себя наиболее подходящий вариант.
- Ezgif.com
- IlovelMG
- Online-Conventering
- Compressor.io
- GIF Compressor
- GifGifs
- GifMaker.me
Вывод
Несмотря на колоссальный технический прогресс, рекламные сети пока выдвигают к рекламодателям устаревшие и уже неоправданные требования. Чтобы успешно пройти модерацию и выкрутиться из ситуации, приходится под нее подстраиваться.
В статье мы рассмотрели из чего состоит gif-изображение, почему оно так много весит и как уменьшить его размер. Мы рекомендуем тебе всегда начинать работу с его деления крео на кадры и чистки дублей, а уже затем переходить к цветокору, сокращению длительности видео и другим махинациям. 🙂 Ну, а если тебе совсем не хочется прибегать к фотошопу, используй специальные оптимизаторы, но обязательно проверяй качество крео перед его загрузкой в рекламный кабинет.
Источник: gdetraffic.com
Как сжать гиф. Сервисы для оптимизации gif
Как сжать гиф; как оптимизировать gif; как уменьшить гифку; изменить размер гиф-анимации онлайн – и куча других запросов в поисковике. Размер изображения (а гифка то, по сути, изображение) напрямую влияет на скорость загрузки веб-страницы и, хотя время диалап-провайдеров давно прошло, требования к оптимизации изображений по-прежнему актуальны.
Обычно я использую настройки Adobe Photoshop при сохранении изображения для веб (Alt+Shift+Ctrl+S), но в последнее время «распробовала» некоторые неплохие онлайн-сервисы, которыми и хочу поделиться.
Отличный сервис для онлайн оптимизации изображений. Допускает работу не только с gif, но и с другими известными форматами (png, jpg, bmp, svg). Настроить качество и режим оптимизации можно с помощью параметров выпадающего списка. Помимо всего прочего имеется добавление фреймов, эффектов, работа с размером, установка скорости – словом, ляпота.
Тоже неплохой ресурс. Правда жаль, что нет наглядной визуальной части: чтобы посмотреть результат, загруженный и оптимизированный файл нужно выгрузить к себе на диск.
Бахвалятся, что сжимают GIF с самым лучшим качеством и сжатием и уменьшают размер нескольких файлов одновременно онлайн. Оптимизация в целом достойная. Симпатичный сервис. Помимо оптимизации гифок есть всякие штуки, например: изменения размеров, преобразование в jpg и даже массовая установка водяного знака или штампа на нужных изображениях.
Приятный сервис с наглядным изображением и заменой загруженной картинки на оптимизированную. Лимит размера файла – 10 Мб.
Конечно, если у вас гифка в 25 мегабайт, то в 120 килобайт все эти сервисы никакими шаманскими приемами её не сожмут. Не забываем о размерах самого изображения и по возможности удаляем дублирующие кадры, чтобы минимизировать размер исходника.
Надеюсь, многие нашли для себя ответ на вопрос «как сжать гиф»
Источник: siasun.ru