Софт

RIOT — качественное сжатие изображений

, , , , , ,
5 октября 2010, 14:17

После того как я разместил свой блог в интернете, я понял что страницы сильно перегружены, и долго грузятся, даже при хорошей скорости интернета. Первая причина этому — это фотографии с большим разрешением, у которых размер больше чем 1Мб, а порой больше даже чем 1,5Мб. Я решил что надо их разрешение, и уменьшать качество, но так что бы пользователю было приятно смотреть на картинку, а не смотреть на квадраты. По началу я сжимал фотографии через Adobe Photoshop, но так как я приверженец бесплатного программного обеспечения, то я начал искать бесплатную программу которая бы быстро меняла разрешение и немного ухудшала качество изображение, но еще что бы при этом она практически не делала картинку ужасной для просмотра. В общем нужна была такая бесплатная программа которая бы качественно и быстро сжимала изображения. Программ таких как оказалось большое количество, и многие из них бесплатны. Но мне нужна была программа в которой нужно было выполнять минимум действий и получать максимум результата.

RIOT - качественное сжатие изображений

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

RIOT (Radical Image Optimization Tool англ.) — в переводе с английского означает Инструмент Радикальной Оптимизации Изображений, бесплатный программный продукт, который позволяет подробно настроить сжатие и при этом визуально редактировать настройки. Программа использует два окна, в одном из которых отображается изображение оригинала а во втором уже сжатое при определенных настройках, что собственно и отличает эту программу от большинства подобных. Бывают программы в которых ты сжимаешь с определенными параметрами изображение а итог этого действия не видишь. А здесь можно посмотреть и в реальном времени посмотреть на изменения, что позволяет добиться максимального эффекта от сжатия любого изображения.

Эта программа не только качественно сжимает но она еще и быстро работает, что собственно немаловажно при работе в сети Интернет. Как плюс можно отметить тот факт что программа может преобразовывать ваше исходное изображение в JPG, GIF, PNG.

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

RIOT доступно как отдельное приложение так и как плагин к таким программным продуктам как: GIMP, IrfanView и XnView.

Основные характеристики

  • программа может открывать большое количество разных типов изображений, таких как: jpg, jpeg, jpe, jif, png, gif, bmp, tif, tiff, psd, ico, tga, targa, mng, jng, j2k, j2c, jp2, pcd, pcx, wpa, wbmp, wbm, xbm, xpm, dds, g3, koa, iff, lbm, pbm, pgm, ppm, ras, cut, sgi, pct, pict, pic
  • с помощью RIOT можно оптимизировать и впоследствии сохранить исходное изображение в форматах JPEG, GIF и PNG, причем для этого не придется обладать специфическими знаниями, интерфейс программы настолько прост что разобраться сможет любой
  • окно программы разделено на два окна: исходное изображение и сжатое, многие настройки применяются в режиме реального времени, без дополнительного нажатия клавиш — автоматический просмотр результатов
  • можно выставить определенный размер файла, для сжимаемого изображения
  • одной приятной особенностью является, то что на экране сразу отображается размер итогового файла и исходного
  • в программе можно работать как с одним файлом, так и с несколькими одновременно
  • есть возможность работы с прозрачностью
  • можно поменять метаданные изображения (комментарии, IPTC, Adobe XMP, EXIF профайл, ICC профайл), не поддерживаемые метаданные будут удалены
    возможна передача метаданных между изображениями (но это в том случае если конечный файл поддерживает такие типы метаданных)
  • из стандартных инструментов доступны: поворот, масштабирование, и есть возможность отразить изображение как горизонтально так и вертикально
  • можно так же сменить яркость, контрастность, гамму, и инвертировать
  • в реальном времени есть возможность уменьшить количество цветов PNG и GIF, для того что бы размер файла стал меньше
  • возможно изменение размера изображения с помощью известных фильтров таких как: Lanczos3, Catmull Rom, Bicubic, и др.
  • в дополнениях можно найти поддержку внешних оптимизаторов изображения PNG (optiPNG, PNGOut)
  • разработчики утверждают что результаты сжатия вполне можно сравнить с коммерческими продуктами, и даже намного лучше них

