3. Чисто декоративные изображения

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

• Избегайте использования элемента HTML для декоративных изображений; вместо этого представляйте изображение как фоновое изображение, используя каскадные таблицы стилей (CSS).
• При использовании элемента HTML добавьте пустой атрибут alt ( alt = "" ).
• Если используется элемент HTML , добавьте следующий атрибут: role = "presentation" .

Список литературы

лучших настроек экспорта Lightroom для Интернета, печати, Facebook… (бесплатные наборы настроек для экспорта) • PhotoTraces

Lightroom, безусловно, самая важная программа для моей фотографии. Но концепцию Lightroom не всегда легко понять из-за ее уникальности.

Lightroom не выполняет определенных функций, таких как редактирование изображений, векторная графика, композиция видео или редактирование видео, как в других приложениях. По сути, это приложение, относящееся к категории «программа рабочего процесса». Это означает, что Lightroom предоставляет множество функций с организационной стороны, таких как управление цифровыми активами (DAM), разработка изображений и редактирование, до множества вариантов публикации (Интернет, печать, социальные платформы).

Настройки экспорта Lightroom

Универсальность и уникальность Lightroom добавляют сложности для новых пользователей.Самая запутанная концепция для людей, впервые использующих Lightroom, — это процесс импорта. Вы просто не можете щелкнуть изображение и открыть его в Lightroom, как в других программах. Вместо этого вы должны пройти многоэтапный процесс импорта.

Связанные : Замена Lightroom без абонентской платы

Вторая концепция, которую сложно понять, — это экспортный процесс. Опять же, вы не можете просто выбрать изображение и использовать знакомую опцию «Сохранить как», чтобы сохранить его в желаемом формате.Как и в случае с импортом изображений, существует процесс экспорта.

Сегодняшняя статья посвящена упрощению понимания процесса экспорта и устранению ненужных сложностей.

Связанные : Бесплатные уроки и советы по Lightroom

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

Это когда процесс экспорта вступает в игру.

Чтобы начать процесс экспорта, необходимо активировать панель экспорта Lightroom. Это можно сделать тремя разными способами.

• Вариант 1 : В верхнем меню вы можете выбрать Файл> Экспорт .
• Вариант 2 : можно использовать сочетание клавиш Ctrl + Shift + E .
• Вариант 3 : Вы можете выбрать фотографию или несколько фотографий в модуле «Библиотека» или «Разработка», затем щелкнуть правой кнопкой мыши (Option-щелчок) и выбрать параметр «Экспорт».Это мой любимый вариант, и я использую его чаще всего.

Откроется панель экспорта.

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

Место экспорта

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

Именование файлов

Здесь у вас есть необязательный выбор для переименования ваших изображений.

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

Видео

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

Параметры файла

Это, вероятно, самые важные из всех вариантов экспорта. Вам необходимо указать, в каком формате изображения вы хотите сохранить фотографию, цветовое пространство и параметры сжатия.

Связанные : Мои лучшие советы по работе с Lightroom

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

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

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

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

Заточка вывода

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

Связанные : Как отменить в Lightroom

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

Метаданные

Здесь вы можете указать, какую дополнительную информацию вы хотите включить в свое изображение. Но нужно быть осторожным. Если вы выберете опцию ВСЕ МЕТАДАННЫЕ, то место, где была сделана фотография, будет встроено. Это означает, что если вы сделали снимок у себя дома, информация будет общедоступной.

Выбор авторских прав и контактов всегда является безопасным выбором.Но когда я делюсь фотографиями из путешествий, я хочу, чтобы информация о местоположении была доступна моим читателям, поэтому я выбираю опцию ВСЕ МЕТАДАННЫЕ.

Водяной знак

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

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

Постобработка

Здесь вы можете указать, что делать с изображением после его экспорта в Lightroom. Например, у вас есть возможность открыть его в браузере файлов (проводник, Finder) или открыть в Photoshop, если вы планируете редактировать его дальше.

Я всегда использую опцию DO NOTHING , потому что считаю более гибким использование Bridge, если мне нужно отредактировать изображение в другом приложении.

