Все мы знаем, что для загрузки изображений на сайт (или просто в интернет) необходимо уменьшать их размер, и наверняка у каждого есть свой привычный и проверенный способ для этого. В Фотошопе с этой целью применяется команда Файл (File) => Сохранить для Web (Save for Web) (Alt+Shift+Ctrl+S), где можно выбрать оптимальные для конкретного случая настройки. Однако, бывают ситуации, когда изображение требуется уменьшить кардинально, скажем, в 10-12 раз, и этот способ может привести к недопустимой потере качества и резкости картинки. Как быть?

Скажем, я хочу уменьшить файл с размерами 4288х2859 пикселей до размера 350 пикселей по максимальной стороне, то есть по ширине. Изменение размера изображения иногда называют ресайз либо ресайзинг (англ. resize), а уменьшение линейных размеров (т.е. ширины и высоты) — даунсайз (даунсемплинг — пересчет  файла с уменьшением размера) (англ. downsize). Понятно, что любое уменьшение линейных размеров предполагает исключение части пикселей изображения, и чем меньше требуемый результат, тем больше пикселей придется «выбросить», а это значит, если мы попытаемся увеличить готовый результат, он весь будет состоять из «кубиков» — оставшихся немногочисленных пикселей.

 Тот, кто делал фавикон для сайта,уменьшение размера изображения в Фотошоп наверняка сталкивался с ужасным размытием при уменьшении картинки до размера 16х16. Типа такого)… Это был мой фавикон). Впрочем, картинку не для того уменьшали настолько, чтобы затем ее увеличивать — и мы попытаемся лишь визуально сохранить резкость уменьшаемого изображения.

Способ 1. Двухэтапное уменьшение размера изображения.

Итак, откроем Изображение => Размер изображения (Image => Image Size).

[500x432]

Самый нижний параметр — интерполяция (Resample Image) — по умолчанию выставлен на «Бикубическая автоматическая». Меняем значение на «Бикубическая, четче» (Bicubic Sharper) (так и написано, наилучшая для уменьшения). Затем в верхнем блоке Размерность (Pixel Dimensions) выставляем значение требуемого размера картинки по максимальной стороне (в моем случае 350), умноженное на 2, т.е. 700 пикс. Значение второго параметра (высоты) уменьшится пропорционально. Нажимаем ОК.

[500x349]

После этого второй раз открываем Изображение => Размер изображения (Image => Image Size), снова выбираем значение интерполяции Бикубическая, четче (Bicubic Sharper) и выставляем окончательный требуемый размер: ширина 350 пикс. Жмем ОК и сохраняем наш файл под другим именем, чтобы не уничтожить первоначальное большое изображение. Файл (File) => Сохранить как… (Save as…) (Shift+Ctrl+S) и в открывшемся окне выбираем наилучшее качество.

[386x309]

Давайте сравним результат сохранения:

[350x465]

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

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

Способ 2. Двухэтапное уменьшение размера изображения с предварительным повышением резкости.

К исходному файлу применяем команду Фильтр (Filter) => Усиление резкости (Sharpen) => Контурная резкость (Unsharp Mask) (в некоторых версиях переводится буквально как Нерезкая маска).

[424x397]

В открывшемся окне настроек фильтра выставляем такие параметры

[371x418]

Эффект (Amount) — 500%, Радиус (Radius) — 0,2 пикс, Изогелия (Threshold) (иногда переводится как Порог) — 3 ур. Нажимаем ОК.

(Картинка в окне просмотра фильтра другая, поскольку экспериментировала над разными изображениями))

Вслед за применением фильтра Контурная резкость выполняем первый этап уменьшения размера изображения (до 700 пикс по большей стороне), описанный в Способе 1.

Выполнив первый этап уменьшения, снова переходим в Фильтр (Filter) => Усиление резкости (Sharpen) => Контурная резкость (Unsharp Mask), однако настройки Эффекта делаем в два раза меньше:

[371x418]

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

[350x698]

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

Однако я разыскала еще и третий способ (впрочем, их намного больше), самый неожиданный для меня, и не испробовать его я просто не смогла. Итак,

Способ 3. Двухэтапное уменьшение размера изображения с предварительным применением фильтра Мозаика.

Надеюсь, у вас еще сохранилось исходное изображение после всех перипетий по уменьшению. Откроем исходное изображение. Переходим в Фильтр (Filter) => Оформление (Pixelate) => Мозаика (Mosaic).

[414x393]

Настройки фильтра незамысловаты:

[371x330]

Параметр Размер ячейки (Cell Size) ставим равным 2 квадрата.

После применения фильтра выполняем первый этап уменьшения размера изображения (до 700 пикс по большей стороне), описанный в Способе 1. Однако затем наши действия несколько иные: для второго этапа сохранения переходим в Изображение (Image) => Размер изображения (Image Size) и в окне интерполяции (Resample Image) выбираем значение По соседним пикселям (Nearest Neighbor).

[500x349]

Выставляем окончательный требуемый размер: ширина 350 пикс. Жмем ОК и сохраняем наш файл под другим именем.

Сравниваем…

[350x699]

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

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

[500x500]

[500x500]

Впрочем, обратите внимание: применение фильтра Контурная резкость вызывает появление белых ореолов на краях предметов, особенно хорошо их видно вокруг колец.

[500x500]

[500x500]

Многое зависит от исходного изображения, насколько плавные или резкие на нем переходы цвета и контраста, есть ли мелкие детали. Возможно, в каком-то случае ни один из этих способов не пригодится. А для кого-то непременно один из них окажется полезным. Для фото с кольцами неплохой результат дал Способ 3. Когда же я применила все три способа к картинке с тюльпанами на фоне синего неба, как ни старалась, особых различий не заметила.

После уменьшения никто не запретит нам попытаться еще раз повысить резкость изображения. И здесь лучше воспользоваться другим фильтром, он называется Цветовой контраст (High Pass). О нем подробно рассказано здесь.

[350x468]

Почему именно Мозаика?..

Фильтр Мозаика группирует соседние пиксели в квадратные блоки одного цвета. Размер блоков указан в настройках — у нас это 2 квадрата. Учитывая, что в дальнейшем мы применяем уменьшение размера с интерполяцией По соседним пикселям, смею предположить, что соседние пиксели одного цвета дают более четкие края предметов на картинке, чем расплывчатые переходы цветов.

Теперь  мы с вами изучили столь непростое уменьшение размера фото с сохранением резкости!

Успешной работы!