Пиксели изображения различаются по форме

Обновлено: 21.11.2024

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

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

Что означает "векторный"? Что ж, в отличие от цифровых изображений, которые состоят (обычно) из миллионов крошечных квадратов, известных как пиксели, векторные фигуры состоят из математических точек, соединенных вместе линиями и кривыми для создания разные формы. Поскольку они основаны на математике, а не на пикселях, векторные фигуры чрезвычайно гибки и не имеют тех же ограничений, что и пиксели. Мы можем рисовать векторные фигуры любого нужного нам размера, и независимо от того, насколько сильно мы их редактируем и масштабируем, или в каком размере мы их печатаем, они всегда остаются четкими и четкими! Прежде чем мы узнаем подробности о том, как рисовать векторные фигуры в Photoshop и обо всех способах работы с ними, давайте подробнее рассмотрим важное отличие векторных фигур от пиксельных. И почему, когда есть выбор между двумя вариантами, лучше всего подходят векторные фигуры.

Это руководство предназначено для пользователей Photoshop CC. Пользователи Photoshop CS6 захотят ознакомиться с нашим руководством по рисованию векторных и пиксельных фигур в Photoshop CS6.

Векторы и пиксели

Повесть о двух формах

Поскольку в следующем уроке я расскажу все, что нам нужно знать о рисовании векторных фигур, я сэкономлю нам немного времени, начав с уже созданного документа. Здесь мы видим простой документ, содержащий две одинаковые фигуры. Хотя сейчас они кажутся одинаковыми, на самом деле они очень разные. Фигура слева — векторная фигура, а фигура справа — пиксели:

Если мы посмотрим на мою панель «Слои», мы увидим, что каждая фигура находится на отдельном слое. Я пошел дальше и переименовал слои, чтобы упростить задачу. Пиксельная фигура находится на верхнем слое «Пиксельная фигура», а векторная фигура — на слое с умным названием «Векторная фигура» под ним:

Обнаружение слоя формы

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

Масштабирование векторной формы

Как я уже говорил, сейчас обе фигуры выглядят одинаково, но давайте посмотрим, что произойдет, если мы их масштабируем. Я начну с векторной фигуры. Во-первых, мне нужно выбрать его, поэтому я нажму на слой «Векторная фигура» на панели «Слои»:

Чтобы масштабировать векторную фигуру, я захожу в меню "Правка" в строке меню в верхней части экрана и выбираю "Свободный путь преобразования":

Это помещает поле "Свободное преобразование" и обрабатывает векторную фигуру слева:

Я хочу убедиться, что масштабирую обе фигуры до одинакового размера, поэтому вместо того, чтобы перетаскивать маркеры свободного преобразования вручную, я подойду к панели параметров в верхней части экрана и изменю обе ширины (Ш ) и значения высоты (H) фигуры на 10 %:

Я нажму Enter (Win)/Return (Mac) на клавиатуре, чтобы принять новый размер, и теперь векторная фигура слева намного меньше:

Давайте посмотрим, что произойдет, если я верну векторную фигуру к исходному размеру. Вместо того, чтобы вернуться в меню «Правка» в верхней части экрана и выбрать «Путь свободного преобразования», на этот раз я буду использовать более быстрое сочетание клавиш Ctrl+T (Win)/Command+T (Mac). Это помещает ту же рамку Free Transform и обрабатывает векторную фигуру:

Поскольку я уменьшил фигуру, уменьшив ее до 10 %, я верну ее к исходному размеру, установив значения ширины и высоты на панели параметров на 1000 %:

Я снова нажму Enter (Win)/Return (Mac) на клавиатуре, чтобы принять его, и теперь векторная фигура вернулась к исходному размеру. Обратите внимание, что хотя я уменьшил его, а затем увеличил, векторная форма по-прежнему выглядит как новая. Его края остаются такими же четкими и острыми, как и были изначально:

Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]

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

Давайте попробуем то же самое с формой пикселя справа. Во-первых, я выберу его, щелкнув слой «Форма пикселя» на панели «Слои»:

Выбрав слой формы пикселя, я захожу в меню «Правка» в верхней части экрана и выбираю «Свободное преобразование»:

Свободное преобразование и путь свободного преобразования