Воспользуйтесь преимуществами экспортных предустановок

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

По теме : Что такое мягкая проверка в Lightroom?

Я настоятельно рекомендую создавать свои собственные предустановки экспорта, которые отражают ваш рабочий процесс фотографии.Но пока вы можете увидеть мои рекомендуемые настройки экспорта для различных сценариев рабочего процесса фотографии. Я даже создал для вас экспортные пресеты. Они абсолютно бесплатны! (см. Конец статьи).

Используйте мои предустановки как основу для создания собственных предустановок экспорта.

Настройки экспорта Lightroom для Интернета

Самая важная настройка при сохранении в Интернете — это настройки сжатия JPEG. Вам нужно, чтобы изображение было как можно меньше без потери качества.Исходя из моего опыта, сжатие 77% — это наименьшее значение, прежде чем изображение начнет быстро ухудшаться.

Связанные : Как контролировать насыщенность и яркость в Lightroom

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

Лучшие настройки экспорта Lightroom для печати

Ниже приведены рекомендуемые параметры экспорта для печати.Используйте цветовое пространство sRGB, качество 100% и параметры печати для повышения резкости.

Настройки экспорта Lightroom для изображений с высоким разрешением

Это настройки экспорта, которые я использую при архивировании изображений. Как вы, наверное, знаете, я использую сервис SmugMug для архивирования, хостинга изображений и онлайн-продаж. Цель здесь — сохранить мое окончательное изображение в исходном размере и со 100% качеством, чтобы я мог повторно использовать его в будущем для различных целей.

Настройки экспорта Lightroom для Facebook

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

Цель состоит в том, чтобы использовать размер 2048 пикселей с наилучшим возможным качеством.

Настройки экспорта Lightroom для Instagram

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

Пожалуйста, ознакомьтесь с моей специальной статьей о настройках экспорта Lightroom для Instagram

Экспорт пресетов Lightroom

Здесь вы можете получить мои предустановки экспорта Lightroom для Интернета, печати, архивирования, Facebook и Instagram.

Скачать бесплатные экспортные пресеты

статей, относящихся к «Лучшие настройки экспорта Lightroom для Интернета, печати, Facebook… (бесплатные предустановки экспорта)»

форматов веб-графики

форматов веб-графики

Вернуться на страницу пятого класса »

Назначение

• Визуальная / эстетическая привлекательность — поддерживает интерес и внимание посетителей
• Создать визуальную структуру — прояснить иерархию информации (подумайте о типографике и иерархии здесь)
• Обменивайтесь идеями визуально

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

Руководство по веб-графике

• Веб-графика должна соответствовать назначению, организации и стилю сайта
• Большая (размер файла) графика увеличивает время загрузки страницы — избегайте.
• Графика должна помочь сосредоточить внимание посетителя на том, что важно на странице
• Избегайте надоедливых изображений, анимации, ненужных эффектов — они быстро стареют без цели.
• Графика никогда не должна использоваться для текстового содержимого, за исключением случаев, когда заголовок требует включения логотипа.. Это снижает индексирование поисковыми системами, доступность и т. Д.
• Сделайте графику доступной с альтернативным текстом.
• Убедитесь, что при использовании текста в графике имеется достаточный контраст, чтобы он был разборчивым. Это особенно важно при использовании фоновых изображений.

Форматы веб-графики

Существует три формата файлов графики, используемых в Интернете: JPG, GIF и PNG. Каждый из этих форматов файлов разработан с определенной целью, поэтому важно понимать различия, когда мы используем их на наших веб-сайтах.

JPG

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

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

При сохранении изображений в формате JPG вы можете выбрать уровень сжатия, чтобы сбалансировать размер файла и качество изображения.Размер файла напрямую связан с фактическим размером (в пикселях) изображения. Чем больше размер пикселя, тем больше размер файла.

Примеры изображений, которые следует сохранить в формате JPG:

GIF и PNG