Детали оптимизации

Для файлов JPEG доступные следующие настройки:

  • качество сжатия
  • расширенные возможности выбора насыщенности цвета (отсутствует, низкий 4:2:2, средний 4:2:0, высокий 4:1:1)
  • можно сохранить изображение как оттенки серого 8-бит
  • стандартная оптимизация (оптимальные таблицы Хаффмана) или прогрессивное кодирование

Поддерживается на выбор следующая глубина цвета: 24 бита, 8 бит оттенки серого
Настройки для файлов GIF:

  • изменение цвета
    • изменение цвета от 256 до 2 цветов (без сглаживания) с использованием Xiaolin Wu или NeuQuant neural net
    • палитра 8 бит оттенки серого
    • floyd-steinberg сглаживание 1 бит монохромный
  • сохранение чересстрочного

На выходе поддерживается глубина: 4, 8 бит, 8 бит градаций серого, 1 бит монохромный

Настройки для файлов PNG:

  • поддерживаются исходные цвета (24 бит RGB, 32 бит RGBA)
  • изменение цвета:
    • изменение цвета от 256 до 2 цветов (без сглаживания) с использованием Xiaolin Wu или NeuQuant neural net
    • палитра 8 бит оттенки серого
    • floyd-steinberg сглаживание 1 бит монохромный
  • сохранение чересстрочного
  • добиться максимальных настроек сжатия можно путем использования интеграции с популярными оптимизаторами PNG (optiPNG, PNGOut)
    • добавить / удалить / изменить внешний инструмент оптимизации PNG

На выходе поддерживается глубина: 4, 8, 24, 32 битный цвет, 8 бит градаций серого, 1 бит монохромный

Настройки для метаданных:
Можно сохранить или удалить следующие метаданные:

  • Комментарии
  • Adobe XMP информация
  • IPTC информация
  • профиль EXIF (в том числе GPS и создатель заметки)
  • профили цвета ICC

Неизвестные или не поддерживаемые метаданные автоматически удаляются.

Настройки маски:
В программе RIOT можно выбрать несколько вариантов прозрачности:

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

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

Установка