Обратите внимание, что на этот раз команда называется "Свободное преобразование", а не "Свободное преобразование Путь". Мы рассмотрим пути в другом уроке, но, по сути, векторная фигура состоит из двух частей; основной контур фигуры, известный как контур, и цвет, которым контур (контур) заполнен. Когда мы редактируем или масштабируем векторную фигуру, мы на самом деле редактируем и масштабируем контур пути. Вот почему, когда я выбрал векторный слой формы, команда называлась Free Transform Path. Теперь, когда у меня выбран обычный пиксельный слой, мы редактируем пиксели, а не пути, поэтому название команды изменилось на просто «Свободное преобразование». Опять же, мы рассмотрим пути более подробно позже.

Это помещает поле "Свободное преобразование" вокруг фигуры пикселя справа:

Как и в случае с векторной фигурой, я уменьшу фигуру в пикселях, установив ширину и высоту на 10 % на панели параметров:

Я нажму Enter (Win)/Return (Mac) на клавиатуре, чтобы принять это, и теперь форма пикселя намного меньше. Все идет нормально. Даже после масштабирования формы пикселя до 10 % она выглядит такой же четкой, как и изначально, и мы по-прежнему не видим никакой разницы между векторной формой и формой пикселей:

А теперь настоящее испытание. Что произойдет, когда я верну форму пикселя к исходному размеру? Я нажму Ctrl+T (Win)/Command+T (Mac) на клавиатуре, чтобы быстро выбрать команду «Свободное преобразование», и, чтобы масштабировать форму пикселя обратно, я установлю ширину и высоту на панели параметров на 1000%:

Я нажму Enter (Win)/Return (Mac), чтобы принять его и выйти из команды Free Transform. И теперь становится очевидной разница между векторными и пиксельными формами. Несмотря на то, что я масштабировал обе фигуры на одинаковую величину, и обе фигуры сохраняли свои четкие края при уменьшении размера, форма пикселя не могла справиться с масштабированием обратно. Его когда-то острые края теперь кажутся мягкими, размытыми и блочными:

Давайте увеличим масштаб, чтобы рассмотреть поближе. Причина, по которой края формы пикселей теперь выглядят намного хуже, заключается в том, что, когда я уменьшил ее до 10% от исходного размера, Photoshop пришлось отбросить 90% пикселей, составлявших исходную форму. Все было бы хорошо, если бы мне не нужно было масштабировать его обратно. Photoshop не может волшебным образом воссоздать пиксели, поэтому, когда я увеличил его, все, что мог сделать Photoshop, — это взять оставшиеся пиксели и увеличить их. Вот почему мы действительно можем видеть эффект ступенчатости вдоль края формы. Это края отдельных пикселей. Они выглядят мягкими и размытыми, потому что именно это происходит с пикселями, когда мы увеличиваем их. Чем больше мы их увеличиваем, тем мягче они становятся. Векторные фигуры, с другой стороны, не имеют этой проблемы. Это просто точки, соединенные между собой линиями и кривыми, и мы можем изменять их размер сколько угодно без потери качества:

Что делать дальше.

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

Векторные фигуры имеют и другие преимущества, которые делают их гораздо более гибкими в работе, чем пиксели, но прежде чем мы зайдем слишком далеко, давайте узнаем, как на самом деле рисовать векторные фигуры в Photoshop, и мы сделаем это в следующем руководство! Посетите наш раздел «Основы Photoshop», чтобы узнать больше о Photoshop!

Пиксель — это точка пересечения горизонтальных и вертикальных линий на экране.

Имеет ли это пересечение физическую форму и размер, и что происходит, когда изображение или видео с разрешением 1600 x 1200 воспроизводится на экране с разрешением 800 x 600 или наоборот.

Я много искал в Google по этой теме, но чем больше я читаю, тем больше запутался.
Объясните, пожалуйста, доступным языком. Также будут высоко оценены любые ссылки на видеоуроки.

Ответы и ответы

Пиксель означает элемент изображения (pix) (el). С точки зрения непрофессионала: точка. Не круглая точка, а квадратная или прямоугольная.

Если изменить размер изображения 800 x 600 на 1600 x 1200, каждый пиксель изображения 800 x 600 станет квадратом из 4 пикселей (2 x 2) на изображении 1600 x 1200. Поскольку это выглядит блочным, во время изменения размера используется своего рода интерполяция, чтобы сделать его более плавным.

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

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

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

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