В форматах изображений GIF и PNG используется так называемый «индексный цвет». Они хранят минимизированную цветовую палитру в файле изображения и ключи к тому, где эти цвета должны быть расположены на изображении. Размер файла изображений в формате GIF и PNG обычно зависит от количества используемых цветов.Стандартные номера цветов: 2, 4, 8, 16, 32, 64, 128, 256.

Форматы изображений GIF и PNG идеально подходят для изображений с ровными цветами (без градиентов) и резкими краями. Распространенными примерами этих типов изображений являются логотипы, логотипы и иллюстрации без градиентов.

Прозрачность

Форматы GIF и PNG также поддерживают прозрачность. Если вам нужен какой-либо уровень прозрачности в вашем изображении, вы должны использовать либо GIF, либо PNG.

изображений GIF (а также PNG) поддерживают одноцветную прозрачность.Это в основном означает, что вы можете сохранить изображение с прозрачным фоном.

Давайте возьмем логотип Good Food в качестве примера. Это должен быть файл изображения, потому что мы используем необычный шрифт, а также изображение яблока вместо a. Мы хотим, чтобы наш логотип располагался на светло-зеленом фоне. Вот цвет фона, на котором мы сохраняем логотип.

Если бы мы сохранили логотип в формате JPG, мы бы застряли на каком-то цвете фона.

JPG не даст нам прозрачности

Очевидно, что цвет фона в этой ситуации не идеален.Если мы сохраняем изображение в формате GIF, мы можем использовать прозрачный цвет фона.

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

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

Переменная прозрачность

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

Самый простой способ продемонстрировать переменную прозрачность — это на примере. Ниже одно и то же изображение дважды на двух разных цветах фона.

Обратите внимание, как цвет фона просто исчезает в изображении. Это будет работать хуже, если вы сохраните как png8.Обязательно сохраните как png24.

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

GIF против PNG

В этот момент вам может быть интересно, как узнать, когда использовать GIF или PNG. GIF — это более старый формат файлов, восходящий к началу 1990-х годов.
Мы использовали его для действительно неприятной анимации изображений (на самом деле, мы все еще делаем). GIF — единственный формат файла, который может это сделать.
Но, если вы не планируете делать что-то для Facebook или MySpace, вы, вероятно, не захотите использовать анимированный GIF.

Формат PNG — более новый и лучший формат. Раньше мы использовали GIF из соображений совместимости,
но к настоящему времени любой браузер, не поддерживающий PNG, — это , на самом деле старый браузер .
Формат PNG использует лучшую схему сжатия, чем GIF, поэтому размеры файлов, как правило, меньше.
Кроме того, изображения PNG можно дополнительно сжать с помощью инструмента сжатия, такого как Smush.it.

Сводка по формату изображения

JPG

Используется для фотографий или любых изображений с плавными переходами между цветами.Не поддерживает прозрачность.

PNG

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

GIF

Более старый формат. Обычно не нужно его использовать, но знайте, что он существует.

Вернуться на страницу пятого класса »

Главная — Веб-фотогалерея Тейлор Свифт

