Разрешение 1 web дизайн Web design

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

  • разрешение монитора;
  • разрешение изображения;
  • разрешение печати.

Разрешение монитора

Разрешение монитора указывается двумя значениями и определяет количество точек по горизонтали и вертикали. Элементарную точку на экране принято называть пикселом. Таким образом, значение 800х600 означает, что видимая область монитора имеет 800 пикселов по горизонтали и 600 — по вертикали. Пиксел — это относительная единица измерения, ее величина зависит от установленного экранного разрешения и размера монитора. Например, для 19-дюймового монитора популярным разрешением является 1280 на 1024 пикселов. Картинка с такими же размерами (1280×1024) будет занимать всю область экрана. Уменьшив разрешение до 1024 на 768, мы, тем самым, увеличим размеры изображения на экране.

Разрешение монитора имеет важное значения для веб-дизайнеров, ведь от этого параметра зависит и размер помещаемых на веб-страницу изображений. При неудачном учете этого значения рисунок может не поместиться целиком на веб-страницу и тогда появится горизонтальная полоса прокрутки, которая создает неудобства посетителям сайта и может испортить дизайн. Таким образом, для сайта, который ориентирован на разрешение монитора пользователей 800 на 600, ширину изображений следует ограничить размером 700–770 пикселов. Данная величина получается с учетом ширины полосы прокрутки браузера и толщины вертикальных рамок окна.

Разрешение изображения

Количество пикселов, показываемых на единицу длины изображения, характеризует величину разрешения экранного изображения и называется пиксел на дюйм (pixel per inch — ppi). Если изображение предназначено только для вывода на экран монитора, а не для печати, то графические программы, как правило, устанавливают разрешение 72 ppi.

Разрешение печати

Для любого печатающего устройства характерна величина, выражающая, сколько точек на дюйм он может воспроизвести, которая называется dpi (dot per inch — количество точек на дюйм). Для примера, большинство лазерных принтеров поддерживает разрешение 600 dpi и выше. Размер точки определяется характеристиками принтера и свойствами изображения.

Поскольку графические редакторы не в состоянии передать величину точки в силу физических различий между пикселом экрана и печатной точкой, то плотность точек заменяется количеством пикселов на экране. Так, для изображения, которое на печати будет иметь размер один на один дюйм, при разрешении 72 dpi количество пикселов будет равно 5184 (72×72). Увеличение разрешения до 300 dpi увеличит и количество пикселов до 90 тысяч (300×300). Более высокое разрешение, как правило, передает и большее количество деталей в изображении.

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

Связь между разрешением и размером изображения

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

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

Рис. 1

Рис. 1. Панель изменения разрешения и размеров изображения в программе Photoshop

Отправить комментарий

http://webimg.ru/term/razreshenie

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s