Riot – инструмент радикальной оптимизации изображений

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

Программ для сжатия и оптимизации основных форматов изображений для веб (jpg, gif и png) достаточно много, но все они, как правило, работают с одним форматом. Хотелось бы иметь такой инструмент сжатия и оптимизации изображений, который бы одинаково эффективно работал со всеми этими форматами. И такая программа есть. Это бесплатное приложение Riot (Radical Image Optimization Tool). К сожалению она ещё не так широко известна. Так по запросу Riot основные поисковики выдают на нескольких первых страницах результаты поиска никак не связанные с этой программой. Есть всё, начиная от скандальной группы Pussy Riot, какой-то игры Riot и заканчивая хэви-металл группой с этим же названием. Жаль. Этот краткий обзор задуман с целью популяризации этой достойной программы. Если хоть кто-то, заглянувший на эту страницу, будет ею пользоваться, я буду рад.

Riot (Radical Image Optimization Tool)

Программа, по сути, является графическим интерфейсом для известных утилит командной строки optipng, pngout и библиотеки FreeImage. Автор программы настолько хорошо и просто скомпоновал интерфейс, что использование этой программы для сжатия и оптимизации gif, png и jpg, доставляет удовольствие. Скачать программу можно с сайта разработчика http://luci.criosweb.ro/riot/, но я рекомендую использовать программу Riot на русском языке, скачать русифицированную версию программы Riot можно на сайте http://www.wylek.ru/. Для скачивания программы по упомянутой ссылке необходимо пройти процедуру несложной регистрации на сайте, что не очень хорошо. Но ничего не поделаешь.

Автор перевода и русской сборки программы Riot под ником Leserg проделал титаническую работу. Он русифицировал не только интерфейс программы, но и справочный файл, и файл Readme. Мало того, русская сборка Riot имеет дополнения и новейшие версии используемых программ, а справочный файл не только переведен, но и значительно доработан. В него добавлены сведения поясняющие процессы сжатия и оптимизации изображений и многое другое. Русификации такого уровня большая редкость. Честь и хвала переводчику. (Зная, что достаточно большая часть элементов интерфейса и сообщений программы не имеет возможности перевода в ресурсах, а зашита в коде программы, тем больше проникаешься уважением к автору перевода и проделанной им работе).

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

  • Открытие множества форматов изображений, включая редкие и научные типы.
  • Сохранение и оптимизация JPEG, GIF и PNG изображений, используя простой пользовательский интерфейс.
  • Работа в двойном режиме просмотра (оригинальное – оптимизированное изображение) или одиночном (оптимизированное изображение). Автоматический предпросмотр результата при изменении параметров оптимизации.
  • Функция сравнения (на оптимизированное изображение накладывается исходное, что позволяет заметить малейшие изменения в пикселях).
  • Сжатие файлов до желаемого размера.
  • Быстрая обработка (все операции выполняются в памяти ПК).
  • Поддержка пакетной обработки изображений (преобразование нескольких файлов за один раз).
  • Настройка прозрачности.
  • Удаление служебной информации – метаданные (комментарии, IPTC, Adobe XMP, профили EXIF, профили ICC). Неподдерживаемые блоки метаданных удаляются.
  • Передача метаданных между форматами изображений (целевой формат должен поддерживать метаданные).
  • Общие инструменты: панорамирование и масштабирование, поворот и переворот изображений.
  • Настройки изображения: яркость, контраст, гамма, инвертирование.
  • Уменьшение уникального количества цветов в PNG и GIF изображениях с целью уменьшения размера файла (два алгоритма квантования цвета: Xiaolin Wu и NeuQuant neural net).
  • Изменение размеров изображения с помощью широко известных алгоритмов перерисовки – фильтров (Lanczos3, Catmull Rom, Bicubic, и других).
  • Поддержка внешних программ для оптимизации формата PNG (optipng, pngout, и т.д.).
  • Результаты сжатия сопоставимы с коммерческими продуктами, и в некоторых случаях превосходят их.
  • Поддержка HDR изображений с использованием адаптивной тоновой компрессии (по алгоритму Drago).

Возможности впечатляют.

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

Несмотря на простоту использования русифицированной программы Riot, я настоятельно рекомендую прочитать справку программы. Это облегчит понимание сути процессов. Чему очень способствует качество перевода справки и дополнительные материалы, добавленные в справку переводчиком (дай Бог ему здоровья).
Мой обзор не преследует цели подробного описания функций программы, приёмов работы с ней и т.п. Просто хочется познакомить пользователей с достойной программой. Я лишь приведу скриншоты сжатия программой нескольких файлов, чтобы можно было увидеть, насколько хорошо работает программа. Кроме этого под ними приведу скриншоты из упомянутой русифицированной справки, чтобы можно было оценить качество перевода и оценить настройки оптимизации каждого из графических форматов.


Изображение jpg

Скриншот обработки изображения jpg Скриншот настроек jpg

Изображение gif

Скриншот обработки изображения gif Скриншот настроек gif

Изображение png

Скриншот обработки изображения png Скриншот настроек png

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

Остается добавить, что пользователи графических программ Gimp, IrfanView и XnView могут использовать в них специальные модули Riot. Функциональные возможности этих модулей абсолютно идентичны имеющимся в автономной программе. К сожалению модули существуют только для Windows-версий Gimp и XnView. Скачать модули можно с официального сайта разработчика Riot.

Модули Riot

Riot в Gimp

Модуль Riot Gimp

Riot в XnView

Скриншот XnView

Модуль Riot в графическом редакторе Gimp встраивает свой пункт в меню «Файл» редактора. На скриншоте он выделен зеленым маркером. В бесплатную графическую программу XnView модуль Riot встраивается в меню «Фильтр». На скриншоте соответствующий пункт выделен желтым маркером. Содружество популярнейших графических программ с Riot позволяет сначала подготовить в них нужную вам графику, а затем оптимизировать её и сохранить в нужном веб-формате с помощью модулей Riot. Все необходимое для подготовки веб-графики в одном флаконе. Лучшего не придумаешь. Было бы совсем хорошо, если бы автор перевода программы Riot перенес его в соответствующие модули.

Программа Riot недавно обновилась, русскую сборку её последней версии 0.5.2 можно также найти по вышеупомянутой ссылке.

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