Уменьшить вес gif: Сжатие GIF и анимированный GIF онлайн

Содержание

Изменить, уменьшить, увеличить размер GIF. Обрезать, перевести GIF в JPG

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

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

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

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

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

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

Как перевести GIF в JPG и разложить на кадры?

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

Столкнувшись с такой задачей, вы можете снова обращаться к редактору GIF Resizer. Воспользовавшись им, чтобы изменить размер, уменьшить или увеличить GIF, вы можете сразу разложить GIF на кадры и, таким образом, перевести нужную вам анимацию в JPG. Последовательность действий при этом не меняется – все происходит быстро и просто:
  • Выберите нужную анимацию.
  • Нажмите на кнопку «Разложить на кадры».
  • Наслаждайтесь полученным результатом!
Редактор GIF Resizer дает вам прекрасную возможность экономить свое время и силы на работе с GIF файлами. Что бы вам ни понадобилось – изменить размер, обрезать, уменьшить или увеличить, разложить GIF на кадры, перевести в JPG, JPEG, конвертировать в PNG – наше приложение всегда к вашим услугам! Редактор GIF Resizer позволяет решить вопросы:
  • Как изменить размер анимированного рисунка gif?
  • В какой программе можно изменять размер анимированного изображения?
  • Как уменьшить размер gif изображения?
  • Как уменьшить размер анимированной картинки?
  • Как изменить формат анимированных картинок?
  • Как убрать логотип с анимированной картинки?
Чтобы получить намного больше возможностей работы с бесплатной онлайн программой для создания анимированных изображений Gif Resizer – просто зарегистрируйтесь на нашем сайте!
Вы можете продолжить создавать Gif анимацию, даже если при предыдущем посещении ресурса вам пришлось прервать свою работу. Ведь все ваши творения вы всегда сможете найти на сайте! А лучшие Gif анимации, которые вы сумели создать при помощи нашей бесплатной онлайн программы Gif Resizer, попадут в галерею сайта и сумеют стать предметом вашей личной гордости.

Обновлено 10 августа 2021 г.

Сжатие файлов GIF онлайн

Чтобы сжать все выходные файлы в файл ZIP, нажмите значок «» справа, затем нажмите «Добавить в ZIP».

Имя файла Исходный размер файла Размер выходного файла Размер файла сжат действия
  1. настройки

    Устанавливает уровень оптимизации GIF от 1 до 3 (максимальное сжатие). Уровень определяет, сколько оптимизации сделано; более высокие уровни занимают больше времени, но могут иметь лучшие результаты. Настройки не являются обязательными, вы можете закрыть раздел «Настройки», нажав «X» справа.

  2. Добавить файлы

    Вы можете перетащить несколько файлов GIF в раздел «Добавить файлы». Каждый размер файла может быть до 40 МБ.

  3. компрессия

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

  4. Выходные файлы

    Выходные файлы будут перечислены в разделе «Выходные файлы». Чтобы сжать все выходные файлы в файл ZIP, нажмите значок «» справа, затем нажмите «Добавить в ZIP». Вы можете щелкнуть правой кнопкой мыши на имени файла и нажать «Сохранить ссылку как …», чтобы сохранить файл. Выходные файлы будут автоматически удалены на нашем сервере через два часа, поэтому, пожалуйста, загрузите их на свой компьютер или сохраните их в онлайн-хранилищах, таких как Google Drive или Dropbox, как можно скорее.

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

GIF (англ. Graphics Interchange Format «формат для обмена изображениями») — популярный растровый формат графических изображений. Способен хранить сжатые данные без потери качества в формате не более 256 цветов. GIF использует LZW-компрессию, что позволяет сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы). Долгое время GIF был одним из наиболее распространённых форматов в интернете.

Copyright © 2021 Compresss.com — Универсальный файловый компрессор. Все права защищены. политика конфиденциальности
Aconvert.com является дочерним сайтом Compresss.com, он сосредоточен на преобразовании файлов вместо сжатия файлов.

Уменьшить вес gif анимации онлайн. Большой размер GIF-анимации? Мы знаем как уменьшить GIF

Многие пользователи персональных компьютеров задаются вопросом, что нужно сделать для уменьшения размера 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-анимации не так сложно и кропотливо, но отличие от обычных картинок все же имеется.

Популярный формат графических изображений 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.

В официальных русскоязычных версиях 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 картинку — рекламу для своего нового ежемесячного «Конкурса комментариев», о котором Вы можете прочитать в отдельном разделе моего сайта

Как нибудь позже, я расскажу и об этом. Поэтому я советую Вам подписаться на обновления моего блога.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перейдем к обзору трех интернет ресурсов. Каждый из них имеет свои особенности.

Онлайн сервис TinyPNG

Сервисом TinyPNG можно сжимать до 20 изображений и максимальным размером 5 МВ. Работает с форматами PNG и JPEG.

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

Онлайн сервис PunyPNG

PunyPNG тоже простой вебресурс. Работает с форматами PNG, JPEG и GIF. Загружать можно до 20 файлов. Прямо на сервисе будут видны результаты сжатия и процентное соотношение с изначальным.

