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

Хотите получить наилучшие результаты при изменении размера изображений в Photoshop? Начните с изучения пикселей, размера и разрешения!

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


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

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

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

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

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

На нормальных расстояниях просмотра пиксели смешиваются для создания фотографии.  Изображение предоставлено: Adobe Stock

Цифровое изображение открыть в фотошопе. Изображение предоставлено: Adobe Stock.

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

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

Выбор инструмента Zoom в Photoshop

Выбор инструмента Zoom.

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

Увеличение изображения в Photoshop для просмотра отдельных пикселей

Увеличение ближе показывает отдельные пиксели.

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

Крупный план пикселей изображения, каждый из которых отображает один цвет

Крупный план пикселей изображения, каждый из которых отображает один цвет.

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

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

Отключение пиксельной сетки в фотошопе

Идем в Вид> Показать> Пиксельная сетка.

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


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

Выбор команды «Подогнать на экране» в Photoshop

Идем в View> Fit на экране.

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

На нормальных расстояниях просмотра пиксели смешиваются для создания фотографии.

На нормальных расстояниях просмотра пиксели смешиваются для создания изображения.

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

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

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

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

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

Открытие диалогового окна «Размер изображения» в Photoshop

Идем в Изображение> Размер изображения.

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

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

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

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


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

Раздел «Размеры» в диалоговом окне «Размер изображения» в Photoshop CC

Photoshop CC включает новую опцию Dimensions вверху.

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

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

Размеры могут отображаться в разных типах измерений.

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

Пиксельные размеры изображения

Размеры изображения в пикселях.

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

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

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

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

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

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

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

Параметры «Ширина», «Высота» и «Разрешение» в диалоговом окне «Размер изображения» в Photoshop

Параметры ширины, высоты и разрешения.

Опция Resample


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

Параметр Resample в диалоговом окне «Размер изображения» в Photoshop

Опция Resample.

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

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

Отключение параметра Resample в диалоговом окне Image Size

Снятие отметки с опции Resample.

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

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

Ширина и высота изображения теперь отображаются в дюймах, а не в пикселях после выключения Resample.

Измерения ширины и высоты теперь отображаются в дюймах, а не в пикселях.

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

Отключение Resample не позволяет нам добавлять или удалять пиксели в диалоговом окне «Размер изображения» в Photoshop.

Отключение Resample не позволяет нам добавлять или удалять пиксели.

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


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

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

Текущее разрешение изображения в диалоговом окне «Размер изображения» в Photoshop

Текущее разрешение, измеренное в пикселях / дюйм.

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

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

Текущая ширина изображения в пикселях в диалоговом окне «Размер изображения» в Photoshop

Текущая ширина в пикселях.

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

Текущая ширина печати изображения в диалоговом окне «Размер изображения» в Photoshop

4509 пикселей ÷ 300 пикселей / дюйм = 15,03 дюйма.

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

Текущая высота изображения в пикселях в диалоговом окне «Размер изображения» в Photoshop

Текущая высота в пикселях.

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

Текущая ширина изображения в пикселях в диалоговом окне «Размер изображения» в Photoshop

3000 пикселей ÷ 300 пикселей / дюйм = 10 дюймов.

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


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

Снижение разрешения изображения увеличивает размер печати в диалоговом окне «Размер изображения» в Photoshop.

Снижение разрешения увеличивает размер печати.

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

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

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

Изменение ширины и высоты изображения меняет разрешение печати

Изменение ширины и высоты изменяет разрешение.

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


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

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

Размер изображения в мегабайтах отображается в диалоговом окне «Размер изображения» в Photoshop.

Размер изображения в мегабайтах показан вверху.

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

Доказать, что разрешение изображения не влияет на размер файла, легко. Просто следите за размером, пока вы меняете разрешение. Пока опция 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 !

Будьте первым, кто узнает, когда будут добавлены новые учебники!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

1 Комментарий

Добавить комментарий

Ваш e-mail не будет опубликован.