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

Популярный формат графических изображений GIF был разработан в 1987 году компанией CompuServe. Формат предназначался для передачи растровых изображений по сетям независимо от аппаратного обеспечения. GIF способен хранить сжатые данные используя всего 256 цветов, однако качество изображения остается достаточно высоким. Через два года после своего появления GIF был модифицирован, он стал поддерживать прозрачность и анимацию. GIF был одним из самых распространенных форматов в интернете, а затем его вытеснили JPEG и PNG. Но он до сих пор используется для создания анимированных изображений, которые представляют собой последовательно сменяющиеся друг друга статичные кадры. Анимированные гифки видели все, некоторые картинки проигрываются только один раз, в других анимация циклична: как только заканчивается время показа последнего кадра, процесс начинается сначала.

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


Инструмент Shrink O’Matic очень прост в использовании: нужно лишь поместить в рабочую область нужную гифку, перетащив ее мышкой прямо в браузере или загрузив из папки с изображениями. Вес изображения можно уменьшить, двигая ползунок Ratio. Также можно сделать гифку полегче, просто изменив ширину и высоту картинки. С помощью Shrink O’Matic пользователь может развернуть изображение на 90 или 180 градусов, переименовать файл, добавить водяной знак и внести другие изменения. Инструмент очень эффективен, так как позволяет обрабатывать сразу несколько GIF-файлов в пакетном режиме.

: JPG, PNG.

Приложение ImageOptim позволяет сжать любое изображение в формате GIF без потери исходного качества. Вес файла можно снизить до 60% от первоначального размера. Уменьшение размера файла происходит благодаря передовым методам сжатия, в результате чего страница с гиф-анимацией будет загружаться намного быстрее. ImageOptim удаляет из файла невидимый «мусор»: метаданные EXIF, которые записывает цифровая камера, различные комментарии, ненужные цветовые профили – все то, что никак не влияет на качество картинки. По умолчанию приложение очень бережно работает с файлами, стараясь сохранить максимально возможное качество изображения, однако, если нужно, то можно задействовать более агрессивные методы оптимизации, в этом случае сжатие произойдет с потерями и в изображении появятся артефакты.

Другие поддерживаемые форматы : JPEG, PNG.


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

Другие поддерживаемые форматы : JPG, PNG, SWF, TIFF, BMP, ICO

Платформы : Windows, Mac OS, Linux.


Инструмент FILEminimizer Pictures использует технологию оптимизации, позволяющую снизить размер исходного файла на 98%, причем качество изображения снизится совсем незначительно даже при столь высоком проценте сжатия. Всего пользователям доступно 4 уровня сжатия, также можно обрабатывать сразу несколько анимированных гифок. К достоинствам этого программного обеспечения относится функция размещения сжатого изображения на Facebook, оптимизированный файл также можно отправить по электронной почте не выходя из приложения.

Другие поддерживаемые форматы : JPG, BMP, TIFF, PNG, EMF.


Простой в использовании инструмент RIOT позволяет радикально уменьшить размер анимированной гифки. Интерфейс программы лаконичен, в нем нет ничего личного. Основным достоинством PIOT является наличие второго экрана, позволяющего пользователю сразу же видеть, как изменяется изображение при изменении параметров сжатия. RIOT поддерживает пакетную обработку файлов, работает с прозрачностью, удаляет ненужные метаданные, комментарии, профили EXIF и ICC. С помощью этого инструмента можно сжимать файлы популярных форматах, также приложение позволяет открывать файлы формат которых сегодня практически не используется. Пользователь может изменить основные настройки изображения, отрегулировав яркость и контрастность. Также доступны масштабирование, панорамирование, поворот картинки и ее зеркальное изображение. Приложение бесплатное, однако по качеству обработки не уступает наиболее популярным коммерческим аналогам.

Другие поддерживаемые форматы : JPEG, PNG.

Платформа : Windows.

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