Онлайн сервис Picresize

Picresize – это единственный из представленных сервисов, где можно устанавливать размер итогового результата. Работает с форматами PNG, JPEG, GIF и BMP.

После загрузки изображения на сайт, можно настроить его размер. No change – исходный размер (без изменений).

Данный сервис позволяет преобразовывать один формат изображения в другой.

В формате JPEG можно задавать желаемый размер файла в килобайтах.

После произведенных настроек, сохраняем изображение на свой компьютер.

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике | Где трафик

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

Источник: https://gdetraffic.com/Analitika/kak_umenshit_gif

GIF-анимация, изображения к публикации, работа с изображениями, GIF, Создание креатива

GIF-анимация, изображения к публикации, работа с изображениями, GIF, Создание креатива

В чем проблема тяжелых gif-изображений?

Мир меняется и ничего не стоит на месте. Интернет тоже развивается, сейчас нет проблемы с его скоростью и возможностью смотреть видео, но когда-то все было по-другому.  Попробуй вспомни сам, как долго тянула интернет-страницы твоя XP-шка лет 10 назад. Как раз в те времена на рекламных площадках тяжелые видеофайлы грузились долго и, если бы рекламодатели добавляли видеоролики весом по 600 МБ, они бы загружались целую вечность и никто бы не смог ни на сайте повисеть, ни рекламу посмотреть.

К сожалению, рекламные сети не любят менять правила и пока они по отношению к креативам остаются старыми. Вот, например, скрин из Google Ads, где есть четкие требования к размеру gif-файла: он должен быть маленьким и весить всего 150 кб.

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике

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

Немного теории. Из чего состоит формат gif-изображений и что влияет на их вес?

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

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

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

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике

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

Как разобраться с размером GIF-файла?

Перед тем, как заняться сжатием файла, зайди в фоторедактор. Это может быть Photoshop или любой другой инструмент, в котором открываются gif-изображения. Разложи крео на кадры и начни применять советы, которые мы предлагаем ниже. Главное, на чем ты должен сосредоточить свое внимание, это размер, число кадров, длительность видео и его качество.

Как оптимизировать креатив до 150 кб?

  • Удали лишние кадры и дубликаты

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

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике

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

  • Используй как можно меньше цветов

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

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

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

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

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике

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

  • Сократи длительность gif-анимации

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

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

Как уменьшить вес gif до 150 кб? Разбираем 4 техники на практике

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

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

  • Используй оптимизацию фотошопа и онлайн-сервисов

Photoshop преобразует твои видеокадры в слои, если ты выберешь «Файл» > «Импорт» > «Видеокадры в слои». Это удобный инструмент, но он может привести к увеличению размера файла GIF, если ты не будешь осторожен. Поэтому оптимизируй размер файла, ограничивая количество слоев каждые 2 кадра. 

Эта опция будет использовать каждый второй кадр для создания слоев и таким образом уменьшит конечный размер файла. Если переноса слоев на каждый второй кадр недостаточно, используй только один из каждых 4-х кадров. Чем их будет меньше, тем лучше.

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

Вот несколько GIF-оптимизаторов, которые могут пригодиться в работе:

  • Ezgif.com
  • IlovelMG
  • Online-Conventering
  • Compressor.io
  • GIF Compressor
  • GifGifs
  • GifMaker.me

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

Вывод

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

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

Где Трафик живет в твоих любимых соц.сетях и телеге, подписывайся и делись с друзьями:

Уютный паблик http://vk.com/gdetraffic

Страничка в фейсбук https://www.facebook.com/gdetraffic/

Телега https://t.me/gdetraffic

Instagram https://www.instagram.com/gdetraffic/

Официальный сайт https://gdetraffic.com/

Уменьшить гиф анимацию онлайн. Изменяем размер анимации в формате 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.

В официальных русскоязычных версиях 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-код. Для примера я взял анимацию из этого урока :

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

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

Я Вам предлагаю воспользоваться онлайн редактором, который называется «Ezgif.com », где можно не только изменять размер анимационных картинок, но и оптимизировать их, т. е. уменьшать их вес.

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

Заходим сюда

Инструменты онлайн редактора «Ezgif.com»

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

Онлайн редактор выглядит так:



Редактора «Ezgif.com» для редактирования анимационных GIF картинок

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

Возможности онлайн редактора:
  1. Обрезка изображения
  2. Изменение размера
  3. Оптимизация изображения
  4. Добавление эффектов
  5. Изменение скорости анимации
  6. Разборка анимации на кадры (фрагменты)
  7. Добавление текста
  8. Наложение другого изображения

Казалось бы, с виду простенький редактор, а какой мощный.

Давайте теперь рассмотрим все перечисленные инструменты отдельно.

Crop (Обрезка изображения): простой онлайн инструмент для обрезки анимационных картинок.

Загрузите картинку, а потом с помощью мыши выделите нужную часть изображения, которую хотите обрезать. Нажмите затем «Crop it » и все готово.

