Что такое пиксели, разрешение и как правильно изменять размер в Photoshop

Что такое пиксели, разрешение и как правильно изменять размер в Photoshop

Размер, разрешение и форматы . Что происходит с пикселями? Вы покупаете камеру из-за количества мегапикселей? У вас есть проблемы с размещением фотографий в Интернете? Отличается ли печать ваших фотографий низким качеством, даже если они выглядит великолепно на экране? Кажется, есть некая путаница между пикселями и байтами (размер изображения и размер файла), качеством и количеством, размером и разрешением. В этом уроке мы разберем эту крайне важную для любого фотографа информацию

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

Это изображение размером 750 × 500 пикселей с разрешением 72 dpi, сохраненное формат сжатый JPG, который составляет 174kb. Давайте разберемся, что все это значит.

Совет 1

Размер видимого фрагмента слоя любого графического документа Photoshop одинаков с размером всего искомого холста документа. Следовательно, изменить его можно просто поменяв размер исходного документа. Но в Фотошопе еще есть стандартные инструменты для редактирования размера фрагмента. Для того, чтобы самостоятельно научится менять размер фрагмента вам понадобится открыть в Photoshop файл, в котором несколько фрагментов.

Инструкция

1. Изменить масштаб любого объекта в файле можно при помощи команды Free Transform, она находится в меню Edit либо использовать опцию Scale, найти ее можно в этом же меню в списке Transform. Выбрав одну из вышеуказанных опций, потяните за край рамки в котором находится изменяемый объект. Если при изменении масштаба слоя вам необходимо сохранить пропорции размера объекта, во время растяжения либо сжатия удерживайте нажатой клавишу Shift. Для сохранения размера нажмите Ввод на клавиатуре.
2. В некоторых случаях размер изображения на одном из слоев может быть больше, чем размер основного фона документа. В таком случае границы фона этого изображения будут выходить за рамки всего документа. Чтобы увидеть границы этого фона нужно воспользоваться инструментом Navigator и с помощью его уменьшить масштаб всего документа, до тех размеров, при которых будут видны границы большего объекта.
3. Если вам нужно установить конкретный размер слоя, нужно вручную ввести необходимые данные в поля значений трансформации. Чтобы независимо друг от друга изменить высоту и ширину объекта введите данные о высоте в графу H, а о ширине в графу W. Данные вводятся в процентах от исходных размеров. Для того, чтобы размер менялся пропорционально исходному, нужно в панели настроек включить опцию Maintain aspect ratio.
4. В случае, если картинка, размер которой нужно изменить, находится на главном фоне, следует разблокировать изображение. Для этого используется функция Layer from Background. Найти ее можно в меню Layer, либо просто дважды щелкните по слою. Далее размер меняется так же, как и в случае, описанном выше.
5. Если вам нужно изменить размеры нескольких изображений, находящихся на разных слоях с сохранением исходных пропорций. Тогда просто выделите необходимые объемы удерживая клавишу Ctrl.
6. Далее следует воспользоваться функцией Image Size либо Canvas Size, находятся они в меню Image. При использовании первой опции изменится масштаб объектов на всех слоях. При второй опции будет изменен размер корректировочных слоев, а также слоев, содержащих заливку. Остальные слои останутся без изменений.

Изменение размера изображения. Для чего требуется и как это сделать

Менять размер изображение частенько приходится тогда, когда оно изначально очень огромное. Например, фотография сделана в разрешении 4000×3000 пикс, а вам эту картинку нужно вставить в статью на сайте или просто загрузить куда-то, где установлены ограничения по размеру. В этом случае можно легко уменьшить размер, сделать изображение, например, 2000×1000 пикс. или любого другого размера, сохраняя правильные пропорции ширины и высоты.

Если нужно изменить изображение, например, уменьшить его, то открываем меню “Изображение” — “Размер изображения”.

В настройках выберите единицу измерения “Пиксели” [1]. Затем осталось указать новые размеры и для этого достаточно задать только нужную ширину изображения [2]. Высота будет автоматически изменена пропорционально ширине. Для сохранения изменений нажмите “ОК”.

Никогда не изменяйте отдельно ширину и высоту изображения, не соблюдая пропорции, потому что изображение будет искажено! За пропорциональное изменение ширины и высоты отвечает специальная кнопка, расположенная левее от строк для изменения ширины / высоты:

Если она включена, высота будет изменяться пропорционально ширине и наоборот, и это правильно. Не рекомендую её отключать. И поэтому, если вы видите, что, меняя ширину, высота сама не меняется (и наоборот), значит эта опция просто выключена и нужно её включить.

После выполнения нужных операций с изображением, не забудьте сохранить итог своей работы :), выбрав “Файл” — “Сохранить как” и указав нужный формат, например, JPG, а также качество (обычно ставится максимальное и, как правило, нет смысла уменьшать его).

3. Процесс изменения размера изображения

1. Для начала откройте изображение в Фотошоп, перейдя в File > Open (Файл — Открыть).

Убедитесь, что вы выбрали файл с исходным разрешением, а не ранее изменённую версию. Если вы использовали Lightroom, то кликните правой кнопкой мыши по изображению, а затем выберите Edit > Open in Photoshop (Редактирование – Открыть в Фотошоп). Я предполагаю, что вы уже поработали над своим изображением и отрегулировали экспозицию, уровни, насыщенность и т.д., например, в Camera RAW или Lightroom. Помните, что редактировать проблемные области необходимо в полном разрешении, так что сделайте это с помощью встроенных инструментов в Lightroom или Фотошоп. Я буду работать в Фотошоп.

2. Как только изображение с полным разрешением отредактировано, уменьшите шум. Я предпочитаю выборочный процесс шумоподавления, который убирает шум только в проблемных областях. Я использую коммерческие инструменты, такие как Nik Software Dfine, для выборочного снижения шума, потому что данное программное обеспечение делает свою работу намного чище и даёт наилучший результат. Если у вас нет такой программы, то используйте встроенный инструмент уменьшения шума в Lightroom, я считаю, что он работает лучше, чем фильтр Reduce Noise (Уменьшить шум) в Фотошоп. На скриншоте ниже показана программа Nik Software Dfine, уменьшающая шум.

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

3. Данный шаг необходим только в том случае, если вы планируете сохранить исходное изображение в полном разрешении для печати. В противном случае нет особых причин усиливать резкость изображения, прежде чем вы его уменьшите. Если вы придерживаетесь цели — опубликовать изображение в Интернет, то пропустите данный шаг полностью.

Обязательно примените технику усиления резкости к изображению с высоким разрешением. В то время как коммерческие инструменты отлично подходят для этого шага, встроенные фильтры Фотошоп, такие как Unsharp Mask (Контурная резкость) и Smart Sharpen («Умная» резкость), тоже работают отлично. Здесь я использую фильтр «Контурная резкость» со значениями для резкости 75%, для радиуса 1 пиксель.

Опять же, есть много способов усиления резкости изображения. Если вы предпочитаете усиливать резкость в Lightroom, тогда прочитайте этот урок « Как усилить резкость изображения в Lightroom ».

4. Теперь мы находимся на очень важном этапе – мы будем понижать качество изображения, чтобы снизить его разрешение. Для этого перейдите в Image > Image Size (Изображение – Размер изображения) и вам будет представлено следующее диалоговое окно:

На этом этапе вы должны выбрать конечное разрешение. Я уменьшу ширину изображения до 1024 пикселей, возможно, вам потребуется больший или меньший размер (всё зависит от того, что вы хотите с ним сделать). Для начала обязательно поставьте галочку возле опции Constrain Proportions (Сохранить пропорции) в нижней части окна. Теперь вы можете ввести значение для ширины, в качестве единицы измерения установите пиксели. Когда вы введёте значение для ширины, то высота изменится автоматически. В моём случае для высоты Фотошоп установил значение 681 пиксель.

Следующей не менее важной задачей является выбор метода интерполяции. В самой нижней части диалогового окна «Размер изображения» расположен параметр Resample Image (Ресамплинг) со следующими вариантами: Nearest Neighbor (По соседним пикселям), Bilinear (Билинейная), Bicubic (Бикубическая для плавных градиентов), Bicubic Smoother (Бикубическая глаже для увеличения) и Bicubic Sharper (Бикубическая чётче для уменьшения). Лично я довольно часто использую вариант Bicubic (Бикубическая для плавных градиентов), потому что он отлично справляется с уменьшением шума без повышения резкости изображения (что мы уже сделали). Иногда для изображений я использую вариант Bicubic Sharper (Бикубическая чётче для уменьшения), но всё же варианту Bicubic (Бикубическая для плавных градиентов) я отдаю болшее предпочтение. Нажмите OK после того, как вы сделали свой выбор.

5. Теперь изображение стало намного меньше по размеру. Шум также должен быть полностью устранён (при условии, что его не было слишком много в начале), всё это благодаря выбранному варианту Bicubic (Бикубическая для плавных градиентов), который мы использовали в предыдущем шаге. Пришло время, ещё больше повысить резкость изображения, это станет заключительным этапом всего процесса, прежде чем мы его экспортируем. Для этого используйте либо выборочный процесс увеличения резкости, либо фильтр Unsharp Mask (Контурная резкость) в Фотошоп.