Другие поддерживаемые форматы : AVI, MP4, WebM, MKV.

Инструмент GIFMicro располагает двумя режимами оптимизации: «Режим сжатия без потерь» и «Сжатие с потерями». В первом случае из файла удаляется вся несущественная информация, в результате чего анимированная гифка существенно теряет в весе. Второй режим радикально изменяет размер изображения, намеренно снижая качество путем устранения из палитры некоторых цветов. Пользователь сам может отрегулировать процент исключения некоторых цветов.

Другие поддерживаемые форматы : нет


Инструмент GIF Otimizer позволяет оптимизировать анимированные гифки одним кликом мышки. С помощью этой программы можно уменьшить вес файла на 90% и тем самым увеличить скорость загрузки веб-страницы. Очень полезный инструмент, который по достоинству оценятт пользователи, которые часто загружают анимированные гифы в социальные сети. Основное достоинство GIF Optimizer – это панель предварительного просмотра, позволяющая сравнить исходный и сжатый GIF-файл.

Другие поддерживаемые форматы : нет


Очень простая программа Fast Image Optimizerне не требует установки. Пользователю достаточно перетащить изображение в формате GIF в окно FastIO.cmd. Программа сразу же начинает оптимизацию изображения и позволяет пользователю выбрать процент сжатия. Когда работа завершена, результат отображается в окне, показывая новый размер файла.

Другие поддерживаемые форматы : JPG, PNG.

Платформа : Windows.

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

Однако гифки имеют и главный недостаток — большой размер, в связи с этим, значительно замедляется скорость загрузки вебстраниц, на которых они размещены. Чтобы устранить эти недостатки, я предлагаю вам ознакомиться со списком инструментов, которые помогут вам оптимизировать (уменьшить размер) гиф-анимации.

Shrink O’Matic

Это простая программ для Windows для оптимизации gif изображений. Она способна и на простейшие действия с изображениями, такие как поворот, изменение размера, изменение названия файла и его месторасположения, пакетная обработка. Доступные форматы для обработки: GIF, JPEG, PNG.

ImageOptim

Эта программа работает на платформе Mac. Она предназначена для сжатия gif до 60-80% и выше без потери качества.

FileOptimizer — продвинутый инструмент для сжатия гиф анимации. Программа имеет простой интерфейс, поэтому ее могут использовать как новички, так и опытные пользователи.

Другие поддерживаемые форматы: JPEG, PNG, SWF, TIFF, BMP, ICO

Работает на платформах: Windows, Mac OS, Linux

FILEminimizer Pictures

Компрессия изображения достигает 98% и выше в результате собственных оптимизационных технологий.Различают 4 уровня сжатия gif-файлов. Кроме того, программа позволяет загружать картинки напрямую в facebook.

Форматы: JPG, BMP, TIFF, PNG, EMF | Платформа: Windows

RIOT

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

GIF Optimizer

Простая программа для оптимизации gif-анимации. Программа имеет всего три кнопки — open — открыть файл, optimize — оптимизировать и Save as — сохранить как. Вы можете управлять сжатием через меню Setting (настройки).

2019-04-04