После того, как Вы загрузите изображение, под этой картинкой появляется информация о нем: размер в КБ, габариты картинки, и сколько кадров она содержит.


При обрезании картинки, можно задать размер вручную. Для этого под изображение нужно в поля «Left », «Top », «Width » и «Height » ввести нужные значения.

Resize (Изменение размера изображения): с помощью этого инструмента, можно изменить размер картинки или обрезать ее. После уменьшения, картинка остается такого же качества, и скорость анимации не изменяется.

В полях «New width » и «New height » нужно задать новый размер изображения, или можно просто указать процент (Percentage), а затем нажать «Resize it! ». Картинка будет уменьшена на процент, который Вы указали

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

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

Optimize (оптимизация): а с помощью этого инструмента, можно изменить размер (вес) файла GIF. Вес картинки становится меньше за счет уменьшения количества цветов в каждом кадре. Каждый кадр GIF содержит до 256 уникальных цветов, но при уменьшении количества цвета, можно добиться меньшего размера файла.

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

Effects (эффекты, изменение цвета изображения): с помощью этого инструмента, можно зеркально переворачивать изображение по горизонтали и вертикали.

Также изображение можно повернуть под определенным углом, если задать степень в поле «Rotate ». Изображению можно назначить другой цвет, сделать его черно-белым, или придать какой-то другой оттенок.

Speed (изменение скорости GIF анимации): этот инструмент предназначен для изменения скорости анимации.

Если вы хотите изменить скорость анимации пропорционально текущей, тогда используйте процентное соотношение «% of curent speed », а чтобы задать задержку между кадрами, нужно использовать метод «». Параметр «hundrediths of second between frames » задает время задержки между кадрами в сотых секундах (1/100)

Split (разобрать GIF картинку на кадры): э тот инструмент предназначен для преобразования анимационных GIF изображений в отдельные кадры, после чего каждый кадр можно редактировать отдельно.

Все кадры анимационной картинки можно скачать на компьютер. Для этого надо кликнуть по кадру правой кнопкой мыши, а затем в контекстном меню выбрать «сохранить изображение как …». Также все кадры можно скачать одним zip-архивом кликнув по «Download frames as ZIP »

Write (добавить текст): э тот инструмент позволяет добавлять текста к GIF анимации. Вы можете добавить текст ко всей GIF картинке, или к отдельным ее кадрам. Текст на картинке можно перемещать с помощью мыши.

Overlay (наложение другого изображения): этот инструмент позволяет на GIF изображение наложить другую картинку, и желательно, чтобы она была формата PNG или GIF.

У нас в 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 анимация сделает акцент на одном аспекте.

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

Вне зависимости каким образом вы получили 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. Бесплатные онлайн сервисы для сжатия картинок

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

Правда, есть маленький нюанс. Время от времени дизайнеры сталкиваются с необходимостью изменить размеры GIF . Кому-то его нужно уменьшить, другие нуждаются в увеличении. Как отредактировать такой контент? Например, обрезать его или сжать? Был бы у вас обычный файл jpeg , таких бы вопросов не возникало. Сжимайте его в графическом редакторе, даже не имея специальных знаний. Всего пара щелчков мышью – и работа выполнена на «отлично».

Как отредактировать ГИФ

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

GIF Resizer

Уникальный во всех смыслах редактор, позволяющий менять размеры «гифок» всего в несколько кликов. Для этого необходимо выполнить элементарные действия:

  • Запустить программу.
  • Найти в меню кнопку «Изменения размера» и нажать её.
  • Нажав кнопку «Обзор», выбрать интересующий вас файл.
  • Ввести требуемые параметры (длина и ширина).
  • Нажать «Применить» и подождать несколько секунд.
  • Готово – размеры анимированного контента стали такими, как ожидалось.
Интерфейс GIF Resizer

Кроме того, посредством GIF Resizer можно решить такие задачи:

  • Изменить формат.
  • Убрать логотип с анимашки.
  • Уменьшить/увеличить размеры анимированного изображения.
  • Конвертировать GIF в JPG , разложить на отдельные кадры.
  • Перевести в PNG.

Останавливаться на этом функционале мы не будем, ведь нас с вами интересует исключительно сжатие анимаций в формате ГИФ. Просто знайте, что столкнувшись с разнообразными задачами по редактуре animation , есть смысл воспользоваться Resizer .

Ezgif

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

Как пользоваться Ezgif ? Откройте главную страницу сервиса, нажмите «Обзор». Когда файл выбран, остаётся только нажать Upload . Различные варианты сжатия станут доступны после загрузки. Самый оптимальный вариант в соотношении размер/качество – Medium .

GIF Compressor

По-своему интересна программа GIF Compressor . Она умеет сжимать анимацию всего за 2 простых сжатия. Можно делать это сразу с несколькими файлами. Максимальный размер гиф-файла – 50 Мб.

Какое из приложений вам понравилось больше всего?

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

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

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

Перейдем к обзору трех интернет ресурсов. Каждый из них имеет свои особенности.

Онлайн сервис TinyPNG

