В даному записі я розповім, як я зменшую знімки для публікації і оптимізую їх розмір. Як завжди все це діло я роблю в Adobe Photoshop. Методів є багато, але це як на мене найпростіший.

Наприклад, вам потрібно зменшити фотознімок з оригінального розміру в 4290х2856 пікселів до 500 пікселів по ширині. Для цього відкриваємо оригінал знімку в фотошопі.

Далі заходимо в Image/Image Size… або тиснемо комбінацію клавіш Ctrl+Alt+I:

Image Size...


У вікні вводимо потрібні розміри. Мене наприклад цікавить ширина 500 пікселів, а висоту буде вибрано автоматично для зберігання пропорцій:

Image Size...

Отримую зменшену світлину, але в результаті зміни розміру фотка стала розмита:

Портрет

Тепер потрібно це виправити, для цього я йду в фільтри Filter/Sharpen/Smart Sharpen…:

Плагін Smart sharpen

З’являється віконце в котре я ввів власні параметри. З параметрами можете погратись і одразу побачити зміни зліва, але не перестарайтесь. На знімку не повинно бути перешарпу (битих пікселів):

Різкість

В результаті маю чітку фотку:

Портрет

Було так:

Портрет

Думаю ви різницю помітили. :) Тут головне не перешарпити.

Тепер її потрібно зберегти. Для цього я користуюсь File/Save for Web & Devices… (Ctrl+Shift+Alt+S). Таке збереження дає можливість зекономити трохи кілобайт:

Save for Web

З’являється вікно (клікни для збільшення):

Публікація для веб

Тут можна обрати потрібний формат, вибрати потрібну якість і одразу побачити розміри в кілобайтах картинки, а також вигляд картинки при таких параметрах. Так що дивіться щоб на знімку не вилізли артефакти. До речі зверху є готові вкладки (Original – оригінал без оптимізації, Optimized – з вашою оптимізацією, 2-Up – оригінал плюс вікно за вашою оптимізацією для порівняння, 4-Up – оригінал плюс ваша оптимізація і ще два приклади з різною якістю для порівняння).

Користуйтесь. :) До речі ці всі дії можна автоматизувати прописавши в Action і застосовувати до цілих папок знімків. Можливо розкажу в наступному уроці якщо лінь відпустить.