Сжать файл гиф онлайн. Как уменьшить объём файла анимации GIF в Photoshop. До функционала Фотошоп он, конечно, не дотягивает, зато он имеет все необходимые инструменты для редактирования GIF изображений

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

Очевидный способ – сжать gif файл в фотошопе. Но программа установлена не всех, к тому же она большая по размеру и требует серьезных ресурсов компьютера (ОЗУ, видеокарта, процессор). Рассмотрим альтернативные способы, как быстро отредактировать gif.

Немного технических моментов

Подумать об объемах gif на сайте нужно еще на этапе создания анимации. Объем файла зависит от размеров самого изображения, числа кадров, длительности анимации, а также качество картинки.

1. Размеры.

Нужно максимально уменьшить размеры самого изображения. Наиболее приемлемым считается размер стороны не более 640 пикселей.

1. Число кадров.

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

При этом рекомендуется сокращать кадры пропорционально, чтобы не повредить качеству изображения. Например, если в анимации 40 кадров, нужно уменьшать из ряда те кадры, которые смогут поделить это число. Для 40 – это 1, 2, 4, 5, 8, 10 и т.д.

1. Длительность видео.

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

1. Качество.

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

Ezgif.com

Бесплатный сервис, где можно сжать gif онлайн. Ограничение по размеру исходного файла – 35 Мб. Сразу после перехода на главную страницу нам предлагают загрузить gif-файл.

Сервис имеет много инструментов для редактирования. Нам же важно нижнее меню – более десятка методов для сжатия файлов. Описания к ним находятся на главной странице сайта. К сожалению, описания на английском языке, как интерфейс.

Выберем самый первый способ – сжатие по цвету. Внизу есть строка, в которой можно задать количество цветов. Из 256 оставим 200 цветов (значение по умолчанию). Странно, но объем файла уменьшился с 0.96 до 1.02 Мб. При этом какой-то заметной потери в цветовом качестве не обнаружилось.

А вот когда мы сжали анимацию, убрав из нее каждый 4 кадр (frame), объем уменьшился почти на 25%.

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

IloveIMG

Теперь попробуем русскоязычный сервис для сжатия gif файлов. На начальной странице нам нужно выбрать нужную анимацию.

Сервис не предлагает инструментов сжатия, как предыдущий. Посмотрим, что получится.

Наша анимация была сжата на 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.

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

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

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

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

Способ 1: GIMP

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

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



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



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



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



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



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

   

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



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



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



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

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

Способ 2: Adobe Photoshop

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

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



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



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



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



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



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

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

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

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

В официальных русскоязычных версиях 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-файлов.

Как уменьшить размер файла GIF

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

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

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

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

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

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

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