Сервисом TinyPNG можно сжимать до 20 изображений и максимальным размером 5 МВ. Работает с форматами PNG и JPEG.

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

Онлайн сервис PunyPNG

PunyPNG тоже простой вебресурс. Работает с форматами PNG, JPEG и GIF. Загружать можно до 20 файлов. Прямо на сервисе будут видны результаты сжатия и процентное соотношение с изначальным.

Онлайн сервис Picresize

Picresize – это единственный из представленных сервисов, где можно устанавливать размер итогового результата. Работает с форматами PNG, JPEG, GIF и BMP.

После загрузки изображения на сайт, можно настроить его размер. No change – исходный размер (без изменений).

Данный сервис позволяет преобразовывать один формат изображения в другой.

В формате JPEG можно задавать желаемый размер файла в килобайтах.

После произведенных настроек, сохраняем изображение на свой компьютер.

Популярный формат графических изображений 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-анимации без потери качества для вставки на сайт.

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

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

9 инструментов для оптимизации анимированных гифок

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

 

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

 

SHRINK O’MATIC

 


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

 

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

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

 

IMAGEOPTIM

 


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

 

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

Платформа: OS X.

 

FILEOPTIMIZER

 


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

 

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

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

 

FILEMINIMIZER PICTURES

 


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

 

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

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

 

RIOT

 


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

 

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

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

 

GIFFING TOOL

 


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

 

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

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

 

GIFMICRO

 


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

 

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

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

 

GIF OPTIMIZER

 


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

 

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

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

 

FAST IMAGE OPTIMIZER


 


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

 

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

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

 

 

 

Оптимизировать анимированный GIF

Для постоянных ссылок вы можете использовать: https://ezgif.com/optimize?url=https://example.com/source-image.gif

Оптимизированное изображение:

Сжатие GIF с потерями

Компрессор GIF оптимизирует GIF-файлы с помощью кодировщика GIF с потерями и Gifsicle, который реализует сжатие LZW с потерями.
Он может уменьшить размер анимированного файла GIF на 30% –50% за счет некоторого дизеринга / шума. Вы можете настроить уровень сжатия с помощью простого ползунка, чтобы получить наилучший результат для вашего варианта использования.
Это метод по умолчанию, он должен работать для любого формата GIF.

Уменьшение цвета

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

Удалять каждый

n-й кадр

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

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

Оптимизировать прозрачность

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


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

Подробнее об оптимизации GIF »

Как оптимизировать анимированные GIF-файлы?

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

Давайте рассмотрим некоторые способы уменьшения размера GIF.
Некоторые из них могут не работать должным образом на вашем изображении, если к нему уже применена какая-либо форма оптимизации, но единственный способ узнать наверняка — это просто попробовать и проверить результаты. Мы автоматизировали некоторые этапы, поэтому это не должно быть слишком сложно.

1. Обрезка и изменение размера GIF

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

2. Избавление от ненужных частей временной шкалы анимации

Вам нужна полная анимация?
Если нет, вы можете разделить изображение на кадры с помощью вкладки GIF Maker, выберите пропуск любых ненужных частей и нажмите кнопку «Анимировать», чтобы воссоздать анимацию с меньшим количеством кадров.

3. Уменьшение частоты кадров

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

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

4. Сжатие GIF с потерями (LZF)

Обычно это предпочтительный метод сжатия изображений в ezgif. Он может уменьшить размер анимированного файла GIF на 30% –50% за счет небольшого дизеринга и шума и неплохо работает практически с любым GIF.
Он работает на кодировщике Lossy GIF, который реализует алгоритм сжатия LZW.

5. Уменьшение цвета

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

6. Оптимизация прозрачности GIF

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

Если вы используете этот метод вместе со сжатием с потерями (LZF), сначала следует запустить Optimize Transparency .Сжатие с потерями может добавить шума и сделать этот метод менее эффективным!

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

Простая анимация со сплошными цветами может значительно уменьшить размер с помощью метода Optimize Transparency .

Как уменьшить размер файла GIF для повышения производительности веб-сайта

Что нужно знать

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

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

Как уменьшить размер файла GIF для повышения производительности веб-сайта

Чтобы сделать ваш GIF максимально эффективным:

  1. Обрежьте лишнее пространство вокруг изображения. Уменьшение размера изображения в пикселях — наиболее эффективный способ уменьшить размер файла.Если вы используете Photoshop, для этого хорошо подойдет команда Trim .

  2. Когда вы готовите изображение в формате GIF, уменьшите выходные размеры. Каждая программа редактирования графики предлагает разные команды для изменения размера.

  3. Уменьшите количество цветов в изображении. GIF-файлы отображают только 256 цветов, но если в вашем изображении их всего несколько, все равно уменьшите количество цветов. При уменьшении цветов в GIF-файлах вы получаете наилучшее сжатие, когда для числовых цветов установлено наименьшее возможное из следующих значений: 2, 4, 8, 16, 32, 64, 128 или 256.

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

  5. Если вы используете Photoshop, создайте файл GIF с помощью пункта меню «Экспортировать как ». Выберите File > Export As . Когда откроется меню, выберите GIF в качестве формата файла и уменьшите физические размеры (ширину и высоту) изображения.

  6. Если вы используете Adobe Photoshop Elements, выберите File > Save For Web . Этот процесс открывает диалоговое окно Сохранить для Интернета , которое также находится в Adobe Photoshop по адресу Файл > Экспорт > Сохранить для Интернета (устаревшая версия) . Когда он откроется, примените дизеринг, уменьшите цвет и измените физические размеры изображения.

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

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

  9. Не используйте переплетение. Чередование обычно увеличивает размер файла.

  10. И Photoshop, и Photoshop Elements показывают время загрузки. Не обращайте на это внимания. Он основан на использовании модема 56k.Более действительный номер появится, если вы выберете кабельный модем в раскрывающемся меню.