Для начала нужно загрузить программу RIOT с официального сайта. На странице для загрузки ( http://luci.criosweb.ro/riot/download/ ) есть возможность загрузки как отдельного приложения (Standalone application) так и в виде плагина для разных программ (RIOT as plug-in for other applications). В нашем случае будем использовать отдельное приложение.
Отдельное приложения можно загрузить двумя способами:

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

RIOT - качественное сжатие изображений

архив весит немного а именно: архив с версией portable (Riot.zip) — 1,01 Мб, архив с установочным файлом (Riot-setup.zip) — 1,06 Мб.
После того как Вы скачали архив разархивируйте его и затем если это версия portable то устанавливать ничего не нужно а если это установочная версия то нужно запустить файл Riot-setup.exe.
В первом окне установки будет представлен текст Лицензионного соглашения, можете прочитать его и нажать на кнопку I Agree, или же не читать и нажать кнопку I Agree.

RIOT - качественное сжатие изображений

В следующем окне Вам будет предложено место для установки программы (по умолчанию C:\Program Files\Riot\), я оставил его таким же. Нажимаем Next >.

RIOT - качественное сжатие изображений

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

RIOT - качественное сжатие изображений

В последнем окне будет предложена установка иконок программы в меню пуск. Нажимаем Next >.

RIOT - качественное сжатие изображений

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

RIOT - качественное сжатие изображений

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

Использование

Как я уже говорил выше, программа очень проста в использовании, освоить ее очень не сложно.
После запуска программы вы увидите следующее окно:

RIOT - качественное сжатие изображений

Для начала попробуем загрузить какое ни будь изображение в программу, я к примеру возьму свой логотип у который имеет вес в 269Кб и разрешение: ширина — 1185, высота — 1991.
Для того чтобы открыть какое либо изображение нужно нажать на кнопку Open…, или же нажать на подпункт главного меню File->Open…, или же можно воспользоваться комбинацией клавиш Ctrl+O.

RIOT - качественное сжатие изображений

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

Этот файл имеет высокое разрешение. RIOT способен обработать такое такие изображения, но в данном случае обработка может занять некоторое количество времени.
Первым делом нужно изменить разрешение, Вы готовы это сделать сейчас? (Рекомендуется)
В противном случае исходное изображение не будет изменено.

RIOT - качественное сжатие изображений

Если Вы нажали No, то ничего не произойдет и ваше исходное изображение откроется в программе без каких либо изменений. Если вы нажмете Yes, то Вам откроется окно настроек. В котором можно:

  • изменить разрешение (раздел New size — новый размер) изображения как в пикселях так и в процентах(раздел Unit), надпись Keep aspect ratio означает — сохранять пропорции если галочка стоит, и не сохранять пропорции если галочка не поставлена
  • выбрать предварительно фильтр для преобразования изображения

Я немного изменил значения ширины и высоты, так как для интернета вполне достаточно изображение с разрешением 800 на 600, все остальные параметры я оставил по умолчанию. На верху присутствует надпись Original size — которая показывает оригинальное(исходное) разрешение изображения. Нажимаем кнопку Ok.

RIOT - качественное сжатие изображений

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

RIOT - качественное сжатие изображений

В самом верху окна программы находится главное меню, в котором:

  • File: — Файл
    • Open… (Ctrl+O) — открытие изображения
    • Save (Ctrl+S) — сохранение открытого изображения, с типом исходного изображения
    • Save As… (S) — сохранить изображение в выбранном типе — jpeg, gif, png
    • Exit (Esc) — выход из программы
  • Edit: — Редактирование
    • Paste from Clipboard (Ctrl+V) — вставить изображение из буфера обмена
    • Rotate left 90° (L) — Повернуть влево на 90°
    • Rotate right 90° (R) — Повернуть вправо на 90°
    • Flip horizontally (H) — Отразить горизонтально
    • Flip vertically (V) — Отразить вертикально
    • Resample (Ctrl+R) — Изменение размера изображения с использованием фильтров изменения разрешения
  • View: — Просмотр
    • Actual size(1:1) (Num*) — фактический размер изображения
    • Fit in window (/) — подогнать изображение под размер окна
    • Zoom In (Num +) — увеличить изображение
    • Zoom Out (Num +) — уменьшить изображение
    • Dual view (Shift+D) — двойной просмотр изображения (исходное и оптимизированное)
    • Fit in window only big images — (Shift+F) — подогнать под размер окна только большие изображения
    • Full Screen (F11) — во весь экран
    • Automatic preview (Ctrl+P) — автоматический предварительный просмотр результатов
  • Tools: — Инструменты
    • Batch optimizer… — пакетный оптимизатор (сжатие сразу нескольких изображений)
    • Compress to size… (F9) — сжатие изображения до размера, который вы должны указать
    • Options… — Параметры
  • Help: — Помощь
    • Visit official website — пометить официальный сайт программы
    • News/articles feed — лента RSS новостей и статей
    • Check for updates — проверить наличие обновлений
    • About — о программе, версия, краткая информация

RIOT - качественное сжатие изображений

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

RIOT - качественное сжатие изображений

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

RIOT - качественное сжатие изображений

Чуть ниже есть три кнопки JPEG, GIF, PNG, которые служат для того что бы можно было быстро выставить формат изображения на выходе.

RIOT - качественное сжатие изображений

У каждого из форматов есть четыре группы настроек:

  • Options (Опции)
    • JPEG:
    • Quality (качество) — здесь есть плавный ползунок качества изображения в процентах, с помощью которого можно ухудшить или увеличить качество, при этом сразу будут видны изменения; Chroma subsampling (выбор насыщенности цвета) — здесь можно выбрать из выпадающего списка None(отсутствует), Low(низкая), Medium(средняя), High(высокая); Grayscale(оттенки серого) — есть возможность сделать изображение в оттенке серого; Encoding (кодирование) — здесь можно выбрать из двух вариантов Standard optimized(стандартная оптимизация), Progressive(прогрессирующая)

      RIOT - качественное сжатие изображений

    • GIF
    • Color reduction (уменьшение количества цветов) — здесь из выпадающего списка можно выбрать Optimal 256 Colors Palette(палитра 256 цветов), Optimal 128 Colors Palette(палитра 128 цветов), Optimal 16 Colors Palette(палитра 16 цветов), Grayscale 256 Colors Palette(256 цветов оттенки серого), Dithered Monochrome(монохромное сглаживание); Reduce colors to (уменьшить количество цветов до) — здесь можно уменьшить эту ползунком количество цветов; Interlaced (чересстрочный) — здесь можно включить или выключить опцию; Color quantization algorithm (алгоритм квантования цвета) — здесь доступно два пункта для выбора Xiaolin Wu color (быстро) и NeuQuant neural-net (медленно)

      RIOT - качественное сжатие изображений

    • PNG
    • Color reduction (уменьшение количества цветов) — из выпадающего списка можно выбрать True Colors (настоящие цвета), Optimal 256 Colors Palette(палитра 256 цветов), Optimal 128 Colors Palette(палитра 128 цветов), Optimal 16 Colors Palette(палитра 16 цветов), Grayscale 256 Colors Palette(256 цветов оттенки серого), Dithered Monochrome(монохромное сглаживание); Reduce colors to (уменьшить количество цветов до) — так же как и в GIF здесь можно уменьшить ползунком количество цветов, при True Colors это сделать невозможно; Interlaced (чересстрочный) — можно включить или выключить эту опцию; Best compression (slow) (наилучшее сжатие — работает медленно) — выбрав эту опцию изображение значительно уменьшится в размерах; Color quantization algorithm (алгоритм квантования цвета) — доступно два пункта для выбора Xiaolin Wu color (быстро) и NeuQuant neural-net (медленно); External optimizers (внешние оптимизаторы) — здесь есть на выбор три внешних оптимизаторы которые входят в комплект установки(OptiPNG o3, OptiPNG o5 очень медленный, PNGOut Xtreme очень медленный), но так же есть возможность добавить свои

      RIOT - качественное сжатие изображений

  • Metadata(Метаданные)
    • JPEG, GIF, PNG
    • На скриншотах не видно этой вкладки, так как у моего изображения нет метаданных. Здесь есть два раздела: Metadata(Метаданные) — здесь можно Remove IPTC info (удалить информацию IPTC), Remove XMP info (удалить информацию XMP), Remove EXIF profile (удалить профиль EXIF), Remove Comments (удалить комментарии). Extra(Дополнительно) — Remove ICC profile (удалить профиль ICC).

      RIOT - качественное сжатие изображений

  • Mask(Маска)
    • JPEG, GIF, PNG
    • Здесь есть один раздел настроек — Transparent pixels (Прозрачные пиксели), в котором: Keep transparency (сделать прозрачным) — здесь есть ползунок Threshold (порог) в котором можно установить прозрачность или не прозрачность для JPEG эта опция отсутствует, Blend with solid background (Смешать с сплошным фоном) — здесь можно выбрать цвет фона с которым исходное изображение будет сведено, Set opaque (сделать непрозрачным)

      RIOT - качественное сжатие изображений

  • Image adjustments (Настройки изображения)
    • JPEG, GIF, PNG
    • Для всех типов файлов настройки изображения совершенно одинаковы.
      Brightness (яркость) — ползунком можно настроить яркость изображения, Contrast (контраст) — здесь также можно ползунком отрегулировать контрастность, Gamma (гамма) — ползунок для регулировки цветовой гаммы изображения, Invert(negative) (обратить в негатив) — можно инвертировать изображение в негатив, Set defaults (установить по умолчанию) — можно вернуться к настройкам по умолчанию, Apply to initial image (подать изображение на исходное) — можно измененное изображение поместить в левое поле вместо исходного изображения, Save values on exit (сохранить значения на выходе) — можно включить или выключить эту опцию

      RIOT - качественное сжатие изображений

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

В программе доступно ряд общих настроек для всей программы, которые можно запустить Tools(Инструменты)->Options…(Параметры), после чего Вы должны увидеть окно с двумя вкладками:

  • General settings (Общие настройки): Save settings on exit (сохранять настройки при выходе) — все что Вы настраивали в последний раз будет сохранено при выходе из программы, Show captions for main toolbar buttons (Показывать подписи для основных кнопок панели инструментов), Ask to resize on open images larger than (автоматически предлагать запрос на уменьшение изображения, если оно больше чем) — здесь можно выставить количество мегапикселей, Zoom factor percent (масштаб в процентах), Auto-rotate images according to camera info from EXIF profile (Автоматический поворот изображений в зависимости от информации профиля EXIF), Automatically check for updates (автоматическая проверка обновлений)
  • RIOT - качественное сжатие изображений

  • PNG Performance (Производительность PNG): Use fastest PNG compression by default (использовать быстрый процесс сжатия PNG по умолчанию) — (requires applying best compression or external optimizer as final step) (требует применения наилучшего сжатия или внешнего оптимизатора, как последнего шага в оптимизации)
    Some function run slow. They are recomended as final step. That is why some checkboxes are not saved on exit. You can enable here some of them if you work with a fast computer and small images. (Некоторые функции работают медленно. Они рекомендуются в качестве последнего шага в оптимизации изображения. Именно поэтому некоторые флажки не сохраняются при выходе. У Вас есть возможность включить здесь некоторые из них, но это в том случае если вы работаете на быстром компьютере и изображения небольшие.), Save PNG «Best compression» state (Сохранять состояние для PNG «Наилучшее сжатие»), Save «Always apply PNG Optimizer» state (Сохранять состояние «Всегда использовать PNG Optimizer»)
  • После применения любых настроек следует нажимать на кнопку OK.

    RIOT - качественное сжатие изображений

Напоследок осталась одна из самых полезных функций программы RIOTBatch optimizer… (пакетная оптимизация изображений). С помощью этой функции программы можно с легкостью выставить определенные параметры и оптимизировать (сжать) сразу несколько изображений. Для тестирования я создал две директории на флешке (Transcend JetFlash V70 8Gb): uamedwed-logo (где лежат исходные изображения) и uamedwed-logo-output (куда будут помещены полученные после оптимизации изображения). В окне Batch optimizer… есть кнопки такие как:

  • Additional tasks (дополнительные задачи):
    • Rotate (поворот) — здесь можно повернуть изображение влево, вправо и на 90, 180, 270 градусов
    • RIOT - качественное сжатие изображений

    • Flip (отразить) — можно отразить горизонтально и вертикально
    • RIOT - качественное сжатие изображений

    • Resize (изменение размера изображения) — можно выставить как процентное соотношение так и точные размеры ширины и высоты изображения, есть возможность применения фильтра
    • RIOT - качественное сжатие изображений

    • Compress to size (сжать до размера) — здесь можно указать размер изображения до которого вы хотите преобразовать исходное, после нажатия у Вас высветится предупреждение (This action needs specific settings to work. Please return to the main form, load an image and adjust the compression parameters to make sure this function is enabled. — Это действие требует особой настройки для работы. Пожалуйста, вернитесь на главную форму, загрузите изображение и заново настройте параметры сжатия, чтобы убедиться, что эта функция включена.)
    • RIOT - качественное сжатие изображений

  • Add images (добавить изображения):
    • Add images (добавить изображения) — здесь можно выбрать поштучно каждое изображения
    • Add all images from folder… (добавить все изображения из папки) — есть возможность добавить целую папку с изображениями
    • Add all images from folder (including subfolders)… — добавить все изображения из директории вместе с вложенными директориями
  • Remove selected (удалить выбранные) — есть возможность удаление каждого файла по отдельности
  • Remove all (удалить все) — можно удалить все файлы сразу
  • Settings (настройки):
    • Overwrite existing files — перезаписать существующие файлы
    • Delete original files when complete — Удалить исходные файлы после окончания
    • Keep original data/time — Сохранить исходные дату и время
    • Report file size changes — Оповещать об изменениях размера файла

Практически в самом низу есть строка для указания директории(Output folder), в которую будут помещены сжатые изображения. Там же доступны три кнопки: Browser folder (указать папку), Use selected file path (использовать путь исходных файлов), Start (кнопка старта оптимизации).

RIOT - качественное сжатие изображений

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

Ссылки:

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