Помните, что это последний шаг, чтобы ваше изображение выглядело хорошо, поэтому, усиливая резкость изображения, будьте осторожны. Изображение должно быть с хорошей детализацией, поэтому поиграйте с параметром Amount (Эффект), я установил 50%. Для моего изображения этого достаточно, чтобы выявить детали, которые мне нужно. Я мог бы установить значение 75% с радиусом 1 пиксель, и всё равно получился бы хороший результат, поэтому диапазон от 50% до 75% отлично работает конкретно для моего изображения. Для каждого изображения значения будут свои, так что вы можете поэкспериментировать с диапазоном от 25% до 75%, только не делайте его чрезмерно резким.

6. Последний шаг – экспортировать изображение из Фотошоп. Так как мы хотим разместить изображение в интернете, то не следует использовать функцию Save (Сохранить), в результате файл будет огромный и он не подойдёт для интернета. Вместо этого перейдите в меню File > Save for Web & Devices (Файл – Сохранить для web и устройств). Откроется окно, как показано ниже:

Это окно играет большую роль, поскольку оно контролирует формат, разрешение и другие важные параметры, которые будут встроены в ваше изображение. Сначала выберите формат JPEG. Обычно для качества я устанавливаю значение 80%, это хорошее значение для фотографии. Я считаю, что значение ниже 70% заметно ухудшает качество изображения, а значение выше 80% является излишеством для интернета. Убедитесь, что у вас отмечены опции Optimized (Оптимизация) и Embed Color Profile (Внедрить цветовой профиль). Параметр Blur (Размытие) должен равняться 0, поле Matte (Фон) не имеет значения (белый по умолчанию). Обязательно активируйте опцию Convert to sRGB (Преобразовать в sRGB) – это необходимо, чтобы цвета на ваших изображениях отображались правильно. Для параметра Metadata (Метаданные) я оставляю Copyright (Авторские права). Нажмите Save (Сохранить) и выберите место, куда вы хотите сохранить конечное изображение, укажите его название и снова нажмите Save (Сохранить).

Меня часто спрашивают о настройке PPI (пиксели на дюйм), которую я использую для своих веб-изображений. Независимо от того, используете вы Lightroom, Фотошоп или другое программное обеспечение для обработки изображений, значение, которое вы используете для PPI, не имеет значения. Здесь вы можете оставить любое значение (обычно это по умолчанию 72), и вам ничего не нужно менять. Значение PPI важно только для печати, изменение его при экспорте изображений для интернета будет только добавлять метаданные к файлу, а на то, как оно будет отображаться на мониторе, влиять не будет.

Вот моё окончательное изображение, обработанное способом перечисленным выше:

А это ещё одно моё изображение из коллекции «Best of 2011», обработанное таким же образом:

Меняем размер изображения

Выполнить поставленную задачу можно как путем изменения разрешения картинки, так и с помощью ее кадрирования (обрезки). Давайте рассмотрим оба метода на примере изображения ниже.

Метод 1: Простое изменение размера (разрешения) изображения

1. Открыв картинку в программе переходим в меню “Изображение” и кликаем по пункту “Размер изображения” (не путайте с “Размером холста”). Или же можно вызвать данную функцию при помощи комбинации клавиш Alt+Ctrl+I.
2. Появится окошко, в котором устанавливаем нужные значения ширины и высоты. Чтобы соблюсти пропорции исходного изображения необходимо активировать соответствующую опцию нажатием небольшого значка рядом с квадратной скобкой, объединяющей размеры. После этого достаточно ввести всего один параметр, а второй рассчитается автоматически.Примечание: обращаем внимание на параметр “Разрешение”. Чем выше его значение, тем качественнее получится картинка при распечатке.
3. После того как нужные параметры выставлены, просто жмем OK.

Метод 2: Обрезка картинки

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

1. На боковой панели инструментов выбираем “Рамку”.
2. В верхней части программы отобразится строка с настройками инструмента. Есть возможность воспользоваться стандартными параметрами, либо выставить свои собственные значения. Здесь же выбираем вид сетки, это поможет более корректно кадрировать картинку. Для доступа к дополнительным параметрам щелкаем по значку в виде шестеренки.

Изменение изображения с помощью рамки (кадрирования)

Для этого мы будем использовать инструмент Crop Tool (рамка). С его помощью мы уменьшаем изображение, вырезая из него необходимые части. Так, например из фотографии человека можно вырезать лицо, и получим портрет.

Начните работу с выбора инструмента Crop Tool (Рамка) на панели инструментов Photoshop.

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

4. Как Создать Автоматизацию

Шаг 1

Теперь вы можете использовать только что созданный экшен что бы изменить несколько файлов в папке. Для этого зайдите в Файл > Автоматизация > Пакетная Обработка (File > Automate > Batch).

Шаг 2

В установках Пакетной обработки, выберите Набор Операции, который вы только что создали, так же как и Операцию которую вы хотите Выполнить. Прежде чем нажать Ок, Выберите папку которая содержит изображения которые вы хотите изменить. Поскольку созданная операция сохраняет изображения в папке Resized Images, все ваши новые изображения появятся там.

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