Изображения GIF и Интернет

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

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

Изображения в формате GIF идеально подходят для графики с острыми краями и ограниченной цветовой палитрой, например для логотипа или рисования линий.Хотя формат GIF можно использовать для фотографий, уменьшенная цветовая палитра привносит в изображение артефакты. Тем не менее, движение Glitch Art и рост синемаграфов вызвали новый интерес к формату GIF.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Как уменьшить размер GIF и лучшие средства изменения размера GIF

25 июня 2021 г. • Проверенные решения

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

Как уменьшить размер GIF?

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

Photoshop — отличный инструмент для редактирования изображений, в том числе изображений в формате GIF. Здесь мы покажем вам, как уменьшить размер GIF в Photoshop.

1.Обрежьте лишнее пространство вокруг изображения:

Источник изображения: youtube.com

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

2.Уменьшить размеры вывода:

Источник изображения: google.com

Те, кто работает над версией Photoshop CC 2017, смогут создавать GIF-файлы, просто выполнив опцию «Исследовать как» из меню. Для этого им нужно перейти к файлам, а затем в раскрывающемся меню выбрать «Экспортировать как». Вскоре откроется меню, в котором вам нужно выбрать формат выходного файла как GIF и настроить параметры веса и высоты, чтобы уменьшить физические размеры вашего изображения.

Если вы используете Adobe Photoshop Elements 14, то в его интерфейсе пользователям необходимо перейти в «Файл» и затем нажать «Сохранить для Интернета». Это поможет немедленно открыть диалоговое окно «Сохранить для веб-типа», в этом новом окне вы можете применить желаемые изменения к физическим размерам вашего контента, уменьшить информацию о цвете, применить дизеринг и т. Д.

3. Отрегулируйте количество цветов в изображении:

Источник изображения: google.ком

Один из самых полезных приемов для маркетологов — оптимизировать размер своих изображений в формате GIF, настроив для него общее количество цветов. Это можно сделать с помощью инструмента таблицы цветов, который упрощает выбор и отмену выбора. Эта таблица содержит около 256 уникальных цветов, и все они содержат информацию шириной 8 бит. Лучшая рекомендация для хорошего качества и небольшого размера GIF — ограничить количество цветов до 64 или оставить меньше этого. Но иногда в ваших исходных видеороликах может потребоваться дополнительная информация о цвете.

Советы:

