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

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

Сегодня я Вам расскажу о программе 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). В нашем случае будем использовать отдельное приложение.
Отдельное приложения можно загрузить двумя способами:

установочный файл – (installer – http://download.criosweb.ro/download.php?sid=R&type=installer )
версия portable – (portable (zip archive) – http://download.criosweb.ro/download.php?sid=R ) не требует установки, нужно лишь загрузить архив, распаковать и запустить файл Riot.exe

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После чего Вам должно открыться главное окно программы 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 – о программе, версия, краткая информация

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

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

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

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

Options (Опции)
- JPEG:
- GIF
- PNG
Metadata(Метаданные)
- JPEG, GIF, PNG
Mask(Маска)
- JPEG, GIF, PNG
Image adjustments (Настройки изображения)
- JPEG, GIF, PNG

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

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

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

Additional tasks (дополнительные задачи):
- Rotate (поворот) – здесь можно повернуть изображение влево, вправо и на 90, 180, 270 градусов
- Flip (отразить) – можно отразить горизонтально и вертикально
- Resize (изменение размера изображения) – можно выставить как процентное соотношение так и точные размеры ширины и высоты изображения, есть возможность применения фильтра
- 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. – Это действие требует особой настройки для работы. Пожалуйста, вернитесь на главную форму, загрузите изображение и заново настройте параметры сжатия, чтобы убедиться, что эта функция включена.)
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.

Ссылки:

http://luci.criosweb.ro/riot/ – официальная страница программы
http://luci.criosweb.ro/riot/download/ – страница загрузки программы
http://luci.criosweb.ro/riot/bbpress/ – форум программы

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

(Visited 424 times, 1 visits today)

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

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

Установка

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

Ссылки:

Related Posts