www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.

Фотолаборатория

Логотип Фото

Сжатие изображений для интернета и электронной почты.
Бесплатная программа RIOT

В предыдущей статье был рассмотрен неплохой вариант сжатия изображений для Web и электронной почты в программе FastStone Image Viewer. Для "бытового" применения его вполне достаточно, но иногда требуется более тщательная оптимизация изображений, особенно для размещения на сайте. В этом случае рекомендую использовать бесплатную утилиту RIOT - Radical Image Optimization Tool (Радикальный инструмент оптимизации изображения), автор Lucian Sab.

Lucian Sab постоянно совершенствует свою программу, что видно из истории версий. Программа имеет два варианта - Lite (Легкая) и Extended (Расширенная). Последнюю, самую свежую версию, можно скачать со страницы загрузок сайта разработчика, размер программы менее 1 Мб, работает с Windows 98/2000/XP/Vista/Windows 7. Там же можно узнать о различиях Lite и Extended вариантов, а также об установке RIOT плагином к программе фоторедактора IrfanView (см. статью "Редактирование фотографий в программе Irfan View").

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

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

Итак, скачиваем с сайта разработчика эту утилиту, распаковываем (если вы скачали сжатый вариант) и запускаем - рис.1:

Рабочее окно программы  сжатия изображений RIOT
Рис.1. Рабочее окно программы сжатия изображений RIOT

Сначала заходим в настройки программы  Tools - Options... - рис.2:

Настройки программы   сжатия изображений RIOT
Рис.2. Настройки программы сжатия изображений RIOT

Здесь можно оставить все без изменений, но обратите внимание на два пункта:

  • Ask to resize on open images larger then... - запрос программы на изменение размеров при открытии изображений объемом более 2 мегапиксел (устанавливается). Естественно, загружать в интернет картинки такого объема никто не собирается, но программа будет нам напоминать, что не худо было бы подумать об уменьшении их размера перед оптимизацией.
  • Automatically check for updates - автоматическое обновление программы. Это кому, как нравится. Я предпочитаю обновлять вручную: только привыкнешь к одной версии, а тебе - бац! - подсунули новую, с которой надо разбираться.

Также полезно заглянуть в раздел View (Вид) и проверить, что установлен показ двух изображений, "до и после," - Dual view и автоматический предпросмотр оптимизированного изображения - Automatic preview - рис.3:

Настройки показа оптимизированного изображения
Рис.3. Настройки показа оптимизированного изображения

Далее приступаем к оптимизации изображения. Открываем файл командой File - Open. Если размер файла более 2 мегапиксел, то есть практически всегда (см. установки на рис.2), то программа предложит уменьшить его до разумных пределов - рис.4:

Предупреждение о большом размере  изображения
Рис.4. Предупреждение о большом размере изображения

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

Установка размеров изображения для Web
Рис.4. Установка размеров изображения для Web

Так как флажок сохранения пропорций установлен по умолчанию (Keep aspect ratio), то достаточно уменьшить только ширину или высоту изображения. Для просмотра на экране монитора в хорошем качестве вполне достаточно ширины от 640 до 1000 пикселей, для размещения на сайте устанавливаем размеры в соответствии с требованиями верстки. Программа предлагает пять алгоритмов изменения размеров изображения - Resampling filter, аналог фотошоповского окна Image Size (Размер изображения). Новый размер изображения выводится на синей полосе в верхней части окна программы.

После установки размеров жмем ОК, и теперь мы видим в рабочем окне два изображения: исходное и оптимизированное - рис.1. Выбираем формат сжатия: IPEG - для фотографий, GIF или PNG для графики.

Рассмотрим основные регулировки для каждого формата.

 1. IPEG - степень сжатия устанавливается перетаскиванием мышью ползунка Quality (Качество) и выбором режима Chroma subsampling (Цветовая выборка) - рис.5. Качество сжатия изображения оцениваем по картинке, при этом объемы исходного и оптимизированного изображений в килобайтах выводятся в строке над изображениями. Для точной установки ползунка используйте клавиши <  > на клавиатуре компьютера.

Настройки сжатия изображений в формате IPEG
Рис.5. Настройки сжатия IPEG

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

Программа RIOT предлагает и вариант оптимизации с заданным объемом. Кнопкой Compress to size устанавливаете желаемое значение в Кб, и если возможно, программа сожмет картинку до этого значения. Ползунок качества автоматически установится в нужное положение, либо упрется в левый край при невозможности дальнейшего сжатия. В этом случае придется еще уменьшить размеры изображения, выбрав Edit - Resample, или кнопкой Кнопка изменения размеров .

Закладка Metadata позволяет установить сохранение в файле различной информации о снятом кадре (EXIF - параметры съемки, описание и проч.).

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

Настройки сжатия в формате GIF
Рис.6. Настройки сжатия в формате GIF

При оптимизации изображения в форматах GIF и PNG степень сжатия определяется количеством цветов (ползунок Reduce colors to) и алгоритмом преобразования цветов (Color quantization algorithm). Подбором этих параметров добиваемся минимального объема сжатого изображения при хорошем его качестве. Так же, как и в случае сжатия IPEG, можно задать требуемый объем файла кнопкой Compress to size.

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

При оптимизации изображений нельзя заранее указать необходимые параметры сжатия и ориентироваться приходится на визуальный контроль результата. Программа RIOT предлагает все для комфортного просмотра (кнопки между изображениями на рис.1): увеличить/уменьшить изображения, показать в масштабе 100% (кнопка 1:1), вписать в размеры окна и вывести картинку "до и после", удерживая кнопку Рабочее окно программы FastStone Image Viewer. В последнем случае изображения просто меняются местами. Большинство оперативных регулировок доступны через простые клавиатурные комбинации (см. рис.3).

После завершения оптимизации сохраняем изображение обычной командой File - Save или File - Save as...

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

13.06.2009 г.

Задать вопрос автору





Яндекс.Метрика

Copyright © 2008 - Марк Розенталь e-mail: Мой e-mail
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru
Ключевые слова: оптимизация изображений для Web и электронной почты, сжатие фото, форматы сжатия JPEG, GIF и PNG