Последние обновленные альбомы
обложки фанатских изданий с цифровым автографом3 июня 2021 г.	Twitter Pictures28 мая 2021 г.	# 00815 мая 2021 г.	The Brit Awards 2021 12 мая 2021 г.	Официальная награда за альбом № 1 от Official Charts Company за Fearless (версия Тейлора) 4 мая 2021 г.
INROCK (май 2021 г.) 12 апреля 2021 г.	дискиАпрель 09, 2021	буклет9 апреля 2021 г.	задняя крышка3 апреля 2021 г.	Просмотров (22 марта 2021 г.) 22 марта 2021 г.
Категория	Альбомы	Файлы
Появления От Эллен до выставок CMA и показов мод, здесь вы найдете любые фотографии внешнего вида.	509	54,810
ФотосессииПосмотрите эксклюзивные кадры профессиональных фотосессий и закулисные фотографии.	308	4 830
Кандиды Вне зависимости от того, идет ли она в студию или прогуливается, вы можете найти все наблюдения Тейлора здесь.	1,169	46378
Отсканированные изображения Вы упустили возможность взять свою копию истории с обложки Тейлора? Здесь вы можете найти сканы любого журнала или другой печатной продукции.	549	2 642
Концерты и выступления С почти четырьмя турами хэдлайнеров и несколькими другими выступлениями на сцене есть много фотографий, на которых Тейлор делает свое дело на сцене.	594	32 756
Альбомы Проверьте все обложки альбомов Тейлора, включая обложки синглов и буклеты альбомов.	80	484
Музыкальные клипы У вас есть любимое видео? Посмотрите скриншоты, рекламные фотографии и многое другое из всех видео Тейлора!	125	17 352 90 570
ФильмыНайдите любые рекламные фотографии, скриншоты и кадры из событий Тейлора на серебряном экране!	31	475
Снимки экрана От видеоблогов до фотосессий любое видео, которое вы можете придумать, было разбито на снимки экрана, чтобы вы могли наслаждаться ими.	297	38 790
Другое Случайные фотографии, такие как фотографии Тейлора в Instagram, называют этот раздел своим домом.	171	4 394 90 570

Подготовка изображений для Интернета или печати

Состав:

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

Поиск и открытие Photoshop

Для подготовки изображений используется программа Adobe Photoshop. Если вы используете Macintosh , просто щелкните значок Photoshop в нижней части экрана, как показано на изображении ниже. Если его там нет, перейдите в «Приложения »> «Photoshop ».

.

Если вы используете Windows , щелкните меню «Пуск» в нижнем левом углу экрана. Найдите папку «Adobe» и выберите «Photoshop CS-2 Start»:

Вернуться к началу

Создание правильного размера изображения

Получение изображения подходящего размера — это первый шаг. Ваш текущий размер экрана

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

Открыв изображение в Photoshop, перейдите в меню «Изображение» и выберите «Размер изображения …».

Откроется окно «Размер изображения». Здесь вы можете установить изображение любого размера по вашему желанию. Снятие флажка «Ограничить пропорции» предоставит больше свободы в выборе размера изображения, но с риском выглядеть непропорционально.

Подготовка изображений для Интернета

При создании изображений для использования в Интернете очень важно сохранять небольшой размер файла. Для этого необходимо учитывать формат и степень сжатия.Для веб-изображений чаще всего используются форматы GIF и JPG. Эти форматы предлагают файлы небольшого размера и качество от среднего до очень высокого. GIF обычно используется для простых иллюстраций, а JPEG — для фотографий.
Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить для Интернета».

Откроется окно «Сохранить для Интернета».

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

Чтобы использовать формат JPEG, выберите в меню JPEG.

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

По завершении нажмите кнопку «Сохранить».

Чтобы сохранить изображение в формате GIF, выберите следующие параметры в меню настроек.

Поиграйте с настройкой «Цвета»: чем меньше цветов, тем меньше будет изображение.Используйте цветовую таблицу, чтобы удалить все лишние цвета; вы можете удалить цвета прямо из таблицы цветов. Чтобы удалить цвет из таблицы цветов, выберите цвет, который вы хотите удалить, а затем щелкните значок корзины. Следите за изменениями в размере оптимизированного изображения.

Когда вы закончите, нажмите OK и сохраните изображение.

Теперь ваше изображение готово к работе в Интернете.

Вернуться к началу

Подготовка изображений к печати

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

Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить как».

Откроется окно «Сохранить как».

Выберите, какой формат вы хотите использовать для своего изображения, и нажмите «Сохранить».

Ваше изображение готово к печати.

Вернуться к началу

Формат файла и руководство по DPI

Краткое руководство по формату файлов

	Плюсы	Минусы
JPEG	Отлично подходит для размещения фотографий в Интернете.	Дополнительная обивка. Сжатие необратимо.
GIF	Малый размер файла, сжатие без потерь. Отлично подходит для логотипов или простого искусства.	Работает только с изображениями, содержащими менее 256 цветов. Очень плохо для фотографий.
TIFF	Сжатие без потерь. Отличное качество изображения. Идеально для печати.	Большой размер файла.
PNG	Отличное качество изображения. Может использоваться в Интернете и в печати.	Не очень хорошо поддерживается.