Обычно, когда вы говорите о цифровых изображениях или видео, подразумевается квадратный/прямоугольный пиксель. Например, откройте графический редактор (например, Paint в Windows), максимально увеличьте масштаб и нарисуйте линию под углом 45 градусов. Вы увидите большие квадратные пиксели. Если бы они не были квадратными, коэффициент заполнения не был бы равен 100 %.

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

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

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

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

С помощью Photoshop можно изменять размер и обрезать изображения несколькими способами. Чтобы добиться наилучших результатов при кадрировании или изменении размера изображений, полезно понимать концепции, лежащие в основе методов изменения размера, и то, как изменение размера влияет на обрезку.

Инструкции по изменению размера фотографий см. в разделе Размер и разрешение изображения.

Инструкции по обрезке фотографий см. в разделе Обрезка и выравнивание фотографий.

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

Размер экрана

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

Чтобы узнать разрешение вашего экрана, выберите «Пуск» > «Панель управления» > «Экран» > «Настройки» и посмотрите на разрешение экрана (Windows) или выберите «Системные настройки» > «Мониторы» и посмотрите в списке «Разрешение» (macOS).

Размер изображения на экране

Изображения имеют фиксированный размер в пикселях, когда они появляются на вашем мониторе. Разрешение экрана определяет, насколько большим будет изображение на экране. Монитор с разрешением 640 x 480 пикселей отображает меньше пикселей, чем монитор с разрешением 1024 x 768 пикселей. Таким образом, каждый пиксель на мониторе с разрешением 640 x 480 пикселей больше, чем каждый пиксель, отображаемый на мониторе с разрешением 1024 x 768 пикселей.

Изображение размером 100 x 100 пикселей занимает примерно одну шестую часть экрана при разрешении 640 x 480, но при разрешении 1024 x 768 оно занимает лишь около одной десятой части экрана. Таким образом, при разрешении 1024 x 768 изображение выглядит меньше. пикселей, чем при разрешении 640 x 480 пикселей.

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

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

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

При использовании диалогового окна «Размер изображения» для изменения размера изображений (выберите «Изображение» > «Размер изображения») могут измениться четыре аспекта вашего изображения:

  • Размеры в пикселях: ширина и высота изображения.
  • Размер изображения, когда оно открыто в Photoshop: это значение отображается в верхней части диалогового окна.
  • Размер документа: физический размер изображения при печати, включая ширину и высоту.
  • Разрешение изображения при печати: это значение указывается в пикселях на дюйм или пикселях на сантиметр.

Photoshop вычисляет физический размер, разрешение и размеры изображения в пикселях следующим образом:

  • Физический размер = разрешение x размер в пикселях.
  • Разрешение = физический размер / размер в пикселях.
  • Размеры в пикселях = физический размер / разрешение

Диалоговое окно "Размер изображения" позволяет изменять размер изображений двумя способами. Вы можете увеличить или уменьшить количество данных в изображении (ресамплинг). Или вы можете сохранить тот же объем данных в изображении (изменение размера без повторной выборки). При передискретизации качество изображения может в некоторой степени ухудшиться. Возможно, вам придется проделать дополнительную работу, например использовать фильтр «Контурная резкость», чтобы повысить резкость изображения, чтобы компенсировать передискретизацию.

Совет. Чтобы вернуть исходное состояние диалогового окна «Размер изображения», нажмите клавишу «Alt» (Windows) или «Option» (macOS). Нажатие этих клавиш превращает кнопку «Отмена» в кнопку «Сброс».

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

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

Когда вы включаете Resample, вы можете изменить любые значения в диалоговом окне Image Size: размеры в пикселях, физический размер или разрешение. Если вы измените одно значение, вы повлияете на другие. Размеры в пикселях всегда изменяются.

  • Изменение размера в пикселях влияет на физический размер, но не на разрешение.
  • Изменение разрешения влияет на размеры в пикселях, но не на физический размер.
  • Изменение физического размера влияет на размер в пикселях, но не на разрешение.

Вы не можете установить размер файла; он меняется, когда вы меняете общее количество данных в изображении (размеры в пикселях). Обратите внимание на значение размера файла, прежде чем изменять другие значения в диалоговом окне. Затем вы можете использовать информацию о размере файла, чтобы понять, сколько данных удаляется или добавляется к вашему изображению при его повторной выборке. Например, если размер файла изменится с 250 КБ до 500 КБ, вы добавите в изображение в два раза больше данных, что может ухудшить его качество. Поврежденные изображения могут выглядеть размытыми, зубчатыми или блочными.