Посещая различные сайты, каждый из вас встречал яркие, прыгающие, привлекающие внимание читателей 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 - СКАЧАТЬ файл.

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

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

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

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

    Картинки в формате GIF с легкостью открываются в графическом редакторе Photoshop, если можете им пользоваться, то не составит никакого труда поменять размер. А тем, кто не может пользоваться этим редактором будет не сложно разобраться, в меню есть раздел Изображение -> Размер изображения.

    Легче всего менять размер - с помощью бесплатной программы InfranView. Она простая, интуитивно понятная, в ней можно работать не только с gif анимацией, но и с любыми картинками.

    Можно попробовать пользоваться Paint Shop Pro, она посложнее, придется осилить целый мануал - руководство пользователя.

    Для начала неплохо-бы было узнать, какой размер вы хотите изменить в gif анимации? Размер изображения (то-есть соотношение сторон, ширину или высоту картинки и т.д.), или размер файла (говорят ещ иногда вес или объм файла) в байтах - мегабайтах, типа - уменьшить количество информации, содержащейся в графическом файле гиф-анимации, при минимальной потере качества изображения? Другими словами - выполнить оптимизацию gif файла...

    Чтобы изменить реальный размер картинки (ширину и высоту) в анимированном файле формата.gif, особых проблем не существует.

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

    Создание и редактирование GIF анимации - Toolson.net.GifResizer

    Создание и ретушь анимированных GIF изображений онлайн - Reduction-image.gif-anime

    Создать или изменить GIF-анимацию онлайн - Picasion.com.resize-gif

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

    Второй способ для изменения размера (соотношения сторон) гиф анимации - воспользоваться простейшими программами, которые именно для этого и созданы, например:

    Бесплатная программа GiF Resizer - название говорит само за себя. Единственное назначение этой совсем маленькой утилиты - изменять размеры анимированных картинок в формате.gif Эта программа на английском языке, но разобраться в е возможностях очень просто.

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

    Более сложные процедуры для редактирования gif анимации потребуют использования более продвинутых программ, которые помогут выполнить как простое изменение размеров изображения и его обрезку, так и оптимизацию гиф-файла, то-есть уменьшить его объм с сохранением высокого качества самой картинки при просмотре.

    Таких программ также очень много, например:

    GIF Movie Gear - простой, но достаточно мощный редактор GIF анимации.

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

    Easy GIF Animator - простой в использовании редактор анимированных гифок с приличными возможностями.

    EximiousSoft GIF Creator - очень неплохой редактор анимированной графики, практически с профессиональными возможностями.

    GIF Construction Set Professional - одна из лучших программ для создания и редактирования анимированных GIF изображений. Профессиональная программа. Но в использовании совсем не сложная. Е довольно трудно найти в интернете, особенно в последней версии, тем более с русификатором, поэтому кроме ссылки на официальный сайт дам ещ две ссылки - для скачивания с торрент-трекера NNM-CLUB (тут версия без плагинов), и для скачивания более полной версии, со множеством необходимых дополнений - GIF Construction Set Pro v3.0a (Patch 40).

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

    Вообще - оптимизация gif анимации - это отдельная тема. Автоматическая оптимизация обычно не приносит ощутимых результатов, и при этом может сильно понизиться качество изображения.

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

    В общем как-то так, по моему:)))

    Удачи вам...

    Размер анимации в формате GIF можно изменить использовав специальную программа Toolson.net.GifResizer .

    С помощью прграммы вы сможете изменить, увеличить, уменьшить размер GIF.

    Ознакомиться с программой и скачать е можете здесь.

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

    Размер изображения в формате гиф можно изменить с помощью специальных онлайн-программ и обычных, которые нужно установить, а также с помощью Фотошоп. Изображение нужно открыть в Фотошоп, а затем уменьшить размер в диалоговом окне Размер изображения, открыв меню Изображение (Image).

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

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

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

1. Секретный ингредиент

Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow , который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов.
После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.

Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.

2. Меньше цветов = больше веселья

Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький - это менее 1MB)

3. Используйте размытие в движении (motion blur), если возможно

Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.

4. Будьте (отчасти) ленивыми

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

Экспорт GIF анимаций

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

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

Скорее всего ваша анимация останавливается или остается неподвижной на какой-то момент времени. Присмотревшись, можно заметить, что этот момет состоит из нескольких одинаковых кадров. Если таких кадров 10 штук, то удалите 9 из них и установите длительность оставшегося кадра на, например, 1 секунду.

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

Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.

6. Меньше цветов

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

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

Если честно, то я даже не знаю, что этот параметр означает. Но я точно знаю, что если вы поставите его на уровне между 1 и 10, то избавитесь от лишних килобайтов без потери качества.

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

Ничего не изменилось! Помогите!

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

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