Во время процесса уменьшения размера GIF вам нужно будет выбрать количество цветов в серии 256, 128, 64, 32, 16, 8, 4, 2, 1 и т. Д. Используйте меньшую сторону шкалы, чтобы получить наилучшие результаты во время оптимизации. процесс.

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

    Те, кто ищет альтернативы Photoshop для создания изображений в формате GIF, могут перейти к списку ниже:

    1. FileOptimizer:

    Это усовершенствованный инструмент оптимизации наборов GIF, так как он может сжимать выходной файл с помощью нескольких процедур повторного сжатия.Он может помочь сжимать аудио, видео, а также другие документы с популярными размерами файлов, такими как JPG, GMP, PNG и TIFF и т. Д.

    2. Изображения FileMinimizer:

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

    3.БУНТ:

    Здесь RIOT означает инструмент радикальной оптимизации изображений, который может настраивать так много параметров функций для GIF-файлов вместе с сжатием размера файлов. Этот оптимизатор использует настройки матадеты, информацию о цвете и т. Д., Чтобы уменьшить общий размер файла.

    4. GifftingTool:

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

    5. Оптимизатор GIF:

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

    6. Ezgif.com — Интернет:

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

    7. Conpressor.io — Онлайн:

    Это онлайн-приложение может помочь пользователям сжать изображение до сегмента наименьшего размера даже без ухудшения общего качества. Здесь вы можете легко обрабатывать форматы файлов SVG, PNG, GIF и JPG.

    8. Picasion.com — Интернет:

    Это помогает снизить общий вес GIF-файлов, чтобы их можно было легко загружать через Интернет.

    9. Редуктор GIF:

    Reducer может легко сжимать файл GIF, чтобы время его загрузки в Интернете можно было мгновенно увеличить.

    10. Resizeimage.net:

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

    Вывод

    Если вы хотите сделать GIF онлайн, Filmora meme maker — ваше идеальное решение.Он помогает создавать мемы из изображений, GIF и видео напрямую без водяных знаков. Это абсолютно БЕСПЛАТНО для использования и без регистрации. Вы можете изменить размер, цвет и положение текста для создания подписи при редактировании. Вы также можете поместить текст внутри или снаружи в формате GIF. Всего за несколько кликов ваш GIF готов. Попробуй это сейчас!

    Шенун Кокс

    Шенун Кокс — писатель и любитель всего видео.

    Подписаться @Shanoon Cox

    анимированных GIF-файлов в электронной почте: 10 советов по сохранению небольшого размера файлов

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

    Так что же делать маркетологу по электронной почте? Эван Диаз, ведущий дизайнер Lucky Red Pixel, знает ответы. Вот что мы узнали из его презентации Litmus Live «Создание анимаций, которые радуют и помогают подписчикам.”

    Крошечный, но мощный: почему так важно сохранять низкий размер файлов GIF

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

    Насколько большим может быть GIF в электронном письме?

    В целом, чем меньше ваш GIF-файл, тем быстрее он загружается в ваши электронные письма, и чем короче время загрузки, тем лучше для ваших подписчиков.Но какой максимальный размер файла приемлем для GIF? Эван советует хранить файлы размером менее 5 МБ. При 5 МБ подписчику, вероятно, придется подождать несколько секунд, пока загрузятся изображения. Здесь, в Litmus, мы стараемся, чтобы размер GIF-файлов не превышал 1 МБ, чтобы гарантировать быструю загрузку и не поглощать слишком много данных наших читателей, если они откроют нашу электронную почту на мобильном телефоне в дороге.

    Сосредоточьтесь на оптимизации размера файла в процессе создания GIF

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

    1. Придерживайтесь более простых (более быстрых) переходов

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

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

    2. По возможности используйте иллюстрации поверх фотографий

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

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

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

    3. Наложение цветов для ограничения цветовой палитры на фотографиях

    Еще один способ уменьшить размер файла, когда вам нужно использовать фото или видео, — это наложить один цвет на GIF.Монохромное наложение придает GIF фирменный оттенок и ограничивает количество различных цветов, которые необходимо обработать GIF. Результат: файлы меньшего размера!

    4. При преобразовании видео в GIF импортируйте каждый второй кадр в слой

    Photoshop преобразует ваши видеокадры в слои, когда вы выбираете «Файл»> «Импорт»> «Видеокадры в слои». Это удобный инструмент, но он может привести к огромному размеру файла GIF, если вы не будете осторожны.

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

    5. Удалить повторяющиеся кадры

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

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

    6. Если вы удаляете повторяющиеся кадры, отрегулируйте задержку, чтобы GIF не отставал.

    Если вы удаляете кадры из GIF, вам нужно изменить задержку кадров, чтобы синхронизация GIF оставалась неизменной. Просто «удерживайте» один кадр в течение того времени, которое потребовалось бы, чтобы просмотреть дублированные кадры, которые вы удалили, — так вы сможете поддерживать скорость GIF.

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

    7. Выберите адаптивное уменьшение цвета

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

    8. Не отключать «прозрачность»

    GIF-файлы

    часто плохо обрабатываются прозрачно, при установке на прозрачном фоне вокруг элементов появляются резкие белые края. Если вы хотите использовать анимацию на прозрачном фоне, вам подойдут анимированные PNG. Так что же на самом деле делает этот флажок «прозрачность» в Photoshop? Это позволяет пикселям, которые не менялись от кадра к кадру, оставаться такими, какие они есть.Это означает, что области GIF, которые остаются неизменными от одного кадра к другому, не нуждаются в перезагрузке. Эван предлагает оставлять это включенным большую часть времени, так как это может уменьшить размер файла на треть или более.

    9. Сбалансируйте цветовую таблицу с помощью дизеринга

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

    • 128-256 цветов для видео
    • 64-128 цветов для анимированных иллюстраций

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

    10. Просто уменьшите качество видео и размер файла с помощью Lossy

    .

    Хотите оптимизировать размер файла GIF без тонкой настройки, связанной с таблицами цветов и дизерингом? Выбор уровня потерь от 20% до 40% уменьшает размер файла и некоторое качество одним махом.Вы можете поэкспериментировать с этими процентами, чтобы найти баланс качества и размера файла, который подходит именно вам.

    Посмотреть полную версию Litmus Live Talk Эвана

    Ищете еще больше советов о том, как создавать анимацию, которая радует и помогает подписчикам? Вы можете посмотреть полный доклад Эвана Litmus Live ниже!

    В чем ваш секрет оптимизации анимированных GIF-файлов для электронной почты?

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

    9 лучших инструментов для оптимизации анимированных GIF

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

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

    Вот лучшее, что мы нашли.

    Читайте также: Новое описание работы для дизайнеров: повышение скорости загрузки сайта

    Термоусадочный O’Matic

    Shrink O’Matic — это инструмент для обработки GIF с перетаскиванием , который позволяет вам выбирать выходной размер изображения, поворот, имя и расположение, формат изображения, добавлять водяной знак, выбирать соотношение сторон изображения и другие параметры настройки.Он может обрабатывать несколько изображений GIF в пакетном режиме.

    • Поддерживаемые другие форматы: JPG, PNG
    • Поддерживаемые платформы: Windows
    ImageOptim

    ImageOptim — это инструмент перетаскивания, который может сжимать любое изображение GIF без потери его исходного качества, до 60-80% от исходного размера . Программа удаляет с изображений переполненные метаданные и невидимый мусор, а также удаляет ненужные цветовые профили.

    • Поддерживаемые другие форматы: JPEG, PNG
    • Поддерживаемые платформы: macOS
    FileOptimizer

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

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

    • Поддерживаемые другие форматы: JPG, PNG, SWF, TIFF, BMP, ICO
    • Поддерживаемые платформы: Windows, macOS, Linux
    FILEminimizer Картинки

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

    • Поддерживаемые другие форматы: JPG, BMP, TIFF, PNG, EMF
    • Поддерживаемые платформы: Windows
    Бунт

    RIOT или Radical Image Optimization Tool — это простой в использовании компрессор GIF, который регулирует параметры изображения и сжимает файлы. RIOT состоит из интерфейса двойного просмотра для сравнения качества изображения на входе и выходе.

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

    • Поддерживаемые другие форматы: JPEG, PNG
    • Поддерживаемые платформы: Windows
    Инструмент Giffing
    Инструмент

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

    Программное обеспечение также позволяет фильтровать изображения, создавать петли, объединять, переворачивать и кадрировать.

    • Поддерживаемые другие форматы: AVI, MP4, WEBM, MKV
    • Поддерживаемые платформы: Windows
    GIFMicro

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

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

    • Поддерживаемые другие форматы: Нет
    • Поддерживаемые платформы: Windows
    Оптимизатор GIF

    GIF Optimizer — это программа для оптимизации изображений в один клик. Инструмент сжимает изображения до 90% и сокращает общее время загрузки. Это полезный инструмент для сжатия и оптимизации изображений в формате GIF для загрузки в социальные сети.

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

    • Поддерживаемые другие форматы: Нет
    • Поддерживаемые платформы: Windows
    Быстрый оптимизатор изображения

    Эта простая программа не требует установки или запуска программного обеспечения. Это небольшой пакетный файл для командной строки; вам просто нужно перетащить изображение GIF на FastIO.cmd .

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

    • Поддерживаемые другие форматы: JPG, PNG
    • Поддерживаемые платформы: Windows
    Дополнительные инструменты для оптимизации анимированных GIF

    Если вы не часто оптимизируете GIF и просто хотите использовать инструмент Touch and Go, чтобы использовать его один раз, вот 9 еще 9 онлайн-инструментов для сжатия изображений GIF прямо в Интернете.

    1. Kraken.io: Поддерживает несколько режимов оптимизации изображений, таких как с потерями , без потерь и expert , а также позволяет изменять размер файлов GIF.Изображения можно импортировать из облачных онлайн-сервисов, таких как Google Drive, Dropbox и т. Д.
    2. ILoveIMG : Уменьшает размер файла нескольких изображений GIF одновременно. С помощью ILoveIMG вы также можете редактировать изображения (например, изменять размер, обрезать и т. Д.) И конвертировать изображения GIF в файлы JPG.
    3. Ezgif.com : Сжимает любое изображение GIF за счет уменьшения количества цветов и минимизирует размер файла до 30%, а также может изменять размер, обрезать и добавлять эффекты к изображениям GIF.
    4. GIFMaker.me : Оптимизирует размер любого анимированного GIF, а также позволяет обрезать и изменять размер изображения. Вы даже можете использовать инструмент уменьшения цвета для оптимизации ваших GIF-файлов.
    5. ResizeImage.net : Сжимает размеры файлов изображений без потери оригинальности изображений, а также может изменять размеры популярных форматов, чтобы установить количество пикселей в соответствии с требованиями.
    6. Compressor.io : Сжимает GIF-файлы и другие изображения, не влияя на качество изображения.Он поддерживает высокое сжатие для экономии сотен пропускной способности.
    7. PICASION.com : Уменьшение веса анимированных GIF-файлов и ускорение их загрузки. Вы также можете настроить размер, качество и эффекты изображения в соответствии с вашими потребностями.
    8. GIFGIFS.com : Поддерживает оптимизацию GIF с потерями (с несколькими уровнями) и уменьшение цвета для изображений GIF. Вы также можете удалить несколько кадров для дальнейшего сжатия.
    9. Редуктор GIF : Уменьшает размер любого изображения в формате GIF и помогает быстрее загружать веб-страницу.

    Рекомендуемая литература: 10 лучших сайтов для бесплатного создания анимированных GIF

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

    Как уменьшить размер GIF без ухудшения его качества

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

    Помимо статичных картинок часто используется GIF-анимация. В отличие от форматов JPEG или PNG, GIF сжимается непросто. Формат GIF — это формат сохранения изображений, который поддерживает до 256 цветов и в настоящее время используется в основном для отображения изображений на Интернет-сайтах. Это довольно старый формат, практически вытесненный более современными, например, PNG. Но он все еще используется, потому что поддерживает анимацию.

    Движущиеся картинки в формате GIF — отличный способ привлечь внимание к статье или публикации в социальной сети.Однако изображения в формате GIF, пригодные для публикации, не всегда доступны. Что делать, если изображение слишком большое или тяжелое?

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

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



    • Обрезка исходного фильма. Если вы создаете анимацию из видеоклипа, вы должны сначала открыть ее в Photoshop и посмотреть ее длину, щелкнув «Window TimeLine». Как правило, большая часть кадров клипа не нужна для анимации. Итак, вам нужно выделить только необходимую область, а остальное обрезать.
    • Уменьшить линейный размер изображения. Уменьшение ширины и высоты кадра анимации значительно уменьшает размер выходного файла. Это можно сделать с помощью команды меню «Image Image Size». Если вы работаете с версией выше CS6, у этого инструмента есть несколько дополнительных опций, включая окно предварительного просмотра.
    • Отключение чересстрочной развертки. Включенная опция «Чересстрочная» указывает браузеру загрузить изображение за несколько проходов. И это увеличивает размер файла примерно на 10 процентов. Что это означает? Если соединение медленное и файл большой, полная загрузка изображения будет медленной.Если изображение загружается за несколько проходов, сначала загружается «облегченная» версия изображения низкого качества. Итак, сначала картинка состоит из больших квадратов (имеет низкое разрешение), и по мере загрузки изображения картинка приобретает свой обычный вид. Для обычных картинок это неплохо, а вот для анимации совершенно бесполезно. Поэтому вы можете убрать его из опций и уменьшить размер файла примерно на 10 процентов.
    • Дизеринг. Поскольку файлы GIF содержат ограниченное количество цветов, вам может потребоваться создать переходы между отдельными цветами, чтобы улучшить внешний вид изображения.А для этого нужно смоделировать недостающие цвета. Для создания этих цветов есть опция «Дизеринг». Всего существует три алгоритма моделирования такого сглаживания в PS: «Diffusion», «Pattern» и «Noise». Используя алгоритм «Diffusion», мы можем регулировать степень сглаживания. В алгоритмах отсутствуют настройки «Узор» и «Шум», и Photoshop все делает автоматически. Для некоторых изображений необходимо дизеринг. Но помните, чем больше его значение, тем больше размер файла.Это связано с тем, что при сглаживании добавляются разноцветные пиксели рядом друг с другом для имитации вторичных цветов или плавных переходов цветов.
    • Lossy. Этот параметр контролирует уровень потери визуальной информации, что может уменьшить размер файла, но также ухудшить качество изображения. Потери доступны, когда опция «Чересстрочная» отключена.
    • Регулировка прозрачности. Имеет смысл включить, если на изображении есть прозрачные области.
    • Настроить анимацию на указанный размер файла. Этот параметр также доступен при сохранении анимации в Photoshop. Вы можете указать размер выходного файла. И на основе этого Photoshop сам произведет оптимизацию, подогнав размер файла под указанный вами.


    А что, если вообще нет практики работы с графическими редакторами? В этом случае есть несколько вариантов решения данной проблемы. Наиболее очевидными из них являются онлайн-инструменты для сжатия GIF-анимации. Они будут полезны, поскольку файлы GIF могут весить до 20 МБ и более.

    • Compressor.io: первый онлайн-инструмент для оптимизации изображений в форматах JPEG, PNG, GIF и SVG. Перетащите изображение в область загрузки, и обработка начнется немедленно. Когда закончите, вы можете увидеть, насколько сжат файл стал. Осталось только скачать оптимизированную версию, нажав на кнопку «СКАЧАТЬ ФАЙЛ». Максимальный размер загружаемого файла составляет 10 МБ.
    • Онлайн-сервис Ezgif дает ответы на многие вопросы. Это универсальный редактор, предназначенный для выполнения различных манипуляций с файлами в формате GIF.С его помощью вы можете не только редактировать существующие анимации, но и создавать новые. Стартовый экран службы разделен на несколько вкладок. Сервис Ezgif выполняет практически все операции, которые могут вам понадобиться при работе с анимированными изображениями. И делает это качественно.

    Прокомментируйте и поделитесь своими мыслями по теме. И обязательно ознакомьтесь с нашей коллекцией новых веб-сайтов и шаблонов PSD, если вы планируете открыть свой собственный веб-сайт. Все изображения, которые мы предоставляем, уже оптимизированы для наиболее отзывчивых веб-страниц.



    Читайте также

    Что такое GIF?

    ТОП-30 лучших анимированных GIF-художников в Интернете

    Анимированные GIF-файлы — причина, по которой изображения и видео перестают быть популярными

    15 потрясающих GIF-художников, от которых у вас перехватит дыхание

    Углубляемся в Duotone: как создавать и использовать раскрашенные изображения в веб-дизайне

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Авторское право © 2021 Es picture - Картинки
    top