Стиснення фотографій для Web і електронної пошти. огляд програм

  1. Зменшення розміру зображень для інтернету та електронної пошти. Безкоштовна програма RIOT В попередній...
  2. Рис.2. Налаштування програми стиснення зображень RIOT
  3. Рис.3. Налаштування показу оптимізованого зображення
  4. Рис.4. Попередження про великий розмірі зображення
  5. Рис.4. Установка розмірів зображення для Web
  6. Рис.5. Налаштування стиснення IPEG
  7. Рис.6. Налаштування стиснення в форматі GIF

Зменшення розміру зображень для інтернету та електронної пошти.
Безкоштовна програма 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:


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

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


Рис.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. У вікні, встановимо нові розміри.


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

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

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

Розглянемо основні регулювання для кожного формату.

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


Рис.5. Налаштування стиснення IPEG

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

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

Закладка Metadata дозволяє встановити збереження в файлі різної інформації про знятому кадрі (EXIF - параметри зйомки, опис та ін.).

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


Рис.6. Налаштування стиснення в форматі GIF

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

У форматах GIF і PNG можна зберігати прозорість окремих шарів зображення і задавати їм колірну заливку. Параметри прозорості задаються в закладці Mask. Зверніть увагу, що ця закладка з'являється тільки тоді, коли в оригінальному документі вже створений шар з прозорістю, наприклад, за допомогою Photoshop.

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

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

Отже, ми розглянули два варіанти оптимізації зображень для Web, яких достатньо для всіх застосувань. Однак, ці варіанти вимагають певних навичок і знань. Але існує ще один, найпростіший спосіб стиснення зображень, що використовує зняття скріншота. Про це способі поговоримо в наступній частині статті .

13.06.2009 р

2009 р