Когда вы изменяете размер изображения, но не выполняете его передискретизацию, вы изменяете размер изображения без изменения объема данных в этом изображении. Изменение размера без передискретизации изменяет физический размер изображения без изменения размеров изображения в пикселях. Никакие данные не добавляются и не удаляются из образа. Когда вы отменяете выбор или отключаете Resample, поля размеров в пикселях становятся недоступными. Вы можете изменить только два значения: физический размер (ширина и высота в разделе «Размер документа») или разрешение (в пикселях/дюйм). При изменении размера без повторной выборки можно установить либо физический размер, либо разрешение изображения. Чтобы общее количество пикселей в изображении оставалось неизменным, Photoshop компенсирует установленное вами значение, увеличивая или уменьшая другое значение. Например, если вы установите физический размер, Photoshop изменит разрешение.

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

Например, изображение размером 400 x 400 пикселей имеет физический размер 4 x 4 дюйма и разрешение 100 пикселей на дюйм (ppi). Чтобы уменьшить физический размер изображения наполовину без передискретизации, установите физический размер 2 x 2 дюйма. Photoshop увеличивает разрешение до 200 ppi.Изменение размера изображения таким образом сохраняет общее количество пикселей постоянным (200 ppi x 2 x 2 дюйма = 400 x 400 пикселей). Если вы удвоите физический размер (до 8 x 8 дюймов), разрешение уменьшится до 50 пикселей на дюйм. Увеличение размера изображения в дюймах означает, что количество пикселей на дюйм может быть вдвое меньше. Если вы измените разрешение изображения, физический размер также изменится.

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

Примечание. Пиксели на дюйм (ppi) — это количество пикселей в каждом дюйме изображения. Количество точек на дюйм (dpi) относится только к принтерам и варьируется от принтера к принтеру. Как правило, на пиксель приходится от 2,5 до 3 точек чернил. Например, принтеру с разрешением 600 точек на дюйм требуется только изображение с разрешением от 150 до 300 точек на дюйм для печати наилучшего качества.

Дополнительные сведения о параметрах в диалоговом окне «Размер изображения» см. в разделе «О размерах в пикселях и разрешении печатного изображения» в справке Photoshop.

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

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

Параметры инструмента обрезки

Параметры на панели параметров инструмента "Кадрирование" изменяются после того, как вы нарисуете выделенную область. При первом выборе инструмента «Обрезка» вы можете указать ширину, высоту и разрешение. Вы можете измерять ширину и высоту в дюймах, сантиметрах, миллиметрах, точках и пиках. Введите единицу измерения или ее сокращение после числа в поле значения. Например, 100 пикселей, 1 дюйм, 1 дюйм, 10 см, 200 мм, 100 точек или 100 пикселей. Если вы не укажете единицу измерения в полях «Ширина» и «Высота» на панели параметров кадрирования, единицей измерения по умолчанию будут дюймы.

Вы также можете установить значение разрешения обрезанного изображения в поле "Разрешение". Выберите пиксели/дюйм или пиксели/см во всплывающем меню.

Дополнительную информацию о параметрах инструмента "Кадрирование" см. в разделе "Кадрирование и выравнивание изображений".

Изменение размера только в дюймах

Если вы установите физический размер изображения в дюймах в параметрах инструмента "Кадрирование" и не измените разрешение, размеры в пикселях изменятся. Размеры изменяются в зависимости от соотношения количества пикселей, которые вы нарисовали при выборе обрезки, к размерам исходного изображения в пикселях. Разрешение изменяется, чтобы вместить дополнительные пиксели в каждый дюйм изображения в зависимости от исходного размера изображения.

Примечание. Исходное изображение, используемое в приведенных ниже примерах, имеет размеры 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей и 468,8 КБ.

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

Введение

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

Рис. 1. Это изображение состоит из 1200 x 800 пикселей и выглядит так, как будто сцена может выглядеть в реальности.

Цель состоит в том, чтобы иметь достаточно пикселей, которые при изменении размера в соответствии с размером изображения становятся меньше, чем точки монитора или принтера. Изображение выше имеет размер пикселя меньше, чем точки монитора, поэтому выглядит хорошо. На изображении ниже слишком мало пикселей, поэтому размер пикселов был изменен до такой степени, что пиксели больше, чем точки монитора, и изображение выглядит либо плохо, либо даже бесполезно, как на изображении 12 x 8 пикселей.

