Пиксели, размер изображения и разрешение изображения в фотошопе: расписываем по порядку

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

Мы начнем с изучения пикселей, основных строительных блоков всех цифровых изображений. Затем мы узнаем, как пиксели связаны с размером изображения. И мы закончим, узнав, как размер изображения и разрешение изображения работают вместе, чтобы контролировать размер печати вашего изображения! Мы даже опровергнем распространенное мнение о том, что разрешение имеет какое-либо отношение к размеру файла вашего изображения.

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

Что такое пиксели?

Термин « пиксель» означает «элемент изображения», а пиксели — это крошечные строительные блоки, которые составляют все цифровые изображения. Подобно тому, как картина создается из отдельных мазков, цифровое изображение создается из отдельных пикселей.

В Photoshop при просмотре изображения с нормальным уровнем масштабирования (100% или менее) пиксели обычно слишком малы, чтобы их заметить. Вместо этого мы видим то, что выглядит как непрерывное изображение, в котором свет, тени, цвета и текстуры смешиваются вместе, чтобы создать сцену, которая выглядит так же, как в реальном мире ( изображение из Adobe Stock):

Присмотритесь к пикселям

Но, как и любой хороший фокус, то, что мы видим, на самом деле иллюзия. И чтобы разбить иллюзию, нам просто нужно присмотреться. Чтобы просмотреть отдельные пиксели на изображении, все, что нам нужно сделать, это увеличить масштаб. Я выберу инструмент «Масштаб» на панели инструментов:

Затем я нажму несколько раз на один из глаз женщины, чтобы увеличить его. Каждый раз, когда я нажимаю, я увеличиваю масштаб. И если я приблизлюсь достаточно близко, мы начнем видеть, что то, что выглядело как непрерывное изображение, на самом деле представляет собой кучу крошечных квадратов. Эти квадраты являются пикселями:

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

Пиксельная сетка

Обратите внимание, что как только вы приблизитесь достаточно близко (обычно за 500%), вы начнете видеть светло-серый контур вокруг каждого пикселя. Это Pixel Grid в Фотошопе , и это просто для того, чтобы было легче видеть отдельные пиксели. Если вы обнаружите, что Pixel Grid отвлекает, вы можете отключить его, зайдя в меню View в строке меню, выбрав Show , а затем выбрав Pixel Grid . Чтобы снова включить его, просто выберите его снова:

Уменьшение, чтобы просмотреть изображение

Чтобы уменьшить пиксели и просмотреть все изображение, перейдите в меню « Вид» и выберите «По размеру экрана» :

И теперь, когда мы уменьшены, отдельные пиксели снова слишком малы, чтобы их заметить, и мы снова видим иллюзию детальной фотографии:

Смотрите наше полное руководство по навигации изображений в Photoshop

Какой размер изображения?

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

Диалоговое окно «Размер изображения»

Лучшее место для поиска информации о размере изображения — в диалоговом окне «Размер изображения» в Photoshop. Чтобы открыть его, зайдите в меню Изображение и выберите Размер изображения :

В Photoshop CC диалоговое окно «Размер изображения» показывает область предварительного просмотра слева, а подробную информацию о размере изображения — справа. Я расскажу о диалоговом окне «Размер изображения» более подробно в следующем уроке . Сейчас мы просто посмотрим на информацию, которая нам нужна:

Размеры в пикселях

Ширина и высота изображения в пикселях известны как размеры в пикселях , и в Photoshop CC мы можем просмотреть их рядом со словом « Размеры» в верхней части диалогового окна. Здесь мы видим, что мое изображение имеет ширину 4509 пикселей (px) и высоту 3000 пикселей:

Если размеры отображаются в виде измерения, отличном от пикселей, например, в дюймах или процентах, нажмите маленькую стрелку рядом со словом «Размеры» и выберите « Пиксели» из списка:

Это говорит нам о том, что мое изображение содержит 4509 пикселей слева направо и 3000 пикселей сверху вниз:

Нахождение общего количества пикселей

Чтобы выяснить общее количество пикселей в изображении, нам просто нужно умножить значения ширины и высоты вместе. Таким образом, в этом случае 4509 x 3000 = 13 527 000, или примерно 13,5 миллионов пикселей. Вам не нужно знать общее количество пикселей. Но по мере того, как вы приобретете больше опыта с изменением размера изображений, вы обнаружите, что, заранее зная общее количество пикселей, вы получите хорошее представление о том, насколько велик вы можете печатать изображение, как мы увидим далее, когда будем рассматривать разрешение изображения.

Что такое разрешение изображения?

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

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

Ширина, высота и разрешение соединения

В диалоговом окне «Размер изображения», если вы посмотрите под словом «Размеры», вы найдете поля « Ширина» , « Высота» и « Разрешение» . Здесь мы можем не только просмотреть текущие настройки, но и изменить их:

Опция Resample

Прежде чем мы пойдем дальше, если вы посмотрите ниже значения Разрешения, вы найдете еще одну важную опцию, которая называется Resample . И по умолчанию Resample включен. Мы узнаем все о параметре Resample, когда рассмотрим, как изменить размеры изображений. Короче говоря, Resample позволяет нам изменять количество пикселей на изображении:

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

Опять же, мы узнаем все о повышении и понижении, когда мы рассмотрим, как изменить размеры изображений. А пока, чтобы увидеть, как разрешение влияет на размер отпечатка изображения, снимите флажок Resample, чтобы отключить его:

Изменение размера печати, а не размера изображения