Руководство по DPI

Уравнение DPI — полезный инструмент для определения размера вашего изображения на компьютере.

(Ширина изображения в дюймах x DPI) x (Высота изображения в дюймах x DPI) = Размер изображения на экране.

Пример:
(6 дюймов x 100 точек на дюйм) x (4 дюйма x 100 точек на дюйм) = 600 x 400 пикселей

Вернуться к началу

Миф о 72 PPI и разрешении экрана

Написано Стивом Паттерсоном.

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

Возможно, вы даже слышали, что в то время как 72 ppi является правильным для изображений, отображаемых на Mac, для ПК с Windows требуется разрешение 96 ppi.

Одни говорят, что это «ppi» ( пикселей, на дюйм), другие утверждают, что это «dpi» ( точек, на дюйм), и все это стало бы очень запутанным, если бы не один маленький факт — все это полная чушь. ! В этом уроке мы узнаем, почему просто не существует такой вещи, как стандартное разрешение экрана или экрана, и почему, если ваши изображения предназначены для Интернета, вам вообще не нужно беспокоиться о разрешении изображения!

Загрузите это руководство в виде готового к печати PDF-файла!

Немного истории…

Происхождение разрешения экрана 72 ppi восходит к середине 1980-х годов, когда Apple выпустила свои первые компьютеры Macintosh. Эти компьютеры имели встроенный 9-дюймовый дисплей с разрешением экрана 72 пикселя на дюйм. Почему 72 пикселя на дюйм? Это потому, что экраны Macintosh были специально разработаны для работы в идеальной гармонии с принтерами Apple ImageWriter, которые имели разрешение печати 144 точки на дюйм — ровно в два раза больше разрешения экрана. Это упростило масштабирование изображения на экране для печати страницы, а это означало, что текст и графику можно было предварительно просмотреть на экране в том же размере, в каком они будут отображаться при печати.Позже, когда Apple начала делать дисплеи большего размера для Macintosh, они позаботились о том, чтобы разрешение экрана оставалось равным 72 пикселям на дюйм, чтобы пользователи всегда могли видеть точный предварительный просмотр напечатанного документа на экране (пока они были с помощью принтера ImageWriter).

Но разрешение экрана 72 пикселя на дюйм было стандартом только для Apple, и это длилось недолго. Сторонние компании, продающие мониторы для Macintosh, не придерживались стандарта, как и конкурирующие мониторы для ПК.Сегодня, почти три десятилетия спустя, технологии значительно улучшились, и времена экранов с разрешением всего 72 ppi давно прошли. Даже Apple, компания, которая все это начала, теперь продает свои дисплеи с гораздо более высоким разрешением. Никто больше не делает экраны с разрешением 72 ppi. Никто больше не использует , используя экраны 72 ppi. И все же, несмотря на то, что эта старая технология далеко позади, у нас все еще есть множество людей, которые продолжают верить, что нам нужно установить разрешение наших изображений на 72 пикселя на дюйм в Photoshop, прежде чем загружать их в Интернет.Большинство людей думают, что причина в том, что изображения будут правильно отображаться на экране, поэтому давайте начнем с изучения простого способа доказать, что монитор вашего компьютера, как и все современные компьютерные мониторы, на самом деле имеет разрешение намного выше 72 пикселей на дюйм.

Испытание стандарта 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. Два дюйма. Используя мой калькулятор, 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, что я округлю до 133 пикселей на дюйм . Это на лот, на больше, чем 72 и даже выше, чем у моего автономного монитора. Я сделаю то же самое с высотой, взяв высоту в пикселях (1200) и разделив ее на высоту в дюймах (9). 1200 ÷ 9 = 133,3, снова округляем до 133 пикселей на дюйм.

Два разных дисплея, каждый с двумя разными разрешениями экрана (109 пикселей на дюйм и 133 пикселей на дюйм), оба значительно выше 72 пикселей на дюйм, что, по мнению многих, сегодня остается отраслевым стандартом разрешения для просмотра изображений в Интернете и на экране.Если мой экран, ваш экран и все остальные имеют разрешение выше 72 ppi, не говоря уже о том, что оба моих экрана имели очень разные разрешения друг от друга, и ваш экран также может иметь другое разрешение, тогда очевидно, что нет только больше нет официального стандарта для разрешения экрана, но даже если бы он был, он больше не был бы 72 ppi. Те дни, как и оригинальные компьютеры Macintosh, для которых он был разработан, стали историей.

Разрешение изображения влияет на размер печати, а не на размер экрана

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

Размер изображения на экране зависит только от двух факторов — размера изображения в пикселях и разрешения экрана. Пока вы установили собственное разрешение экрана, как мы обсуждали ранее, изображение будет отображаться попиксельно. Другими словами, каждый пиксель изображения будет занимать ровно один пиксель на вашем экране. Например, изображение размером 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 ppi, что является более распространенным разрешением печати, то опять же, если мы сделаем математику, разделив ширину и высоту пикселя на 240 ppi, мы узнаем, что фотография будет напечатана с размером размером 2,7 x 2 дюйма, что намного меньше, чем если бы мы напечатали его с разрешением 72 ppi, но общее качество печати было бы намного лучше. Но здесь важнее понять, что, изменяя разрешение, мы никоим образом не влияем на внешний вид изображения на экране.

Чтобы более четко увидеть, как разрешение влияет на размер печати, а не на размер экрана, вот изображение, которое я открыл в Photoshop. Этот маленький парень тоже пытался разобраться во всем этом веб-разрешении 72 ppi, но похоже, что он, возможно, немного над этим задумывается (думающее детское фото из Shutterstock):

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

Я открою диалоговое окно «Размер изображения в Photoshop», перейдя в меню Изображение в строке меню в верхней части экрана и выбрав Размер изображения :

Переход к изображению> Размер изображения.

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

Раздел Pixel Dimensions показывает нам ширину и высоту в пикселях.

Ниже размеров в пикселях находится раздел Document Size , который сообщает нам, насколько большим изображение было бы в настоящее время на бумаге, если бы мы его распечатали.Этот раздел касается исключительно размера печати и никак не влияет на то, как изображение отображается на экране. В нем также находится очень важная опция Resolution (причина, по которой мы все здесь!), Которая имеет смысл, потому что разрешение влияет на размер печати, а не на размер экрана. Как мы видим, Photoshop пошел дальше и установил разрешение моей фотографии на 72 пикселя на дюйм (да, даже Photoshop вносит свой вклад в миф о 72 ppi), и прямо над параметром Разрешение в полях Ширина и Высота мы Можно видеть, что при 72 ppi моя фотография 500 x 500 пикселей будет напечатана с разрешением 6.944 x 6,944 дюйма на бумаге (500 ÷ 72 = 6,944):

В разделе «Размер документа» отображается размер печати, основанный на текущем разрешении. На размер экрана это не влияет.

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

Снятие отметки с опции «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 ppi мое изображение не будет больше или меньше на экране, чем при 72 ppi, или 240 ppi, или при любом разрешении, потому что это все еще изображение размером 500 x 500 пикселей независимо от настройки разрешения, а его размеры в пикселях равны все, о чем заботится экран вашего компьютера:

При 500 ppi изображение действительно будет очень маленьким, но все равно будет отображаться на экране как изображение размером 500 x 500 пикселей.

Наконец, вот параллельное сравнение изображения, как оно появляется при всех трех из указанных выше разрешений. Я уменьшил изображение (теперь оно составляет всего 200 x 200 пикселей), поэтому я могу разместить все три версии рядом друг с другом, но первая версия слева была сохранена с разрешением 72 ppi. Версия в середине была сохранена с разрешением 240 пикселей на дюйм, а версия справа была сохранена с разрешением 500 пикселей на дюйм:

.

Версия изображения 72 ppi (слева), 240 ppi (посередине) и 500 ppi (справа).

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

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

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