Рис. 2. Хотя это изображение увеличено до того же размера, что и предыдущее, оно состоит всего из 120 x 80 пикселей, и теперь мы начинаем видеть настоящие пиксели, что называется "пикселизацией".

Ниже приведены те же изображения, что и раньше, но с измененным размером, чтобы разрешение в пикселях составляло 72 dpi, чтобы соответствовать монитору. Поскольку пиксели теперь настроены на одно и то же разрешение, размер изображения или документа уменьшается или увеличивается в соответствии с размерами. Оба изображения теперь имеют одинаковое разрешение, теперь размер каждого изображения явно отличается.

Рис. 3. Теперь для тех же двух изображений установлено одинаковое разрешение. Хотя сейчас оба выглядят хорошо, разница заключается в размере отображаемого изображения. Меньшее изображение имеет достаточное количество пикселей, чтобы нормально отображаться при таком размере.

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

Разрешение

Очень часто люди говорят об изображении с разрешением 300 dpi как о качественном изображении. Но что они подразумевают под изображением «300 dpi»? Это похоже на то, как если бы кто-то спросил вас, как далеко от Абуджи до Лагоса, и вы ответили бы: «70 километров в час». Они бы посмотрели на тебя смешно. Это потому, что ты сказал им только половину ответа. Да, это может быть 70 километров в час, но вам нужно сказать им, сколько часов.

Это то же самое, что кто-то говорит: "О, просто дайте мне изображение с разрешением 300 dpi". Они сказали вам, что они хотят, чтобы каждый дюйм вашего изображения имел 300 точек, но они не сказали вам, сколько дюймов они хотят, чтобы изображение было. Размер файла определяется количеством пикселей в изображении; разрешения самого по себе недостаточно.

Рисунок 4. Это один дюйм изображения ниже. DPI означает «точек на дюйм», но вам нужно знать, сколько дюймов, чтобы узнать размер файла изображения. Просто указать разрешение недостаточно.

Рис. 5. Выше приведено полное изображение. Изображение явно больше, чем один квадратный дюйм. Таким образом, чтобы понять размер файла, вам нужно знать как разрешение (300 dpi), так и размер репродукции (например, 8 дюймов в высоту и 12 дюймов в ширину).

Поэтому, когда редактор или дизайнер просит вас предоставить изображение и говорит: "Просто пришлите мне изображение с разрешением 300 dpi", вам нужно спросить: "300 dpi при каком разрешении?" Другими словами, на какой высоте и ширине?

Размер файла

На самом деле есть более простой способ спросить редактора, чего он действительно хочет, и это связано с размером файла. Это почти так же, как если бы кто-то спросил вас о расстоянии между Абуджой и Лагосом, вам было бы легче ответить «700 километров».

Рис. 6. Изображение A4 в градациях серого с разрешением 300 dpi рассчитано ниже для размера 8,6 МБ. На самом деле он ближе к 8,7 МБ просто потому, что размер страницы формата A4 превышает 8 x 12 дюймов.

Чтобы увидеть, как рассчитывается размер файла, возьмите изображение выше в качестве примера и предположите, что это формат A4 с разрешением 300 dpi. Для упрощения предположим, что это 8 дюймов x 12 дюймов.

Размер файла определяется количеством пикселей, поэтому цель состоит в том, чтобы узнать, сколько пикселей содержит изображение. Поскольку разрешение составляет 300 dpi, это означает, что каждый дюйм равен 300 пикселям в поперечнике. Поскольку изображение имеет ширину 8 дюймов, это означает, что его ширина составляет 2400 пикселей (8 x 300). Точно так же, поскольку длина изображения составляет 12 дюймов, длина изображения составляет 3600 пикселей (12 x 300). Чтобы получить общее количество, мы умножаем ширину на длину и получаем 8 640 000 пикселей (2400 x 3600).

Теперь мы знаем, сколько пикселей в изображении. Итак, как мы получаем размер файла. Ну, это изображение в градациях серого, и мы знаем из раздела о пикселях изображения, что для изображения в градациях серого каждый пиксель занимает 8 бит или 1 байт в размере файла. Таким образом, общий размер файла изображения формата A4 размером 8 640 000 пикселей составляет 8 640 000 байт или около 8,2 МБ (это потому, что в килобайте 1024 байта, а в МБ 1024 килобайта).