Как только вы выключите Resample, вы заметите, что тип измерения для значений Width и Height изменяется. Вместо того, чтобы смотреть ширину и высоту в пикселях, как я был минуту назад, теперь я вижу их в дюймах . И вместо того, чтобы сказать мне, что мое изображение имеет ширину 4509 пикселей и высоту 3000 пикселей, мне теперь говорят, что оно имеет ширину 15,03 дюйма и высоту 10 дюймов:

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

Как работает разрешение изображения?

Разрешение контролирует размер отпечатка изображения, устанавливая количество пикселей, которые будут помещаться в каждый дюйм бумаги, как по вертикали, так и по горизонтали. Вот почему значение разрешения измеряется в пикселях на дюйм или в « ppi ». Поскольку изображение имеет ограниченное количество пикселей, чем больше мы объединяем эти пиксели на бумаге, тем меньше изображение будет напечатано.

Например, мое разрешение в настоящее время установлено на 300 пикселей / дюйм. Это означает, что при печати изображения 300 его пикселей по ширине и 300 пикселей по высоте будут втиснуты в каждый квадратный дюйм бумаги. Теперь 300 пикселей могут показаться не такими уж большими. Но помните, это 300 от ширины и высоты. Другими словами, это 300 раз в 300, в общей сложности 90000 пикселей на квадратный дюйм:

Как определить размер отпечатка

Чтобы выяснить размер отпечатка изображения, все, что нам нужно сделать, это разделить его текущую ширину и высоту в пикселях на значение разрешения. Если мы снова посмотрим на раздел «Размеры» вверху, мы увидим, что ширина моего изображения все еще составляет 4509 пикселей:

Если мы разделим 4509 на текущее значение разрешения 300, мы получим 15.03. Другими словами, ширина моего изображения при печати составит 15,03 дюйма, точное значение отображается в поле «Ширина»:

Вернувшись в раздел «Размеры», мы увидим, что высота моего изображения составляет 3000 пикселей:

Если мы разделим 3000 на текущее разрешение 300, мы получим 10. Это означает, что высота изображения при печати будет 10 дюймов, как показано в поле Высота:

Изменение разрешения изменяет размер печати

Если мы изменим значение разрешения, количество пикселей в изображении не изменится, но размер печати изменится. Обратите внимание, что если я уменьшу разрешение с 300 пикселей / дюйм до 150 пикселей / дюйм, размеры в пикселях останутся прежними при 4509 × 3000 пикселей. Но ширина и высота увеличиваются. Поскольку я буду выдавливать на бумагу только половину пикселей на дюйм, как по горизонтали, так и по вертикали, ширина и высота удвоятся:

Изменение размера печати меняет разрешение

И поскольку все, что мы меняем, это размер печати, то изменение ширины или высоты изменит разрешение. Фактически, когда опция Resample, которую мы рассматривали ранее, отключена, все три значения (Width, Height и Resolution) связаны друг с другом. Изменение одного автоматически изменяет другие.

Если я уменьшу значение ширины до 10 дюймов, то для того, чтобы сохранить соотношение сторон изображения, Photoshop автоматически изменит значение высоты до 6,653 дюйма. А чтобы вписать все изображение в новый, меньший размер печати, пиксели должны быть упакованы более плотно, поэтому значение разрешения увеличилось до 450,9 пикселей / дюйм:

Влияет ли разрешение изображения на размер файла?

Распространенным заблуждением относительно разрешения изображения является то, что оно как-то влияет на размер файла изображения. Многие считают, что перед тем, как отправить фотографию по электронной почте или загрузить ее в Интернет, необходимо уменьшить ее разрешение, чтобы уменьшить размер файла. Это просто неправда. Поскольку изменение разрешения не приводит к изменению количества пикселей в изображении, это никак не влияет на размер файла.

Если вы посмотрите рядом со словами «Размер изображения» в верхней части диалогового окна, вы увидите число, обычно отображаемое в мегабайтах (M). В моем случае это 38,7 млн. Это число представляет размер изображения в памяти вашего компьютера. Когда вы открываете изображение в Photoshop, оно копируется с вашего жесткого диска, распаковывается из любого формата файла, в котором оно было сохранено, а затем помещается в память (RAM), чтобы вы могли работать с ним быстрее. Число, отображаемое в диалоговом окне «Размер изображения», представляет собой фактический несжатый размер изображения:

Более низкое разрешение по сравнению с размером файла

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

Здесь я снизил разрешение с 300 пикселей / дюйм до 30 пикселей / дюйм. С таким небольшим количеством пикселей, втиснутых в дюйм бумаги, размер печати увеличился до колоссальных 150,3 дюйма х 100 дюймов. Но даже при этом очень низком значении разрешения размер изображения в памяти остается неизменным на уровне 38,7 Мб:

Более высокое разрешение по сравнению с размером файла

И здесь я увеличил разрешение до 3000 пикселей / дюйм. Это уменьшает размер печати до 1,503 дюйма х 1 дюйм, но опять-таки не влияет на размер файла, который по-прежнему составляет 38,7 млн. Единственный способ уменьшить размер файла изображения — это уменьшить количество пикселей в изображении (с помощью параметра Resample) или сохранить файл в формате, который поддерживает сжатие (например, JPEG), или и то, и другое. Простое изменение разрешения печати не изменит размер файла:

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

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

Или посмотрите предыдущие уроки этой серии:

• 02 — Команда Photoshop’s Image Size — Особенности и советы
• 03 — Как изменить размер изображения для печати
• 04 — Как изменить размер изображения для электронной почты и обмена фотографиями
• 05 — Как рассчитать размер изображения
• 06 — правда о разрешении изображения, размере файла и сети
• 07 — Как изменить размер пиксельной графики
• 08 — Лучший способ увеличить изображения в Photoshop CC

И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF !