Подготовка изображений для интернета – Симков Михаил ≈ персональный сайт профессионального фотографа (Москва)
С момента появления всемирной информационной сети была актуальна, проблема размещения в ней изображений. Как правило текст страницы занимает всего несколько десятков килобайт, в то время как изображения могут быть в десятки, сотни раз больше по объему. Это приводит к ситуации когда пользователь открыв страницу, несколько минуть ожидает загрузки интересующей его иллюстрации. Например при отправке по электронной почте удается присоединить к письму только несколько снимков, т.к. почтовый сайт не принимает письма большего объема.
Фотографии получаемые цифровой камерой занимают так много места из за избыточной информации (разрешение, детали, оттенки цвета). Высокое разрешение необходимо при печати фотографии, но для того что бы получить впечатление от снимка на экране, достаточно его уменьшенной копии.
Самым популярным форматом размещения изображений в интернет является Jpeg, который благодаря своему алгоритму сжатия, оптимизирует изображение делая итоговый размер файла значительно меньше.
Чем меньше качество сжатия тем меньше размер файла, и тем больше “артефактов” на фотографии.
Деффекты сжатия в jpeg.Два способа уменьшить размер изображения.
Уменьшение разрешение изображения. Как правило цифровые камеры позволяют делать снимки разрешением 2000 на 3000 пикселей и больше. Разрешение экрана на котором просматривают эти фотографии редко превышает 1280 на 1024 пикселя. Таким образом уменьшив разрешение изображения до 1000 пикселей по широкой стороне, мы получим выигрыш в объеме файла с 1,25 Мб до 0,2 Мб т.е. в шесть раз. При этом изображение на экране будет выглядеть практически так же а загружаться заметно быстрее.
Увеличить степень сжатия. Формат jpeg позволяет уменьшить размер изображения, потеряв некоторые детали изображения. На практике низкое качество означает появление дефектов на изображении, т.н. «артефактов сжатия».
Эти дефекты становятся заметны они становятся только при приближении, а при обычном промоторе в браузере и вовсе незаметны.
[пример с ухудшением качества текста]
Снизив качество изображения с 80 до 40 мы уменьшили размер файла с 0,2 Мб до 0,06 Мб, т.е. почти в три с половиной раза.
«Сжатие» в Графическом редакторе.
Оба способа «оптимизции» размера фото, можно выполнить с помощью специализированных графических редакторов.
Расскажем как это сделать, с помощь одного из самых мощных и популярных программ- Adobe Photoshop.
Рассмотрим порядок действий:
Откройте ваше изображение в Photoshop ;
В горизонтальном меню выберите Файл (File)>Сохранить для Веб (Save for Web)
Выбрав Показать оптимизированное изображение Otimised (1), необходимо будет задать размер (2) и качество (3) конечного файла. Убедившись, что оно нас устраивает (4), сохранить (5) “оптимизированную” фотографию.
Выберите вкладку Размер изображения (Image size) (1), убедившись что стоит галочка сохранять пропорции (Constrain proportions) (2). Укажите ширину (Width) в 1000 пикселей (3), а затем нажмите Применить (Apply) (4).
После изменения разрешения и качества, можно оценить размер конечного файла, по числам в нижнем левом углу экрана.
размер файла и время его загрузки, указывается в нижней части экрана.Укажите формат изображения Jpeg (1), задайте качество изображения 40 (2), и нажав Сохранить (Save) (3), укажите директорию сохранения “оптимизированного” файла.
Для автоматической обработки большого количества файлов необходимо обратиться к пункту Автоматизация > Пакетная обработка (предварительно записав последовательность в пункте Действия).
Существует бесплатный редактор XnView так же позволяющий уменьшать размер изображения.
Вот порядок действий:Запустив программу необходимо найти и открыть в её браузере выбранное изображение,
Выберите пункт горизонтального меню Рисунок > Изменение размера
Убедившись, что стоит галочка напротив “сохранять пропорции” (1), укажите ширину в 1000 пикселей (2), а затем нажмите Ок (3).
Далее выберите в горизонтальном меню Файл > Экспорт .
Убедитесь что формат исходного файла выбран как Jpeg (1), измените качество сжатия до 40 (2). Убедившись что итоговый размер файла достаточно мал (3), выберите Сохранить (4) и укажите место для сохранения оптимизированного изображения.
Совершив чуть больше действий по сравнению с Фотошопом, мы имеем тот же результат.
Для автоматической обработки большого количества файлов, в программе предусмотрена пакетная обработка фалов.
При создании изображений для размещения в сети, рекомендуется оставлять оригиналы, т.
к. «оптимизированный» вариант будет посредственно смотреться на печати, и как правило не годится для последующей обработки.Фото-сайты. Для размещения изображений в интернете, так же можно использовать специализированные сайты, позволяющие пользователям хранить на них свои снимки. Обычно такие сервисы предлагают автоматически уменьшить и оптимизировать изображение. Пользование такими ресурсами не требует от пользователя, наличие какого либо программного обеспечения на своем компьютере, и может быть весьма удобным для человека далекого от компьютера.
Благодаря развитию инфраструктуры, и конкуренции между провайдерами, с каждым днем скорость доступа в интернет увеличивается. Для конечного пользователя, это означает то, что уже нет такой острой необходимости, в сжатии, «оптимизации» фото. С другой стороны, не стоит забывать, что «быстрый» и безлимитный интернет доступен далеко не всем и всегда.
Небольшое разрешение фотографий, еще один из способов защитить свое авторское право.
§ 69. Разрешение картинок
§ 70
§ 68
Артемий Лебедев
16 июня 2001
01
Попробуем разобраться в одном из самых больших заблуждений человечества за всю историю существования экранной графики.
02
Дело в том, что у электронного изображения вообще нет разрешения. Разрешение (точнее, разрешающая способность) может быть только у приспособления ввода/вывода — монитора, принтера, сканера, фотоаппарата.
03
В науке разрешающую способность измеряют в количестве различимых параллельных линий или точек на миллиметр. Поэтому есть смысл измерять линии на миллиметр или точки на дюйм у монитора и принтера, а не у изображения.
04
Картинке в «Фотошопе» совершенно все равно, сколько ей задать точек на дюйм в форме изменения размера картинки. Этот параметр ни на что не повлияет при выводе изображения на экран. Потому что картинка состоит из такого-то количества пикселей в ширину на такое-то количество в высоту.
05
Многочисленные авторы учебников и книг по созданию сайтов либо советуют использовать 72 или 96 точек на дюйм, либо деликатно обходят вопрос стороной. Функция «сохранить для веба» в «Фотошопе» тупо сохраняет все картинки с разрешением 72 точки на дюйм. Обойти это можно, только пользуясь другими инструментами для сохранения файлов, но это все равно ничего не даст, так как разрешение, записанное в форматах ГИФ или джипег, проигнорируют и браузер, и монитор.
06
Загадочные 72 точки на дюйм идут с тех времен, когда имело смысл слово «визивиг». То есть 72 последовательных пикселя на экране Макинтоша печатались линией длиной в один дюйм на бумаге. Пиксель на заре настольно-издательских революций решили приравнять к типографскому пункту, который никогда не был равен 1⁄72 дюйма, но всегда был близок к этому значению (в разных странах причем по-разному).
WYSIWYG — what you see is what you get (что видишь [на экране], то и получишь [при печати] — англ.)
07
Это же соотношение лежит в основе языка «Постскрипт», под управлением которого работают большинство принтеров в мире, а также всех программ, произведенных компанией «Адобе».
Разумеется, компьютеры победили, и сегодня в одном дюйме 72 пункта.
См. также: § 81. Жизнь и необычайные приключения типографского пункта
08
Если ГИФу установить разрешение в одну точку на дюйм, то ничего не произойдет. Сколько изображение занимало пикселей по высоте и ширине, столько и будет занимать. Если увеличивать значение разрешения, то некоторые программы будут пытаться соответственно уменьшать изображение при выводе на принтер, компенсируя по дороге несоответствие размера пикселя одной точке принтера.
09
Фактоид
Размер пикселя — это как размер ангела: точных данных ни у кого нет.
10
При попытке напечатать ровно один пиксель, разные программы будут выдавать разные результаты. Сторона одного напечатанного на бумаге пикселя в среднем равна 0,35 мм.
11
Для экрана же разрешение роли не играет. Браузер вообще не интерпретирует это значение (хотя у разных браузеров свое представление о том, что такое пиксель в миллиметрах на печати).
«Фотошоп» использует разрешение по назначению только при печати — как логическое значение.
12
Подробнее о происхождении 72 и 96 точек, а также о разрешении экрана — следующий параграф.
656667686970717374
Оглавление
Миф о разрешении экрана и Интернета 72 PPI
Автор сценария Стив Паттерсон.
Если вы некоторое время работали с компьютерами и цифровыми изображениями, особенно если вы веб-дизайнер или фотограф, публикующий свои фотографии в Интернете, вы, несомненно, слышали, что правильное разрешение для изображений, отображаемых в Интернете, или на экранах компьютеров в целом, составляет 72 пикселя на дюйм (ppi).
Возможно, вы даже слышали, что, хотя разрешение 72 ppi является правильным для изображений, отображаемых на Mac, для ПК с Windows требуется разрешение, установленное на 9.6 точек на дюйм.
Одни говорят, что это «ppi» ( пикселей на дюйм), другие утверждают, что это «dpi» ( точек на дюйм), и все это стало бы очень запутанным, если бы не один маленький факт — все это полная чушь ! В этом уроке мы узнаем, почему просто не существует такого понятия, как стандартное веб-разрешение или разрешение экрана, и почему, если ваши изображения предназначены для Интернета, вам вообще не нужно беспокоиться о разрешении изображения!
Немного истории.
.. Происхождение разрешения экрана 72 ppi восходит к середине 19 века.80-х, когда Apple выпустила свои первые компьютеры Macintosh. Эти компьютеры имели встроенный 9-дюймовый дисплей с разрешением экрана 72 пикселя на дюйм. Почему 72 пикселя на дюйм? Это связано с тем, что экраны Macintosh были специально разработаны для идеальной работы с принтерами Apple ImageWriter, разрешение печати которых составляло 144 точки на дюйм, что ровно в два раза превышает разрешение экрана. Это упростило масштабирование экрана до размера печатной страницы, а это означало, что ваш текст и графика можно было предварительно просмотреть на экране в том размере, в котором они будут отображаться при печати. Позже, когда Apple начала делать большие дисплеи для Macintosh, они позаботились о том, чтобы разрешение экрана было установлено на те же 72 пикселя на дюйм, чтобы пользователи всегда могли видеть точный предварительный просмотр распечатанного документа на экране (пока они были с помощью принтера ImageWriter).
Но разрешение экрана 72 пикселя на дюйм было стандартом только для Apple, и долго оно не продержалось. Сторонние компании, продающие мониторы для Macintosh, не придерживались стандарта, как и конкурирующие мониторы для ПК. Сегодня, почти три десятилетия спустя, технологии значительно улучшились, и времена экранов с разрешением всего 72 ppi давно прошли. Даже Apple, компания, с которой все началось, теперь продает свои дисплеи с гораздо более высоким разрешением. Никто больше не делает экраны с разрешением 72 ppi. никто не 
Испытание стандарта 72 PPI
Как и у всех в наши дни, дисплей вашего компьютера (будь то автономный монитор, многофункциональная система, такая как iMac, или часть ноутбука) имеет разрешение экрана выше 72 пикселей на дюйм, и вы не можете должен поверить мне на слово. Вы можете легко проверить это самостоятельно. Все, что вам нужно, это линейка или рулетка. Теперь, когда магазин продает вам компьютерный монитор, вам обычно говорят о его размере, исходя из его ширины по диагонали , причем некоторые распространенные размеры составляют 17 дюймов, 19 дюймов, 24 дюйма и так далее. Это нормально, но для нашего теста нам не нужно заботиться об этом числе. Нам нужно выяснить фактическую ширину , в дюймах, вашего экрана. Для этого просто возьмите линейку или рулетку и измерьте площадь экрана слева направо. Убедитесь, что вы измеряете только саму область экрана. Не включайте границу вокруг экрана. Нам нужна фактическая ширина экрана (фото монитора компьютера с Shutterstock):
Измерьте ширину экрана (не включая внешнюю границу).
После того, как вы измерили ширину, вам также нужно убедиться, что ваш монитор настроен на собственное разрешение экрана , которое является фактическим количеством пикселей, которое ваш экран может отображать слева направо и сверху. на дно. Например, монитор с исходным разрешением экрана 1920 x 1080 (в наши дни его обычно называют «full HD») содержит 1920 пикселей слева направо и 1080 пикселей сверху вниз. В настоящее время я использую монитор с собственным разрешением экрана 2560 x 1440, но мой ноутбук имеет собственное разрешение экрана 1920 x 1200, поэтому оно различается, а это значит, что вам нужно знать собственное разрешение экрана вашего конкретного монитора и убедиться, что оно установлено в параметрах дисплея вашей операционной системы.
Теперь, когда вы измерили реальную ширину экрана и убедились, что ваш монитор работает с исходным разрешением экрана, чтобы узнать фактическое разрешение экрана (в пикселях на дюйм), просто возьмите первое число из собственное разрешение экрана, которое указывает ширину экрана в пикселях и делит ее на ширину экрана в дюймах.
Например, мое родное разрешение экрана 2560 x 1440, поэтому я возьму первое число, 2560, то есть ширину экрана в пикселях, и разделю его на ширину в дюймах, которая в моем случае была 23,4 (или очень близко, во всяком случае). Используя удобный встроенный калькулятор моей операционной системы, 2560 ÷ 23,4 = 109.4, которое я округлю до 109. Итак, только из этого быстрого и простого теста я подтвердил, что разрешение моего экрана составляет 109 пикселей на дюйм , , а не 72 пикселя на дюйм. Ваш собственный тест с вашим экраном может дать вам результат, отличный от моего, но если вы все еще не используете один из тех оригинальных компьютеров Macintosh середины 80-х, он будет намного выше, чем 72 ppi.
Если хотите, вы можете сделать то же самое с высотой экрана. Просто возьмите линейку или рулетку и измерьте фактическую высоту экрана в дюймах (еще раз избегая области вокруг него):
Измерьте высоту экрана (не включая внешнюю границу).
Затем возьмите второе число из собственного разрешения экрана вашего экрана, которое дает вам высоту в пикселях, и разделите его на высоту в дюймах.
Опять же, мое собственное разрешение экрана составляет 2560 x 1440, поэтому я возьму это второе число, 1440, и разделю его на измеренную высоту экрана, которая составила 13,2 дюйма. Используя мой калькулятор, 1440 ÷ 13,2 = 109,09, который я снова округлю до 109. Как мы видим, вы должны получить практически одинаковый результат, используя ширину или высоту вашего экрана. В моем случае они оба отработали до 109.пикселей на дюйм, а не 72 пикселя на дюйм.
Для сравнения проверим реальное разрешение экрана моего ноутбука. Это MacBook Pro (конечно, сделанный Apple, компанией, которая много лет назад дала нам оригинальный стандарт 72 ppi). Мой MacBook Pro имеет собственное разрешение экрана 1920 x 1200, поэтому, как и раньше, я возьму первое число, 1920, которое дает мне ширину экрана в пикселях, и разделю его на ширину экрана. экран в дюймах, который в данном случае равен 14,4. Итак, 1920 ÷ 14,4 = 133,3, которое я округлю до 9.0025 133 пикселя на дюйм . Это лотов, выше, чем 72, и даже выше, чем у моего автономного монитора.
Я сделаю то же самое с высотой, взяв высоту в пикселях (1200) и разделив ее на высоту в дюймах (9). 1200 ÷ 9 = 133,3, снова округляем до 133 пикселей на дюйм.
Два разных дисплея, каждый с двумя разными разрешениями экрана (109 пикселей на дюйм и 133 пикселей на дюйм), оба значительно выше 72 пикселей на дюйм, что, по мнению многих людей, сегодня остается отраслевым стандартом разрешения для просмотра изображений в Интернете и на экране. Если мой экран, ваш экран и экран всех остальных имеет разрешение выше 72 ppi, не говоря уже о том, что оба моих экрана имели очень сильно отличающееся друг от друга разрешение и ваш экран может иметь и другое разрешение, то однозначно, не только официального стандарта разрешения экрана больше нет, а если бы и был, то уже не 72 ppi. Те дни, как и первые компьютеры Macintosh, для которых он был разработан, ушли в прошлое.
Разрешение изображения влияет на размер печати, а не на размер экрана
Если тот факт, что сегодня все компьютерные мониторы имеют разрешение экрана выше 72 пикселей на дюйм, не убедил вас в том, что больше нет такой вещи, как стандарт разрешения экрана 72 пикселей на дюйм, вот еще один важный факт, который следует учитывать.
Если вы ранее читали наше руководство «Разрешение изображения, размеры в пикселях и размер документа», вы уже знаете, что разрешение изображения не имеет абсолютно никакого отношения к тому, как ваше изображение отображается на экране. На самом деле, цифровое изображение само по себе не имеет собственного разрешения. Это просто пиксели. Он имеет определенное количество пикселей слева направо и определенное количество сверху вниз. Ширина и высота изображения в пикселях известны как его пикселей размером , и это все, что нужно экрану компьютера.
Размер изображения на экране зависит только от двух факторов: размера изображения в пикселях и разрешения экрана. Пока вы установили для своего экрана собственное разрешение экрана, как мы обсуждали ранее, изображение будет отображаться попиксельно. Другими словами, каждый пиксель изображения будет занимать ровно один пиксель на экране. Например, изображение размером 640×480 пикселей заполнит область экрана размером 640×480 пикселей.
Баннер шириной 800 пикселей на веб-сайте будет отображаться на экране шириной 800 пикселей. Не больше, не меньше. И независимо от того, какое разрешение изображения вы установите в Photoshop, будь то 72 ppi, 300 ppi или 3000 ppi, это никак не повлияет на то, насколько большим или маленьким будет изображение на экране.
Это потому, что разрешение изображения влияет только на одну вещь — размер изображения при печати . Установив разрешение в Photoshop, мы сообщаем принтеру , а не экрану, сколько пикселей изображения нужно втиснуть в дюйм бумаги. Чем больше пикселей вы втиснете в каждый дюйм бумаги, тем меньше будет изображение при печати. Вообще говоря, чем больше пикселей вы печатаете на дюйм, тем выше качество печати.
Мы можем легко вычислить, какого размера будет напечатана фотография, исходя из определенного разрешения изображения. Просто возьмите ширину фотографии в пикселях и разделите ее на разрешение изображения, затем возьмите высоту фотографии в пикселях и разделите ее также на разрешение изображения.
Если мы возьмем в качестве примера изображение размером 640 x 480 пикселей и установим для него разрешение 72 ppi в Photoshop, то мы можем разделить ширину и высоту фотографии на ее разрешение, чтобы определить, что она будет напечатана на бумаге с разрешением примерно 8,9.х 6,7 дюйма. Если мы увеличим его разрешение в Photoshop, скажем, до 240 пикселей на дюйм, что является более распространенным разрешением печати, то, опять же, если мы сделаем математику, разделив ширину и высоту пикселя на 240 пикселей на дюйм, мы знаем, что фотография будет напечатана с размером размером 2,7 x 2 дюйма, что намного меньше, чем если бы мы напечатали его с разрешением 72 ppi, но общее качество печати было бы намного лучше. Но здесь важнее понять, что, изменяя разрешение, мы никоим образом не влияем на внешний вид изображения на экране.
Чтобы лучше увидеть, как разрешение влияет на размер отпечатка, а не на размер экрана, вот изображение, которое я открыл в Photoshop. Этот маленький парень тоже пытался разобраться во всех этих вещах с веб-разрешением 72 ppi, но похоже, что он может немного переусердствовать (задумывая детское фото с Shutterstock):
Разрешение изображения на самом деле не такое уж сложное, но определенно требует усилий.
Я открою диалоговое окно Размер изображения Photoshop, перейдя к Изображение в строке меню в верхней части экрана и выберите Размер изображения :
.Переход к Изображение > Размер изображения.
В верхней части диалогового окна Image Size находится раздел Pixel Dimensions , который сообщает нам ширину и высоту изображения в пикселях. Здесь мы видим, что моя фотография имеет ширину и высоту 500 пикселей, что делает ее приличным размером для отображения в Интернете. Это единственная часть диалогового окна «Размер изображения», о которой заботится экран вашего компьютера — фактические размеры изображения в пикселях:
В разделе Размеры в пикселях показаны ширина и высота в пикселях.
Под размерами в пикселях находится раздел Размер документа , который сообщает нам, насколько большим будет изображение на бумаге, если мы его распечатаем. Этот раздел касается исключительно размера печати и никак не влияет на то, как изображение отображается на экране.
Кроме того, здесь находится очень важная опция Разрешение (почему мы все здесь!), что имеет смысл, поскольку разрешение влияет на размер печати, а не на размер экрана. Как мы видим, Photoshop пошел дальше и установил разрешение моей фотографии на 72 пикселя на дюйм (да, даже Photoshop вносит свой вклад в миф о 72 ppi), и прямо над параметром «Разрешение», в полях «Ширина» и «Высота», мы можно увидеть, что при разрешении 72 ppi моя фотография размером 500 x 500 пикселей будет напечатана с разрешением 6,9.44 x 6,944 дюйма на бумаге (500 ÷ 72 = 6,944):
В разделе «Размер документа» отображается размер отпечатка в зависимости от текущего разрешения. На размер экрана это никак не влияет.
Посмотрим, что произойдет, если я увеличу разрешение изображения. Однако прежде чем я это сделаю, я быстро сниму флажок с параметра Resample Image в нижней части диалогового окна, чтобы изображение сохраняло исходные размеры в пикселях при изменении разрешения:
.
Снятие флажка с параметра «Пересэмплировать изображение».
Если флажок Resample Image не установлен, я увеличу разрешение с 72 пикселей на дюйм до 240 пикселей на дюйм . Мы можем видеть в разделе «Размеры в пикселях» вверху, что увеличение разрешения не изменило фактические размеры в пикселях. Он по-прежнему имеет размер 500 x 500 пикселей, что означает, что он по-прежнему будет занимать на экране область размером 500 x 500 пикселей. Но при 240 ppi он теперь будет печатать на бумаге размером всего 2,083 x 2,083 дюйма (500 ÷ 240 = 2,083). Изменение разрешения изменило размер печати фотографии, но больше ничего:
Изображение теперь печатается меньше, но остается точно таким же размером 500 x 500 пикселей на экране.
Я снова увеличу разрешение изображения, на этот раз до чего-то сумасшедшего, например, 500 пикселей на дюйм , просто чтобы упростить вычисления. Изображение размером 500 x 500 пикселей с разрешением 500 пикселей на дюйм будет напечатано на бумаге как изображение размером 1 x 1 дюйм (500 ÷ 500 = 1).
И снова реальные размеры изображения в пикселях не изменились. Даже при разрешении 500 пикселей на дюйм мое изображение будет выглядеть на экране не больше и не меньше, чем при разрешении 72 пикселей на дюйм или 240 пикселей на дюйм, или при любом разрешении, потому что оно по-прежнему имеет размер 500 x 500 пикселей независимо от настройки разрешения, а его размеры в пикселях равны все, что заботит экран вашего компьютера:
При разрешении 500 пикселей на дюйм изображение действительно будет очень маленьким, но все равно будет отображаться на экране как изображение размером 500 x 500 пикселей.
Наконец, вот параллельное сравнение изображения, которое появляется во всех трех вышеупомянутых разрешениях. Я уменьшил изображение (теперь оно составляет всего 200 x 200 пикселей), поэтому я могу разместить все три версии рядом друг с другом, но первая версия слева была сохранена с разрешением 72 ppi. Версия в середине была сохранена с разрешением 240 ppi, а версия справа была сохранена с разрешением 500 ppi:
Версия изображения с разрешением 72 ppi (слева), 240 ppi (в центре) и 500 ppi (справа).
Как мы видим, разрешение никак не влияет на то, как изображение выглядит на экране. Каждая из трех версий занимает пространство ровно 200 x 200 пикселей независимо от настройки разрешения. Качество каждой версии также точно такое же. Каждая версия будет печатать с очень разным размером из-за разных настроек разрешения, но это не имеет никакого значения ни для размера экрана, ни для качества изображения.
Хотя сомнительно, что эта ерунда с 72 ppi для веб-сайтов и разрешения экрана исчезнет в ближайшее время, я надеюсь, что этот учебник, по крайней мере, помог понять, почему на самом деле это ерунда на данный момент. В наши дни все компьютерные мониторы имеют разрешение экрана выше 72 пикселей на дюйм, а параметр разрешения изображения в Photoshop влияет только на размер печати фотографии, а не на размер экрана.
Любая фотография с размерами в пикселях, достаточно малыми для отображения в Интернете, будет слишком мала для того, чтобы кто-либо мог загрузить и распечатать версию хорошего качества в удобном размере, поэтому с учетом всех этих причин, если ваша фотография будет просматриваться только на экране, будь то в Интернете, в электронном письме или в любом другом случае, просто нет логической причины, по которой вам нужно было бы установить его разрешение на 72 ppi в Photoshop.
Если вы не печатаете фотографию, вам вообще не нужно беспокоиться о разрешении изображения. И вот оно!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Миф о веб-изображениях с разрешением 72 PPI
Мы все слышали, что 72 пикселя на дюйм (ppi) лучше всего подходят для веб-разрешения или разрешения экрана, а 300 пикселей на дюйм — для разрешения печати, верно? Есть причины, по которым разрешение в пикселях на дюйм имеет значение для печати, но правило 72 ppi для веб-изображений — это миф, хотя когда-то в истории у него была причина. Разрешение печати, история компьютеров Mac и разрешение 72 ppi — это темы для отдельного разговора. Цель этой статьи — объяснить, почему настройка пикселей на дюйм, которую вы назначаете своим веб-изображениям, не имеет значения, несмотря на то, что нам сказали, что разрешение 72 пикселя на дюйм делает ваши изображения лучше всего на экране, позволяет им быстро загружаться и удерживает воров. от изготовления больших оттисков с них.
Оба изображения ниже имеют размер 1500 x 1000 пикселей, но одно было сохранено с разрешением 72 ppi, а другое — с разрешением 300 ppi. Можете ли вы сказать, что есть что? (Они сжаты, чтобы соответствовать макету блога, но вы можете щелкнуть правой кнопкой мыши, чтобы загрузить и просмотреть.)
Вы не можете сказать, потому что они , а не разные. На экране пиксели есть пиксели, и пиксели не меняют размер, пока вы не измените настройку разрешения вашего монитора. Оба этих изображения имеют одинаковые размеры в пикселях (1500 x 1000), поэтому они занимают одинаковое количество пикселей на экране независимо от настройки пикселя на дюйм.
В этом видео я покажу, почему вы можете установить для параметра ppi любое значение, которое вы хотите, и все, что имеет значение для веб-изображений, это размеры в пикселях.
Итак, если количество пикселей на дюйм не имеет значения, для чего нужна настройка ppi? Ответ заключается в том, что изменение количества пикселей на дюйм изменяет размер изображения, которое будет напечатано.
Размер пикселей на экране определяется разрешением вашего монитора. Единственное, что волнует ваш монитор, это количество пикселей в изображении. Но принтер может печатать пиксели разного размера. Параметр ppi сообщает принтеру, насколько большими или маленькими будут печатать пиксели. Пиксели большего размера делают отпечаток большего размера, а пиксели меньшего размера — меньшего размера. Но если вы напечатаете слишком большие пиксели, они станут видны при ближайшем рассмотрении, что мы называем пикселизацией. Где-то около 150 пикселей на дюйм — это то место, где мы можем начать видеть пиксели.
Суть в том, что при изменении размера изображений для Интернета вам нужно беспокоиться только о количестве пикселей в изображении. Если вы хотите, чтобы изображение было достаточно маленьким для быстрой загрузки и не имело большого количества деталей при большой печати, уменьшите количество пикселей (а также установите более низкое качество jpg, чтобы уменьшить размер файла). Вам не нужно беспокоиться о настройке ppi, потому что это не имеет значения.
Как я показываю в видео, размер файла или качество изображения не меняются при 1 ppi, 72, ppi, 300 ppi или любом другом значении, которое вы выберете.
Для справки: изображение размером 1500 x 1000 пикселей будет напечатано шириной 5 дюймов с разрешением печати 300 пикселей на дюйм. 1500 x 1000 — это размер, который я сейчас использую для большинства изображений, которыми я делюсь в Интернете. Он достаточно велик, чтобы в основном заполнить HD-монитор 1920 x 1080p, но достаточно мал, чтобы не печатать большие детализированные отпечатки.
Это одна из тех идей, которые продолжают циркулировать. Я знаю, что это вызывает путаницу у многих из нас, поэтому я надеюсь, что эта статья и видео помогли. Понимание разрешения, просмотра экрана, печати и качества изображения может быть сложным, поэтому дайте мне знать, если у вас есть вопросы. Ваше здоровье!
Шон Бэгшоу
Шон — фотограф на открытом воздухе, энтузиаст разработки цифровых изображений и преподаватель фотографии из Ашленда, штат Орегон, где он проживает со своей женой и двумя сыновьями.