Поэтому было бы намного проще, если бы ваш редактор попросил у вас изображение, достаточно большое, чтобы соответствовать размеру, в котором он хочет его напечатать, и попросил бы у вас изображение в градациях серого размером 8 МБ. Или, если бы он хотел это в цвете RGB, он бы умножил эту цифру на три и попросил бы у вас изображение размером 24 МБ.

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

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

Не обязательно каждый раз точно вычислять размер файла. В Photoshop есть панель «Размер изображения», которую можно использовать как калькулятор. Доступ к панели невозможен без открытия изображения, поэтому сначала создайте новое изображение (Ctrl+N), выбрав нужный цветовой режим (RGB, CMYK, оттенки серого и т. д.). Убедитесь, что флажок «Сохранить пропорции» не установлен, чтобы ширина и высота были разделены, и что флажок «Пересэмплировать изображение» установлен, чтобы разрешить разделение разрешения. Теперь цифры можно вводить в Размер документа (выделено), при этом размер файла отображается в верхней части палитры (указан).

Рис. 7. Палитра размеров изображения позволяет точно рассчитать размер цифрового изображения, открытого в Photoshop.

Практическое правило размера файла

Однако вы не всегда находитесь перед компьютером, когда вам нужно рассчитать размер изображения. Так что очень полезно иметь эмпирическое правило, которое поможет вам. Просто представьте себе, что A4 — это 24 МБ для цветного изображения RGB, 8-битного изображения с разрешением 300 точек на дюйм. Прелесть числа 24 в том, что оно делится, и поэтому легко вычислить размер файла. Возьмите лист бумаги формата А4 и напишите на нем «24». Сложите его пополам и напишите 12, сложите еще раз и напишите 6, затем еще раз сложите и напишите 3. Почти все изображения, которые вы используете, будут соответствовать одному из этих размеров. Так что в следующий раз, когда вас спросят, какой размер файла нужен для RGB-фотографии на четверть страницы, сложите лист A4 вдвое, чтобы получить 6 МБ.

Рис. 8. На приведенном выше рисунке показан быстрый способ расчета размера файла изображения RGB, необходимого для печати изображения формата A4, A5, A6 и A7.

Оттенки серого — это треть RGB, поэтому вместо них запишите 8,4,2,1. Для изображения CMYK напишите 32,16,8,4, так как оно имеет один дополнительный канал. Если изображение 16-битное, удвойте цифры. Таким образом, где бы вы ни находились, вы сможете произвести впечатление на своих редакторов или клиентов быстрым расчетом необходимого размера файла.

ПРИМЕЧАНИЕ. Цифры, использованные выше, неточны, но они представляют собой легко делимые круглые числа, которые позволяют быстро рассчитать приблизительный размер требуемого файла изображения.

Интерполяция изображения

Если вам нужно, чтобы размер файла был больше, чем у цифровой камеры или сканера, Photoshop может создать дополнительные пиксели. Но это дорого обходится. Справа находится изображение, размер которого в десять раз меньше изображения слева. Затем он был интерполирован в 10 раз (1000%), чтобы привести его к тем же размерам. Хотя ничто не мешает вам изменить размер изображения таким образом, имейте в виду, что Photoshop не имеет отношения к тому, как выглядело исходное несканированное изображение, и поэтому должен «изобретать» дополнительные пиксели. Увеличение на несколько процентов не будет заметно, но чем больше изменение размера, тем мягче станет изображение.

Рис. 9. Изображение слева имеет исходное качество. Тот, что справа, был уменьшен до 10-го размера, а затем интерполирован в Photoshop до того же размера. Вы можете видеть, насколько мягким становится изображение, поскольку Photoshop просто изобретает пиксели и размывает все края.

Лучшее решение – повторить сканирование с правильным размером. Но если повторное сканирование невозможно, есть несколько различных методов интерполяции, которые помогут решить эту проблему. Genuine Fractals — одна из таких программ, которая позволяет выполнять значительную интерполяцию без существенной потери качества.

Размер файла и сжатие

На этом этапе необходимо отметить, что изображение может иметь несколько типов размера файла:

Файл Camera Raw имеет размер, но об этом позже.

