14.06.2016
Фотографии сейчас делают практически все, и у всех на слуху такой термин, как «разрешение». Но далеко не всем известно, что именно означает это слово. Под разрешением подразумевают количество точек на один дюйм.
Такие точки, из которых и состоят фотографии, называются пикселями. Закон здесь очень прост: чем больше число этих самых пикселей в одном дюйме, тем выше качество изображения.
Разрешение позволяет судить о качестве процесса создания изображения и о детализации картинки. В современной фотографии этот термин имеет непосредственное отношение к цифровому формату фотографий. Но его вполне можно встретить и там, где речь идет, например, о фотобумаге или фотопленке.
Что означает «высокое разрешение»?
Если говорится о высоком разрешении, то подразумевается высокая степень детализации. Любой профессиональный фотограф прекрасно знает, что разрешение, то есть количество точек на 25,4 мм (что равно 1 дюйму), обозначается таким сокращением, как «DPI» (см. статью о том, ).
Если разрешение изображения 300 DPI, то можно с уверенностью говорить, что данные фотографии отличаются хорошим качеством. Исходя из своего опыта, фотографы утверждают, что разрешение, допускаемое для печати изображений, должно быть не меньше 150 DPI.
При печати фотографий самые распространенные форматы - это 9 на 13, 10 на 15, 13 на 18 см. и т.п. Для каждого из всех этих форматов существуют конкретные линейные размеры в миллиметрах. Если принять во внимание формат, то несложно просчитать оптимальные размеры картинки в пикселях, чтобы в конечном итоге получить расширение в 300 и более DPI.
Если мы берем фотографию 9 на 13 см., то ее линейными размерами будут: 89 на 127 мм. Высоту в миллиметрах умножаем на нужное нам разрешение и делим на 25,4 мм (см. выше). Получаем: (89*300)/25,4 = 1027 - вот такое количество пикселей по высоте нам нужно иметь у исходной картинки (фото). То же самое делаем с вычислением ширины (127*300/25,4=1500).
Исходя из этого, мы понимаем, что при печати фотографии 9 на 13 картинки, которая в пикселях больше, чем 1027 на 1500, мы будем получать фото с высоким разрешением (выше 300 DPI).
Но, как показывает практика, нередко изображения с расширением 150 DPI выглядят ничуть не хуже такой же фотографии, но с более высоким уровнем расширения - 300 DPI и выше. Здесь многое зависит от того, с какого расстояния это изображение будут рассматривать и что именно на нем изображено.
Интересные публикации на сайте
Пиксели, мегапиксели, разрешение изображения и размеры печати цифрового фотоснимка
Качество цифровой фотографии во многом зависит от количества и размера пикселей, содержащейся в изображении. Разрешение изображения – это просто информация о пикселях и их плотности в изображении. Из этой статьи вы узнаете о том, как пиксели и разрешение фотоснимков влияют на качество просмотра изображений на экране компьютера или их печать.
Что такое пиксели?
Слово пиксель представляет собой сокращенную версию сочетания английских слов «изображение» и «элемент» (Picture, Element). Цифровые фотокамеры имеют датчики изображения с миллионами светочувствительных элементов. Каждый из таких микроэлементов, захватывающих свет, называется пикселем.
Например, цифровая зеркальная фотокамера Nikon D5100 имеет больший сенсорный датчик изображения чем, к примеру, компактный цифровой фотоаппарат Canon Powershot ELPH 300 HS. Чем больше датчик, тем большее количество пикселей содержится в нем и тем качественнее изображения, которые он воспроизводит.
Цвет и интенсивность света каждого из миллионов отдельных пикселей смешиваются (выстраиваются) в отдельную картинку, когда мы рассматриваем их в виде распечатанной картинки на принтере или на экране компьютера.
Размер файла фотоснимка
Размер файла фотографии выражает общее количество пикселей в ширину и высоту изображения. Например, размер файла может быть записан в следующем виде 3456х2304. Это будет означать, что в каждой строке изображения (слева направо) находится 3456 пикселей и по 2304 пикселей находится в каждом его столбце (сверху донизу). Для справки - 1 миллион пикселей равен 1 мегапикселю.
Чтобы найти общее число пикселей в изображении, просто умножьте количество пикселей в ширину изображения на количество пикселей в его высоту (3456х2304 = 7962624). Обычно общее количество пикселей округляется в верхнюю или нижнюю сторону до ближайшего целого числа мегапикселей. Так что в этом случае изображение можно назвать 8-мегапиксельной картинкой, хотя она не содержит полных 8 миллионов пикселей.
Если число 7 962 624 будет отражать максимальный размер файла, который фотокамера способна воспроизвести, то производитель будет продавать такую фотокамеру, как 8-мегапиксельную.
Хотя цифровые камеры часто продаются с акцентом на общее количество мегапикселей доступных в изображении, все они имеют настройки, позволяющие фотографу делать снимки с меньшим размером файла. Такие настройки позволяют сэкономить место на карте памяти фотокамеры или на жестком диске компьютера.
Кроме того, изображения с меньшим размером файла проще отправлять и загружать при использовании электронной почты. Фотографирование с различными размерами файлов станет для вас более понятным и будет иметь больше смысла, после знакомства с такими понятиями как разрешение изображения и размер печати.
Разрешение изображения
В общем, разрешение изображения в цифровой фотографии - это количество информации, содержащейся в файле изображения. Эта информация является количеством пикселей, содержащихся в любом цифровом изображении сделанном вами. Файл изображения размером 4000х3000 пикселей будет иметь более высокое разрешение картинки, чем файла размером 2000х1500. Фотографии с высшим разрешением будут четче, ярче и более точно воспроизведены при печати или просмотре на экране компьютера.
С технической точки зрения разрешение изображения скорее соответствует плотности, выраженной термином PPI - (Pixels per Inch) количеством пикселей на дюйм или точек на дюйм DPI (Dots per Inch), а не размеру всего файла. Иногда термины PPI и DPI часто неправильно используются как взаимозаменяемые. В этой статье для обозначения разрешения фотографии на экране компьютера, мы будем применять термин PPI. Когда же мы будем говорить о разрешении фотоснимков выведенных на печать с помощью, например струйного принтера, то будем использовать термин DPI. Более подробно все технические различия этих терминов мы рассмотрим в другой статье.
Разрешение изображения обычно записывается в виде числа, например 72 PPI, или 300 DPI. Это означает, что данный файл изображения содержит 72 пикселя или 300 точек на одном квадратном дюйме своей площади. Это будет 72 пикселя или 300 точек слева направо и сверху вниз для каждого дюйма этого файла. Эта информация становится важной, когда речь заходит о том, как будут отображаться ваши фотографии.
Компьютерные мониторы способны воспроизводить четкие и контрастные изображения при низких разрешениях экрана, таких как 72 или 96 PPI. Если вы собираетесь делать снимки, которые будут выводиться для просмотра только на мониторе, вы можете настроить фотокамеру на низкий уровень качества снимков, например один мегапиксель или меньше. Съемка при высоких параметрах качества, как например 12 мегапикселей, не делает вид фотоснимка лучшим на экране монитора с разрешением 72 PPI. Тем не менее, вы, безусловно, должны настроить фотокамеру на более высокое качество съемки, если собираетесь делать крупноформатную распечатку фотографий на принтере.
Расчет максимальных размеров печати
Как упоминалось ранее, чтобы просмотреть фотографии в четком качестве на мониторе компьютера, ему достаточно иметь выходное разрешение 72 или 96 PPI. Тем не менее, для того, чтобы получить четкие и качественные отпечатки фотоснимков, выходное разрешение принтера должно быть гораздо выше. Выходное разрешение принтера от 140 точек на дюйм до 300 точек на дюйм - наилучший диапазон для создания качественных отпечатков ваших фотографий. (Отпечатки с разрешением 300 DPI уже представляют профессиональный класс печати).
Размер файла Мегапиксели Максимальный Максимальный
(пиксели) размер печати размер печати
при плотности при плотности
@200 DPI @300 DPI
1600х1200 2 8.0х6.0 5.3х4.0
2048х1536 3 10.2х7.60 6.8х5.1
2592х1944 5 12.9х9.70 8.6х6.4
3072х2304 7 15.3х11.5 10.2х7.6
3264х2448 8 16.3х12.2 10.8х8.1
3648х2736 10 18.2х13.6 12.1х9.1
4000х3000 12 20.0х15.0 13.3х10
4288х3216 14 21.4х16.8 14.2х10.7
Таблица, изображенная выше, даст вам общее представление о максимально возможных размерах печати (в дюймах), до которых вы можете увеличить ваши фотографии, сохранив при этом хорошее качество. Обратите внимание, что максимальный формат перечисленных отпечатков может быть увеличен до размеров чуть больше указанных выше. Тем не менее, 3-мегапиксельный фотоснимок, увеличенный до размера 16х20 дюймов, будет иметь уже очень низкое качество при распечатке. Изготовление отпечатков меньших, чем рекомендуемые максимальные размеры для перечисленных файлов в таблице, не является проблемой. Печать все равно будет очень высокого качества.
Вот некоторые из наиболее часто употребляемых размеров отпечатков фотоснимков: 4X6, 5x7, 8x10, 10x13, 11x14 и 16x20. (Эти размеры даны для фотографий, сделанных при вертикальном положении камеры, в то время как в таблице размеры представлены для снимков, сделанных при горизонтальном положении фотокамеры.)
На самом деле определить максимальный размер отпечатков ваших цифровых фотоснимков довольно легко. Прежде всего, необходимо определить, какое количество DPI (точек на дюйм) будет использоваться при выводе файла на печать. Для простоты, предположим, что разрешение принтера на выходе будет 200 точек на дюйм. Если ваш размер файла изображения составляет 2000х1600 пикселей, то вы сможете получить его качественный отпечаток размером 10x8 дюймов.
Математические расчеты заключаются в делении количества пикселей в ширину файла на разрешение принтера 200 DPI (2000/200 = 10). Затем разделите количество пикселей в высоту файла на 200 (1600/200 = 8). На этом расчет закончен. Файл размером 2000x1600 пикселей может быть распечатан в фотографию хорошего качества размером10х8 дюймов, при выходной плотности печати принтера 200 DPI.
Если вы решили сделать распечатку при 300 DPI из того же файла изображения, то вы получите отпечаток с более высоким разрешением. Однако максимальный размер для качественного отпечатка будет меньше. Давайте подсчитаем: 2000/300 = 6,6. Далее, 1600/300 = 5,3. Так что если округлить полученные цифры, то максимальный стандартный размер для печати составит около 5х7 дюймов.
Конечно, вам не придется делать такой расчет каждый раз, когда вы делаете снимок. Просто имейте в виду, что, когда вы планируете делать снимки, которые будут распечатаны на принтере в большом формате, настройте вашу фотокамеру на съемку в файле большего размера.
hadson
- Размер изображения. Физический, логический размер и разрешение
- Изменение размеров изображения. Команда Image Size. Понятие ресамплинга.
Размер изображения. Физический, логический размер и разрешение.
Размер файла изображения - это физический размер файла, в котором хранится изображение. Он измеряется в килобайтах (КБ), мегабайтах (МБ) или гигабайтах (ГБ). Размер файла пропорционален размерам изображения в пикселах. Чем больше количество пикселов, тем детальнее изображение, получаемое при печати. Однако для их хранения требуется больший объем дискового пространства, а редактирование и печать замедляются. Таким образом, при выборе разрешения необходимо найти компромисс между качеством изображения (которое должно содержать все необходимые данные) и размером файла.
Другим фактором, влияющим на размер файла, является его формат. Из-за различий в методах сжатия, используемых в форматах файлов GIF, JPEG и PNG, размеры файлов при одинаковых размерах в пикселах могут сильно отличаться. Аналогично влияют на размер файла битовая глубина цвета и количество слоев и каналов.
Photoshop поддерживает максимальные размеры изображения в пикселах, равные 300 000 по горизонтали и вертикали. Это ограничение определяет предельно допустимые размеры и разрешение изображения на экране и при печати.
О размерах в пикселах и разрешении
Размеры в пикселах (размер изображения или его высота и ширина) растрового изображения являются мерой количества пикселов по ширине и высоте изображения. Разрешение является мерой четкости деталей растрового изображения и исчисляется в пикселах на дюйм (ppi). Чем больше пикселов на дюйм, тем выше разрешение. В целом изображение с более высоким разрешением позволяет получить более высокое качество при печати.
Одно и то же изображение при разрешении 72-ppi и 300-ppi; увеличено до 200 %
Совокупность размера в пикселах и разрешения определяет объем данных изображения. Если ресамплинг изображения не выполнялся, объем данных изображения остается неизменным при изменении или разрешения изображения по отдельности. При изменении разрешения файла его высота и ширина изменяются так, чтобы объем данных изображения оставался прежним. То же происходит при изменении высоты и ширины файла.
Photoshop позволяет определить соотношение между размером изображения и разрешением в диалоговом окне «Размер изображения» (меню «Изображение» > «Размер изображения»). Снимите параметр «Интерполяция», так как изменять объем данных изображения не требуется. Затем измените высоту, ширину или разрешение изображения. При изменении одной из величин остальные будут приведены в соответствие первой.
А. Размеры в пикселах равны произведению размеров выходного документа на разрешение.
Б. Исходные размеры и разрешение.Уменьшение разрешения без изменения размеров в пикселах (без ресамплинга).
В. Уменьшение разрешения при неизменных размерах документа приводит к увеличению размеров в пикселах (ресамплингу)
Изменение размеров изображения. Ресамплинг.
Изменение размеров изображения в пикселах влияет не только на его размер на экране, но и на качество изображения на экране и при печати, то есть на размеры отпечатка или на разрешение изображения.
- Выберите меню «Изображение» > «Размер изображения».(«Image» > «Image size»)
- Для сохранения текущего соотношения между высотой и шириной в пикселах выберите «Сохранить пропорции». Данная функция автоматически изменяет ширину при изменении высоты и наоборот.
- В полях «Размерность» введите значения для ширины и высоты. Для ввода значений в процентах от текущих размеров выберите в качестве единицы измерения проценты. Новый размер файла изображения появляется в верхней части диалогового окна «Размер изображения» (старый размер указан в скобках).
- Убедитесь в том, что выбран пункт «Интерполяция», и выберите метод интерполяции.
- Если изображение содержит слои с примененными к нему стилями, выберите пункт «Масштабировать стили» для масштабирования воздействия стилей на изображение с измененными размерами. Эта функция доступна только в том случае, если выбран пункт «Сохранить пропорции».
- По окончании изменения настроек нажмите кнопку «ОК».
Для получения наилучшего результата при создании изображения с меньшим размером выполните даунсамплинг, а затем примените фильтр «Контурная резкость». Чтобы создать изображение большего размера, повторно отсканируйте изображение с большим разрешением.
Ресамплинг изменяет объем данных изображения при изменении его размеров в пикселах либо разрешения. При даунсамплинге (уменьшении числа пикселов) изображение теряет часть информации. При ресамплинге (увеличении числа пикселов или увеличении разрешения) добавляются новые пикселы. Метод интерполяции определяет, каким образом удаляются или добавляются пикселы.
Ресамплинг пикселов
А. Даунсамплинг
Б. Без изменений
В. Ресамплинг (выбранные пикселы отображаются для каждого набора изображений)
Не забывайте, что ресамплинг может привести к снижению качества изображения. Например, при ресамплинге изображения до большего размера в пикселах уменьшаются его детализация и резкость. Применение фильтра «Контурная резкость» к изображению, подвергнутому ресамплингу, может повысить резкость деталей изображения.
Избежать ресамплинга можно сканированием или созданием изображений с достаточно высоким разрешением. Для просмотра результатов изменения размеров в пикселах или печати цветопробы при различных разрешениях выполните ресамплинг дубликата исходного файла.
Photoshop выполняет ресамплинг изображения при помощи методов интерполяции, присваивая новым пикселам значения цвета, полученные на основе значений цвета уже существующих пикселов. Выбрать используемый метод можно в диалоговом окне «Размер изображения».
По соседним Быстрый, но менее точный метод, который повторяет пикселы изображения. Этот метод используется в иллюстрациях, содержащих несглаженные края, для того чтобы сохранить четкие границы и создать файл меньшего размера. Однако этот метод может создать зубчатые края, которые станут заметными при искажении или масштабировании изображения или проведении множества операций с выделением. Билинейная Этот метод добавляет новые пикселы, рассчитывая среднее значение цвета окружающих пикселов. Он дает результат среднего качества. Бикубическая Более медленный, но и более точный метод, основанный на анализе значений цвета окружающих пикселов. За счет использования более сложных вычислений бикубическая интерполяция дает более плавные цветовые переходы, чем интерполяция по соседним пикселам или билинейная интерполяция. Бикубическая, глаже Хороший метод для увеличения изображений на основе бикубической интерполяции, разработанный специально для получения более гладких результатов. Бикубическая, четче Хороший метод для уменьшения размера изображения на основе бикубической интерполяции с повышенной резкостью. Этот метод позволяет сохранить детали изображения, подвергнутого ресамплингу. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте воспользоваться бикубической интерполяцией.Можно указать метод интерполяции, который будет применяться по умолчанию при ресамплинге данных изображения в Photoshop. Выберите пункты меню «Редактирование» > «Установки» > «Основные» (в Windows) или «Photoshop» > «Установки» > «Основные» (в Mac OS), а затем в меню «Интерполяция изображения» выберите метод.
При подготовке изображения для печати
полезно задавать размер изображения, указывая размеры отпечатка и разрешение изображения. Эти два параметра, называемые размером документа, определяют общее число пикселов, а соответственно, и размер файла изображения. Размер документа также определяет базовый размер изображения при помещении его в другое приложение. Управлять размером отпечатка можно при помощи команды «Печать», однако изменения, внесенные командой «Печать», отразятся только на печатном изображении - размер файла изображения не изменится.
Если для данного изображения используется ресамплинг, можно изменять размеры отпечатка и разрешение независимо друг от друга (тем самым изменяя общее число пикселов в изображении). Если ресамплинг выключен, то можно изменять либо размеры изображения, либо разрешение - Photoshop автоматически изменит оставшееся значение, сохраняя общее количество пикселов. Как правило, для получения наивысшего качества отпечатка сначала следует изменить размеры и разрешение без ресамплинга. Лишь затем в случае необходимости можно выполнить ресамплинг.
- Выберите меню «Изображение» > «Размер изображения».
- Измените размеры в пикселах, разрешение изображения или оба значения сразу.
- Чтобы изменить только размеры отпечатка или только размерность и пропорционально изменить общее количество пикселов изображения, выберите пункт «Интерполяция», а затем выберите метод интерполяции.
- Чтобы изменить размеры отпечатка и разрешение без изменения общего количества пикселов изображения, не выбирайте пункт «Интерполяция».
- Для сохранения текущего соотношения между высотой и шириной изображения выберите пункт «Сохранить пропорции». Данная функция автоматически изменяет ширину при изменении высоты и наоборот.
- В поле «Размер печатного оттиска» введите новые значения высоты и ширины. При необходимости выберите новую единицу измерения. Следует заметить, что в поле «Ширина» функции «Колонки» используются ширина и расстояние между колонками, указанные в настройках «Единицы измерения и линейки».
- Введите новое значение в поле «Разрешение». При необходимости выберите новую единицу измерения.
Чтобы восстановить исходные значения величин в диалоговом окне «Размер изображения», нажмите кнопку «Восстановить», удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
Изменение размеров и поворот холста. Команда Canvas Size.
Поворот или отражение всего изображения
С помощью команд «Поворот изображения» можно поворачивать или отражать все изображение. Эти команды нельзя применять к отдельным слоям, фрагментам слоев, контурам или границам выделенных областей. Повернуть выделенную область или слой можно с помощью команд «Трансформирование» или «Свободное трансформирование».
Поворот изображений
А. Отразить холст по горизонтали
Б. Исходное изображение
В. Поворот холста по вертикали
Г. Поворот На 90° против часовой
Д. 180°
Е. Поворот на 90°по часовой
В меню «Изображение» выберите пункт «Вращение изображения», затем в подменю выберите одну из приведенных ниже команд.
- 180° — Поворот изображения на 180°.
- 90° по часовой — Поворот изображения на 90° по часовой стрелке.
- 90° против часовой — Поворот изображения на 90° против часовой стрелки.
- Произвольно — Поворот изображения на указанный угол. При выборе этого параметра в текстовом поле необходимо ввести угол от 359,99 до 359,99 градусов. (В Photoshop можно задать поворот по часовой стрелке или против часовой стрелки с помощью параметров ПЧС или ПРЧС.) Нажмите кнопку «ОК».
Примечание. Поворот изображения является необратимым редактированием, изменяющим фактическую информацию файла изображения. Если требуется повернуть изображение для просмотра без внесения необратимых изменений, используйте инструмент «Вращение».
Изменение размера холста
Размер холста - это полная редактируемая область изображения. С помощью команды «Размер холста» можно увеличить или уменьшить размер холста изображения. При увеличении размера холста добавляется пространство вокруг существующего изображения. При уменьшении размера холста изображение обрезается. При увеличении размера холста изображения с прозрачным фоном добавленная область будет прозрачной. Если у изображения нет прозрачного фона, то цвет добавляемого холста будет определяться различными способами.
- В меню «Изображение» выберите команду «Размер холста» («Image» > «Canvas size»).
- Выполните одно из следующих действий.
- Введите размеры холста в полях «Ширина» и «Высота». Во всплывающих меню рядом с полями ширины и высоты выберите нужные единицы измерения.
- Выберите параметр «Относительно» и введите величину, которую следует добавить к текущему размеру холста или вычесть из него. Введите положительное число, чтобы увеличить, и отрицательное - чтобы уменьшить размер холста на заданную величину.
- Для того чтобы получить узловую точку, щелкните квадрат, показывающий нужное расположение существующего изображения на новом холсте.
- Выберите нужный параметр в меню «Цвет расширения холста».
- «Основной цвет» - заливка нового холста текущим основным цветом
- «Фон» - заливка нового холста текущим фоновым цветом
- «Белый», «Черный» или «Серый» - заливка нового холста соответствующим цветом
- «Другие» - выбор цвета для нового холста из палитры цветов
Примечание. Кроме того, палитру цветов можно открыть, щелкнув квадрат справа от меню «Цвет расширения холста».
Меню «Цвет расширения холста» недоступно, если у изображения нет фона.
- Нажмите кнопку «OК».
Оригинал холста и холст основного цвета, добавленный к правой части изображения
Кадрирование изображения. Инструмент Crop.
Кадрирование - это отсечение частей изображения с целью фокусирования или улучшения компоновки. Кадрировать изображение можно с помощью инструмента «Рамка» и команды «Кадрировать». Кроме того, отсекать пикселы можно командами «Выпрямить и кадрировать» и «Тримминг».
Использование инструмента «Рамка»
Кадрирование изображения с помощью инструмента «Рамка»
Кадрирование изображения с помощью команды «Кадрировать»
- Часть изображения, которую нужно сохранить, выделяется с помощью инструмента выделения.
- В меню «Изображение» выберите команду «Кадрировать».
Кадрирование изображения с помощью команды «Тримминг»
При кадрировании с помощью команды «Тримминг» нежелательные элементы удаляются иначе, чем с помощью команды «Кадрировать». Изображение можно кадрировать путем отсечения окружающих прозрачных пикселов или фоновых пикселов определенного цвета.
- В меню «Изображение» выберите команду «Тримминг».
- В диалоговом окне «Тримминг» выберите нужный параметр.
- При выборе параметра на основе «Прозрачных пикселов» удаляется прозрачность по краям изображения и остается самое маленькое изображение, состоящее из непрозрачных пикселов.
- При выборе параметра «Цвет верхнего левого пиксела» удаляется область, цвет которой совпадает с цветом верхнего левого пиксела изображения.
- При выборе параметра «Цвет нижнего правого пиксела», удаляется область, цвет которой совпадает с цветом нижнего правого пиксела изображения.
- Выберите области изображения для удаления: сверху, снизу, слева или справа
Трансформирование перспективы при кадрировании
Один из параметров инструмента «Рамка» позволяет трансформировать перспективу изображения. Эту функцию удобно использовать при работе с изображениями, которые содержат трапециевидное искажение. Трапециевидное искажение возникает при фотографировании объекта с углового ракурса. Например, если высокое здание сфотографировать с уровня земли, то верх здания будет казаться более узким, чем его основание.
Шаги трансформирования перспективы
А. Обозначьте исходную область кадрирования Б.Совместите область кадрирования с краями объектаВ.Расширьте границы кадрирования Г.
Получившееся изображение
Цифровые изображения имеют свои размеры и вес. Например, стандартное фото хорошего качества в формате JPEG может весить 5 MB мега байт и иметь размеры 4200х2800 px пикселей ширины и высоты. Стандартное же разрешение монитора тоже считается в пикселях. Самые популярные размеры - это 1024x768, 1152x864, 1280х960.
Теперь, если сопоставить разрешение монитора 1024х768 и размер картинки 4200х2800, то становится очевидным, что она более чем в 2 раза шире самого монитора, а значит браузер (Опера, Мозила и пр) будет сжимать картинку до нужных ему размеров, или появятся ползунки, и придется прокручивать её. Зависит от установок сайта. К тому же изменятся только видимые размеры картинки.
Мы, конечно, можем впихать в наш сайт подобные габариты, но такие фото занимают много места на хосте т.к. весят много. Вдобавок тормозят браузеры и компьютер посетителей. Все это добро чрезвычайно долго открывается, что отпугивает немалую часть посетителей. Я, например, долго прогружаемые сайты закрываю и гуглю дальше.
Как узнать оптимальный размер картинки для той или иной статьи?
В принципе можно и на глаз, если размер монитора 1024х768, то возьмем примерные размеры поля браузера и вычтем из размера монитора. Поля сайта тоже вычтем, то получим примерно 900х700 +- px то есть, фото можно смело уменьшать до таких размеров. А вообще 600х400 самое оно.
Если вы хотите поместить картинку в определенное место на сайте, определенных размеров, то можно взять спец. инструмент для веб дизаинеров – линейка (к примеру mySize ) и прям в браузере померить место, куда вы хотите вставить картинку. Это нужно для того, чтоб посмотреть пропорции, и если надо подрезать фотографию, чтоб её не сплющило.
Изменить размеры и вес фото можно в фотошопе.
Размер изменяем таким образом. Image(Изображение) - Image Size – В полях width и height ставим нужные значения в пикселях, и в поле ниже constrain proportions(сохранять пропорции) ставим галочку. Скрин ниже.
Изменяя вес, мы изменяем качество изображения . Например с 5мb можно смело опускать качество до 50-200 кв, и на мониторе это будет не заметно. На некоторых картинках и при 15кв особо не заметны ухудшения. Зато места занимают в десятки раз меньше. Слева картинка сжатая - 500х630 26,7кб, справа нет - 1269х1600 1.35Мб. Вышло в 6 раз меньше. Если не придираться, то и не заметно.
Как изменить вес фото или картинки? Все просто. Меняется вес в фотошопе несколькими путями. 1) Просто изменить размер image- image size и если недостаточно уменшили , 2) File - Save for web & devices . Появится окошко с установками параметров, в верхнем правом будет ползунок Quality (качество) , в нижнем левом показатель веса картинки. Качества ставите Low – низкое, следите на сколько уменьшается вес и возюкаете ползунок до нужного значения. Скрин ниже.
Или можно таким образом. File - save as - появится список форматов, выберите например Jpeg далее жмём "сохранить", появится окошко JPEG options. Там в окошке image option будет ползунок, перемещая его увидите справа цифры - сколько весит.
Еще один способ сжать картинку разлицных форматов - это специальные сайты, веб сервисы например вот tinypng . com
В каком размере лучше сохранять фотографии под web? Эта тема неоднократно затрагивалась в обсуждениях и я обещал описать свой подход. Но для начала мне было интересно оценить, насколько отличаются экраны людей, увлекающихся фотографией, от экранов среднестатистических интернет-пользователей, поэтому я запустил (большое спасибо всем, кто проголосовал). Итак, попробую объяснить цифры.
Зачем вообще нужно обращаться к статистике? Дело в том, что если мы хотим, чтобы наши картинки было комфортно смотреть, необходимо учесть удобство большинства бользователей, а лучше всех. Реально учесть интересы всех вряд ли возможно, т.к. они часто противоречат друг другу. Например, если сделать картинку под большое разрешение вроде 3200х2400 px, её будет очень сложно просматривать на маленьком мониторе. И наоборот, если оптимизировать картинку под разрешение, скажем, 320х240, то на экранах значительной части зрителей она будет выглядить как маленькое пятнышко, где нельзя рассмотреть не только деталей, но и толком сюжета. Встаёт логичный вопрос - где золотая середина?
На мой взгляд, с одной стороны необходимо ориентироваться на большинство пользователей, с другой, учитывать интересы малочисленных групп. К значимым группам я бы отнёс аудиторию, составляющую 5%-10% и выше. Всё-таки менее 5%, это обычно пользователи со спецзадачами, а вот от 10%, это уверенно высокая часть аудитории, пренебрегать которой недопустимо. Есть и другие критерии. Например, иногда специально ограничивают потенциальную аудиторию тематической выборкой, заведомо отсекая "непрофильных потребителей", в угоду комфорта основных. Такой подход также бывает оправдан, но лично я предпочитаю по возможности учитывать интересы максимально возможного количества зрителей.
С максимальным ограничением размера фотографий ситуация более-менее ясна. Редко кто готов бесплатно раздавать графические файлы, поэтому просмотр в интернете обычно подразумевает режим preview (предосмотр). Для вполне качественной печати формата 10х15 достаточно разрешения 200 dpi, чему соответствует файл порядка 1200х800 пикселей. Охраняя свои творения от посягательств, фотографы стараются не допускать размещение в интернете файлов выше размера печати 10х15.
Для того, чтобы определиться с минимальными размерами, обратимся к статистике. В первую очередь к глобальной статистике интернета - например, w3counter.com , spylog.ru , hotlog.ru . Мы видим, что лидер сегодняшних хит-парадов, это разрешение 1024х768. Доля таких пользователей колеблется в среднем от 22% до 47%. Второе место принадлежит разрешению 1280x1024, которым пользуется от 15% до 20% человек. В моём опросе места 1 и 2 поменялись местами - 11% и 49% соответственно. Я думаю, это связано с тем, что мой блог читают в основном люди, в той или иной степени увлечённые фотографией, т.е. обладающие мониторами размеров выше среднего. Вместе с тем даже среди такой аудитории процент использования разрешения 1024х768 уверенно превысил 10%.
В настоящее время, с учётом имеющейся статистики, мне представляется оптимальным ориентация на экраны с разрешением 1024x768 пикселей. В этом случае мы учтём интересы большинства людей и менее численных групп, при этом не сделаем просмотр на незначительно меньших или больших экранах намного сложнее.
Когда мы говорим о разрешении экрана, то должны помнить следующее. Как правило, часть экрана требуется на интерфейсы операционной системы (например, кнопка "Пуск" и полоса навигации в Windows) и интерфейс браузера. Конечно, существуют режимы просмотра full screen (полный экран), но если вспоминать про удобство пользователей, то необходимо уместить картинку целиком в его стандартном поле для просмотра web-страниц. Давайте посмотрим, какового это поле при разрешении 1024х768? А оно примерно таково:
Размер 1000х620 пикселей определён примерно, т.к. в реальности он варьируется в зависимости от ОС, используемых режимов и интерфейсов браузера. Также некоторые учитывают ICQ-клиент, но я считаю, что для просмотра картинок в интернете человек вполне способен убрать его на это время.
С учётом минимально необходимых отступов, получается, что для показа картинки с соотношением сторон 3:2 у нас остаётся 600 пикселей по высоте. Что соответствует 900 по ширине.
900х600 - этот формат я определяю для себя в качестве максимального для публикации в интернете. Вот так он выглядит в реальном размере:
Фотография в таком размере будет показана целиком (без полосы прокрути) у подавляющего большинства пользователей. При этом такой размер вполне достаточен, чтобы рассмотреть детали и сюжет, даже если просматривать его на большом экране порядка 1600х1200 и более пикселей. Тем более, при слишком больших разрешениях люди часто предпочитают не открывать браузер на всю ширину. При описанном подходе у меня получаются следующие размеры картинок, которые я и стараюсь использовать по возможности:
3:2 (горизонтальный) - 900х600
3:2 (вертикальный) - 400х600
4:3 (горизонтальный) - 800х600
4:3 (вертикальный) - 450х600
1:1 (квадрат) - 500х500
При размещении картинок свыше 900х600 пикселей мы заведомо создаём неудобство просмотра для большого количества людей. В этом случае пострадает в среднем от 10% (увлеченной) до 50% (массовой) аудитории, у которых возникнут полосы прокрутки и которые не смогут без специальных действий просмотреть фотографию целиком на экране.
Несколько примечаний:
1. В случае нестандартных соотношений сторой я ориентируюсь на максимальный размер стороны согласно обозначенному ограничению 900х600. Например, картинку 3000х1500 пикселей я скорее всего уменьшу до 900х450.
2. Квадрат сам по себе создаёт ощущение большой площади, поэтому для гармоничного его просмотра с другими картинками, я беру максимальную сторону чуть меньше, чем для других случаев (500, а не 600).
3. В случае узкой длинной панорамы стараюсь сделать один размер для просмотра целиком на экране + ссылка на более большой вариант. Конкретные цифры зависят от самой панорамы, но для таких случаев при описанном подходе (наличие превью и ссылки) считаю допустимым делать картинку шириной 1200-1500 пикселей и даже больше. Но только, если такая картинка буде скрыта под отдельной ссылкой.
4. Для публикации фотографий в ЖЖ я стараюсь вынести вне ката более маленькую картинку (как правило, одну), чтобы не перегружать френд-ленты. Те, кого заинтересует превью, могут посмотреть нормальный размер под катом. Считаю размещение большой (порядка 900х600 пикселей) картинки вне ката чрезмерным, хотя не критичным. Т.е. я не обижаюсь на такие каринки в своей ленте:), хотя и считаю размеры свыше 900х600 перебором, который мешает удобству. Сам стараюсь для предосмотра (т.е. вне ката) не использовать картинки более 600х400.
5. Для тех случаев, когда необходимо показать очень мелкие детали в кадре, имеет смысл сделать кроп исходного кадра и разместить его отдельно, в качестве дополнительного материала. Такой кроп может потребоваться для демонстрации качества исходника, но никогда не используется для оценки фотографии и её сюжета.
Примерно так. Описанный принцип не претендует на объективность. Другие подходы также могут быть оправданы, в зависимости от целей и ориентирации на определённую (ограниченную) аудиторию. Просто я рассказываю о своём подходе и надеюсь, что эта информация может оказаться полезной. Как всегда, буду благодарен за отзывы и встречные мнения.
