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

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

Способ 1: GIMP

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

1. Запустите программу и выберите вкладку «Файл» , затем используйте опцию «Открыть» .



2. С помощью встроенного в GIMP файлового менеджера доберитесь до каталога с нужным изображением, выделите его мышкой и воспользуйтесь кнопкой «Открыть» .



3. Когда файл будет загружен в программу, выберите вкладку «Изображение» , затем — пункт «Режим» , в котором отметьте вариант «RGB» .



4. Далее зайдите во вкладку «Фильтры» , щелкните по опции «Анимация» и выберите вариант «Разоптимизировать» .



5. Обратите внимание, что появилось новая открытая вкладка в рабочем окне GIMP. Все последующие манипуляции следует проводить только в ней!



6. Снова используйте пункт «Изображение» , но на этот раз выберите опцию «Размер изображения» .

   

   Появится всплывающее окно с настройками высоты и ширины кадров анимации. Введите нужные значение (вручную или с помощью переключателей) и нажмите на кнопку «Изменить» .



7. Чтобы сохранить результаты, перейдите по пунктам «Файл» – «Экспортировать как…» .
   
   
   Появится окно выбора места хранения, имени и расширения файла. Проследуйте к каталогу, куда хотите сохранить изменённый файл и переименуйте его, если потребуется. Затем щёлкните «Выберите тип файла» и отметьте в появившемся списке вариант «Изображение GIF» . Проверьте настройки, после чего нажмите на кнопку «Экспортировать» .



8. Появится окно настроек экспорта. Обязательно отметьте пункт «Сохранить как анимацию» , остальные параметры можете оставить без изменений. Воспользуйтесь кнопкой «Экспорт» , чтобы сохранить изображение.



9. Проверьте результат работы – изображение уменьшилось до выбранных размеров.

Как видим, с задачей изменения размеров GIF-анимации GIMP справляется великолепно. Единственным недостатком можно назвать сложность процесса для неопытных пользователей и тормоза в работе с объёмными изображениями.

Способ 2: Adobe Photoshop

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

1. Откройте программу. Первым делом выберите пункт «Окно» . В нём зайдите в меню «Рабочая среда» и активируйте пункт «Движение» .



2. Далее откройте файл, размеры которого хотите изменить. Для этого выберите пункты «Файл» — «Открыть» .
   
   
   Запустится «Проводник» . Проследуйте к папке, в которой хранится целевое изображение, выделите его мышкой и нажмите на кнопку «Открыть» .



3. Анимация будет загружена в программу. Обратите внимание на панель «Шкала времени» — на ней отображены все кадры редактируемого файла.



4. Для изменения размера используйте пункт «Изображение» , в котором выберите вариант «Размер изображения» .
   
   
   Откроется окошко настройки ширины и высоты картинки. Убедитесь, что единицы измерения установлены в положение «Пиксели» , затем введите в поля «Ширина» и «Высота» нужные вам значения. Остальные настройки можно не трогать. Проверьте параметры и нажимайте «ОК» .



5. Чтобы сохранить полученный результат, воспользуйтесь пунктом «Файл» , в котором выберите вариант «Экспортировать» , а далее — «Экспортировать для Web (старая версия)…» .
   
   
   Настройки в этом окне тоже лучше не менять, потому сразу нажимайте на кнопку «Сохранить» внизу рабочей области утилиты экспорта.



6. Выберите в «Проводнике» местоположение изменённого GIF, переименуйте при необходимости и нажмите «Сохранить» .

   
   После этого Photoshop можно закрывать.

7. Проверьте результат в указанной папке при сохранении папке.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В официальных русскоязычных версиях Photoshop с незапамятных времён опция "Dithering" переводится как "Дизеринг", что является, мягко говоря, неточностью. В данном контексте "Dithering" означает "сглаживание", сглаживание переходов от одного цвета к другому.
Поскольку GIF-файлы содержат ограниченное количество цветов, для улучшения вида рисунка может понадобиться создание переходов между отдельными цветами, а для этого нужно имитировать недостающие цвета. Для создания этих цветов и существует опция "Дизеринг". Всего имеется четыре алгоритма для подобной имитации сглаживания - "Без дизеринга", "Случайное", "Регулярный" и "Шум":

Рассмотрим алгоритмы подробнее (надеюсь, с режимом "Без дизеринга" всё понятно).

Используя алгоритм "Случайное" (Diffusion), мы, можем регулировать количество сглаживания.
В алгоритмах "Регулярный" (Pattern) и "Шум" (Noise) настройки отсутствуют, Photoshop всё делает автоматически.

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

4. Другие настройки

"Потери" (Lossy) - управление уровнем потерь визуальной информации при сглаживании, которые могут уменьшить размер файла, но также и ухудшить качество картинки. Доступна при отключенной опции "Чересстрочно" (Interlaced).

"Прозрачность" (Transparency) - имеет смысл включить в том случае, если изображение содержит прозрачные участки. Алгоритмы сглаживания работают по принципу опции "Дизеринг" (Dithering) и называются так же.

5. Сравнение исходной и оптимизированной версий

После того, как Вы добавили свои настройки в диалоговое окно сохранения для Web, с оптимизированной версией произошли изменения, и, почти всегда, в сторону ухудшения качества. Тщательно проверьте полученный результат, сравните его с исходником:

Вы можете просмотреть анимацию, а также задать параметры повторов - один раз, постоянно или задать собственное количество повторов:

Если результат Вас удовлетворил, переходите к следующему действию - сохранению анимации.

6. Подогнать оптимизацию анимации под указанный объём файла

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

Нажимаем на кнопку в правом верхнем углу и выбираем строку "Оптимизировать по размеру файла" (Optimize to File Size)

7. Предварительный просмотр анимации в браузере, сохранение параметров оптимизации

После того, как Вы подобрали нужные настройки, сохраните их в наборе. Кликните по значку в правом верхнем углу окна сохранения для Web и нажмите на строку "Сохранить настройки":

Анимацию с нашими настройками мы можем предварительно просмотреть в браузере, нажав на кнопку в левом нижнем углу окна:

Будет показана не только анимация, но и все данные по файлу GIF - объём, линейные размеры и т.д., а также HTML-код. Для примера я взял анимацию из этого урока :

Если всё нравится, то сохраняем файл. Для этого нажимаем кнопку "Сохранить" в правом нижнем углу диалогового окна. Открывается новое окно, где выбираем путь, ставим настройки, как показано на рисунке (это настройки по умолчанию), нажимаем кнопку "Сохранить":

Анимация будет сохранена. Если сё-таки что-то не понравится, то можно будет произвести оптимизацию заново, используя сохранённый набор настроек.

Вне зависимости каким образом вы получили GIF-анимацию, вы можете уменьшить её размер.

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

Все примеры будут основаны на коротком клипе FullHD видео 16 секунд и 30 кадров в секунду.

Немного теории о GIF

Вкратце: GIF - это максимум 256 цветов (8 бит) + сжатие без потерь (LZW).
Как и любое сжатие без потерь - оно не слишком сжимает файл. В итоге - мы уменьшим размер не более чем на 50% (очень сильно зависит от картинки).

Тестовое видео:

Считаем размер одного кадра: 1920 * 1080 * 40%-100% = 0.8-2 мб.

А теперь посчитаем для 16 секунд видео: 16 сек * 30 кадров в секунду * (0.8-2) мб = 384-960 мб!
Наш исходный файл при преобразовании получился 309мб. Меньше расчетного, но тоже большой.
Удивились? А ведь размер исходного видео всего несколько мегабайт! Как такое может?
А просто: GIF - это мамонт, да, он классный, но с ним надо уметь работать.

Шаг 1. Уменьшить GIF. Размер изображения

Обязательно уменьшите размер до адекватного (не более 640 пикселей по большей стороне).
В этом случае размер будет: 640 * 360 * 40%-100% = 90-225 кб.
И размер видео: 16 сек * 30 кадров * 90-225 кб = 42-105 мб.
Наш исходный файл при преобразовании получился 38мб. Меньше расчетного, но тоже большой.
Много? Да. Идем дальше...

Шаг 2. Количество кадров

30 кадров - это круто, но к сожалению для GIF - это очень много.
Уменьшите количество до 10 кадров и вы сократите размер в 3! раза.
Считаем: 16 сек * 10 кадров * 90-255кб = 14-35 мб.

Наш исходный файл при преобразовании получился 14.5 мб. Уже лучше.

Например, если у вас видео 60 кадров в секунду - вы можете уменьшить из ряда: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
А если 25 кадров, то ряд будет: 1, 5...
Или 30: 1, 2, 3, 6, 10, 15.

Шаг 3. Уменьшайте длительность анимации

Сокращайте/удаляйте не нужные вам сцены, здесь зависимость простая - сократили в 2 раза - получили размер в 2 раза меньший.

Шаг 4. Оптимизировать GIF. Выбор качества.

Есть специальные утилиты, для сжатия GIF-анимаций, например, GIFsicle .

Специально для вас мы сделали её онлайн . Просто выберите ваш файл и нажмите оптимизировать.

Так же вы можете управлять качеством файла.

Для вас мы сделали три разные версии GIF-анимации для оценки сжатия с помощью уменьшения качества:

• Размер при 100% качества: 13.3 мб
• Размер при 50% качества: 13.3 мб
• Размер при 0% качества: 10.1 мб

Картинки в формате 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).