Изображение, преобразованное из файла Camera Raw или отсканированное с пленки, имеет другой размер файла.

Затем вы можете обрезать изображение, чтобы уменьшить размер файла, или использовать интерполяцию, чтобы увеличить размер файла.

Для простоты давайте рассмотрим готовое изображение после того, как вы его сняли, преобразовали и обрезали. Это изображение при открытии в Photoshop имеет «открытый» или «рабочий» размер файла, как показано в разделе «Панель размера изображения» выше. Однако, когда вы придете к сохранению готового изображения, вам придется принять решение о сжатии файла. Обычно вы будете сохранять изображение либо в виде файла TIFF, который может иметь сжатие или не иметь его вообще, либо в виде файла JPEG, который всегда будет иметь сжатие. Если изображение было сохранено со сжатием, вы заметите, что сохраненное изображение имеет гораздо меньший размер файла, чем тот, который был при открытии.Думайте об этом как о «сохраненном» или «сжатом» размере файла.

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

Например:

Рис. 10. Детали изображения в Windows 7

Просматривая сведения об изображении в файловом браузере, можно увидеть, что размер файла указан как 1178 КБ. Поскольку это файл JPEG, это означает, что это сжатый размер, поэтому размер всех важных «открытых» файлов должен быть намного больше.

Рис. 11. Свойства изображения в Windows 7

Просмотр свойств файла покажет, что изображение имеет размеры 2336 x 3504 пикселей.

ПРИМЕЧАНИЕ. Способ отображения приведенной выше информации зависит от компьютеров Mac и ПК.

Рис. 12. Детали изображения в браузере изображений

Обычно эту информацию также можно просмотреть в Bridge или любом другом используемом вами программном обеспечении для просмотра изображений. Опять же, размеры указаны как 2336 x 3504 пикселей, и это 24-битное изображение RGB. Общее количество пикселей составляет 2 336 x 3 504 = 8 185 344 пикселей. Теперь, если бы это было изображение в градациях серого, это означало бы, что размер изображения составляет 8 185 344 байта, поскольку каждый пиксель равен 1 байту. Однако, поскольку изображение представляет собой 24-битный файл RGB, а это означает, что каждый цветовой канал имеет 8 бит и, следовательно, 1 байт каждый, размер файла RGB составляет 8 185 344 x 3 = 24 556 032 байта.

24 556 032 байта / 1024 = 23 980,5 килобайт

23 980,5 килобайт / 1024 = 23,418 мегабайт

К настоящему времени вы, вероятно, пришли к выводу, что это, мягко говоря, немного болезненно!

Рис. 13. Изображение, открытое в Photoshop

Гораздо проще открыть изображение в Photoshop.

Рис. 14. Размер "открытого" файла указан в верхней части панели

<р>. затем откройте панель «Размер изображения» («Изображение» > «Размер изображения» в строке меню). Вверху показан размер «открытого» файла, в данном примере 23,4 МБ.

Главное здесь заключается в том, что существует четкая разница в размере файла между "сжатым" размером на диске чуть более 1 МБ и "открытым" или "рабочим" файлом размером более 23 МБ. Поэтому, если вам не нравится идея мучить себя множеством ненужных вычислений, просто откройте изображение в Photoshop и дайте ему сделать свою работу.

ПРИМЕЧАНИЕ. Если у вас есть много изображений, которые вам нужно проверить на предмет рабочих размеров файлов, то есть JavaScript, который может просмотреть всю папку с файлами и создать для вас электронную таблицу со списком размеров сжатых и открытых файлов. .

Что доставить

Всегда проверяйте, есть ли у клиента установленный список стандартов, и всегда следуйте ему. Обычно это изображения, сохраненные с разрешением 300 dpi, если только они не предназначены только для Интернета, где обычное разрешение составляет 72 dpi.

Требования к размеру файла, то есть требования к размеру «открытого» файла, будут различаться от клиента к клиенту, но ожидайте, что минимальный размер для изображений RGB будет составлять 24 МБ. Однако этот показатель может быть ниже для газет и почти всегда выше для библиотек изображений.

ПРИМЕЧАНИЕ. Возьмите за привычку говорить "размер открытого файла" или "размер рабочего файла" и "размер сохраненного файла" или "размер сжатого файла", а не просто использовать расплывчатый термин "размер файла". Это может избавить вас от путаницы при работе с клиентами.

Читайте также: