Размер и разрешение изображения: Photoshop: размер и разрешение изображения — DesignLessons – все о дизайне

Содержание

Урок 16. Размер и разрешение изображения. Форматы файлов._

Для просмотра видео нажмите на картинку.

Вы узнаете:

Что такое разрешение изображения и какие бывают форматы файла.
Как изменить размер и разрешение в окне Image Size (Размер изображения).
Какие бывают алгоритмы интерполяции.
Как подготовить изображение для размещения в интернете с помощью
окна Save for Web (Сохранить для Web).
Как получить минимальный вес файла при сохранении в JPG и GIF.
Как сохранять в PNG, PNG-24, TIFF, PDF и PSD.

Урок состоит из следующих разделов:
1. Обучающее видео.
2. Как влияет Resolution (Разрешение) на качество снимка.
3. Image Size (Размер изображения).
4. Увеличение размера без потерь качества.
5. Плагины для изменения размеров изображений.
6. Подготовим изображение для размещения в интернете.
7. Save for Web (Сохранить для Web).
8. Сохранение в формат JPG.
9. Сохранение в формат GIF.
10. Сохранение в формат PNG.
11. Сохранение в формат TIFF.
12. Сохранение в формат PDF.
13. Сохранение в формат PSD.
14. Вопросы.
15. Домашнее задание.

Как влияет Resolution (Разрешение) на качество снимка

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

Разрешение – это количество пикселей, из которых состоит растровое изображение. Многие из вас сталкивались с ситуацией, когда в фотоаппарате специально уменьшалось разрешение (больше фотографий влезет в карту памяти, а на маленьком дисплее они хорошо смотрятся). Вспомните первые камеры в мобильных телефонах с разрешением 0,3 МП. А потом, перенеся фотографии

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

У нижнего левого края окна программы находится Status Bar (Строка состояния).

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

Это поле удобно, но не позволяет изменять размер в соответствии с нашими запросами.

Image Size (Размер изображения)

Чтобы изменить разрешение или размер выберите в меню Image (Изображение) – ImageSize (Размер изображения). Или нажмите Alt + Ctrl + I.

Из открывающихся меню полей Width (Ширина) и Height (Высота), расположенных в группе Document Size (Размер документа), выберите единицы измерения. Проценты, дюймы, см, мм, пункты, пк, колонки.

dpi – dots per inch (точки на дюйм) – Единицы измерения разрешения при печати.

ppi – pixels per inch (пиксели на дюйм) – Единицы измерения разрешения для компьютерных мониторов.

Resolution (Разрешение) – количество пикселей в 1 дюйме или сантиметре. Какое разрешение выбрать?

72 ppi – вполне достаточно для отображения фотографий на экране монитора. Для Web-графики тоже этого достаточно. При увеличении масштаба таких изображений разглядеть мелкие детали у вас не получится, потому что их там нет.

300 ppi – желательно устанавливать для фотографий, которые вы хотите выставить на продажу или распечатать на принтере. Хотя для печати средним значением является 267 ppi. У изображений с большим разрешением при увеличении масштаба просмотра, можно разглядеть мелкие детали.

В качестве единиц измерения выберите pixels / inch (пиксели на дюйм), а не pixels /cm. Нам, не привыкшим измерять в дюймах, нужно быть особенно осторожными и не выбирать pixels /cm только на том основании, что сантиметры больше нравятся. Разница в 2,54 раза сразу скажется на вашем разрешении. Файлы станут гигантского веса. Так что при работе с данным окном и при создании нового документа следите, чтобы были выбраны пиксели на дюйм.

ScaleStyles (Масштабировать стили) – позволяет масштабировать стили, заданные в палитре Layers (Cлои) вместе с выбранным слоем.

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

Resample Image (Интерполяция/Отслеживать изменения). При установке этой галочки изменение разрешения изображения (числа пикселов на дюйм) приведет к изменению размеров изображения c сохранением исходного разрешения. Если сбросить галочку, то увеличение разрешения изображения (например, с 72 до 300) приведет к уменьшению геометрических размеров изображения при печати. Будьте внимательны, чтобы не получить отпечаток размером с почтовую марку.

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

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

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

Nearest Neighbor (По соседним пикселам). Сохраняет четкие края. Самый простейший алгоритм,
в результате работы которого края имеют характерные зазубрены.

Bilinear (Билинейная). Вычисляется среднее значение на основе анализа соседних пикселей по горизонтали и вертикали.

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

Начиная с CS и выше, появились два новых алгоритма интерполяции. Советую использовать именно их:

Bicubic Smoother (Бикубическая глаже) Наилучшая для увеличения.

Bicubic Sharper (Бикубическая четче).

Наилучшая для уменьшения. Если вы чаще всего уменьшаете снимки, задайте этот алгоритм в качестве основного по умолчанию. Для этого выберите его в Edit(Редактирование) – Preferences (Установки) – General (Основные). Изменения вступят в силу после перезапуска Photoshop.

Увеличение размера без потерь качества

Я нашла в интернете простой способ увеличить размеры изображения с небольшой потерей качества и решила проверить так ли это. Я взяла маленькую картинку размером 5 на 5 см и увеличила ее в 2 раза, используя интерполяцию Bicubic Smoother (Бикубическая глаже). Справа от полей Width (ширина) и Height (Высота) выберите элемент % (проценты). Введите в эти поля значение 110, чтобы увеличить размер изображения на 10%.

Увеличение размера изображения на 10% не приводит к ухудшению его качества! Чтобы увеличить небольшое изображение во много раз, необходимо несколько раз увеличить его размеры на 10% (8 раз пришлось выполнить эту команду).

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

Кстати, сделать это очень просто: откройте палитру Action (Операции/Сценарии). Она находится рядом с палитрой History (История). Нажмите на кнопку создать новую операцию. Появится окошко, в котором нужно ввести название операции (например, увеличить в 2р. по 10). Кружок внизу палитры станет красным, значит пошла запись. Измените Image Size (Размер изображения), как сказано ниже 8 раз, и нажмите на самый левый квадратик «Стоп». Все! Теперь для выполнения этой операции достаточно отметить ее курсором и нажать кнопку Play.Подробную информацию об Action (Операциях) вы найдете в уроке по автоматизации.

Результаты эксперимента представлены ниже. Вы видите разницу? Я нет. Но может зрение меня подводит. Мне кажется, оба результата стали заметно хуже по сравнению с маленьким исходником.

Так стоит ли овчинка выделки, если разница еле уловима? И неужели люди зря придумали этот алгоритм? Нет, не зря. Разница действительно есть, но заметна она лишь при очень большом увеличении (в 300% и выше). Размытость изображения после проведения Resample Image (Интерполяции) будет видна только при печати изображения, на экране это

При использовании инструментов трансформации (Ctrl+T), также меняется размер изображения. Причем происходит это так быстро, что мы даже не успеваем задуматься, на сколько, пострадает качество. Алгоритмы интерполяции беспощадно съедают пиксели при уменьшении и дорисовывают новые при увеличении.

Плагины для изменения размеров изображений.

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

Alien Skin – BlowUp v1.0 plug-in for Adobe Photoshop. Лучшее чем бикубическая интерполяция. Плагин при изменении размера изображения сохраняет гладкие четкие края и линии, и создает четырехкратные (1600%) увеличения без появления ступенчатых артефактов и свечений. В некоторых случаях Blow Up позволяет увеличить изображение в шесть раз без видимых артефактов.
SizeFixer SLR – Позволяет увеличивать изображение до формата А1
SizeFixer XL . – Безграничное увеличение.
PXL SMARTSCALE – Увеличивает до 1600% без потерь в качестве при печати.

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

Подготовим изображение для размещения в интернете.

Обычные Save (Сохранить ) Ctrl+S и Save as… (Сохранить как…) Shift+Ctrl+S не дают возможности контролировать результат, да и вес файла получается большим.

Несмотря на то, что в окне сохранения есть ползунок регулирующий качество сжатия, размер файла получается при максимальном качестве все равно больше, чем при выборе другой команды Save for Web (Сохранить для Web).

Save for Web (Сохранить для Web)

Выберите в меню File(Файл) – SaveforWeb (Сохранить для Web). Комбинация клавиш Alt + Shift +Ctrl + S. В этом окне мы можем наблюдать, как меняется качество при сжатии изображения. А так же контролировать вес файла и скорость его загрузки. Удобнее всего работать с вкладкой 2 — Up (2 варианта), т. к. можно сравнить на сколько пострадает качество ради маленького веса (важно чтобы картинки на сайте быстро загружались). Под изображением находятся комментарии: формат сжатия, размер файла после оптимизации и время загрузки.

В правой части окна находятся все основные настройки оптимизации.

Всего форматов сохранения для Web пять: GIF, JPG, PNG-8, PNG-24 и WBMP. Последний практически не используется.

В JPG лучше всего хранить объемные файлы фона сайта и фотографий для публикаций, в GIF, PNG-8 и PNG-24 – элементы дизайна, которые имеют небольшой объем и ограниченное количество цветов. К сожалению, PNG-24 не поддерживается браузером Internet Explorer 6, но количество пользователей IE6 быстро уменьшается и, следовательно, риск, что формат PNG-24 не откроется у кого-то на компьютере, уменьшается.

Файлы формата GIF и PNG-8 сохраняют прозрачность (но не альфа-канал). Чтобы сохранить прозрачность, нужно отметить галочку Transparency. WBMP – растровый формат для мобильных телефонов.

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

Сохранение в формат JPG.

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

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

Для управления размером картинки в Save for Web (Сохранить для Web) есть раздел под названием Image Size (Размер изображения). Размеры вашей картинки не должны превышать 800 на 600 пикселей. Или нетерпеливый пользователь закроет окно браузера, не дождавшись пока картинка загрузится полностью.

Откройте файл кораблик.jpg. Выберите в меню File(Файл) команду Save for Web (Сохранить для Web). Выберите режим 2-Up (Два варианта). В разделе Image Size (Размер изображения) уменьшите размер изображения до 450*600. Можно это сделать предварительно, выбрав в меню Image (Изображение) – Image Size (Размер изображения), или нажав Alt + Ctrl + I.

В правой части окна в списке выберите формат сохранения JPEG.

Список Compression quality (Качество сжатия) предлагает несколько значений – от Low (Низкое) до Maximum (Наилучшее). Более точная регулировка осуществляется ползунком Quality (Качество), расположенным правее. Для начала установите 100%. При столь высоком значении изображение
в правой части области просмотра (оптимизированное) практически не отличается от оригинала
в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал (несжатое изображение) занимает 625 Кбайт, а сжатое – 139,5 Кбайт. Даже при таком низком коэффициенте сжатия есть значительный выигрыш в размере файла. Время загрузки сжатого изображения 26 секунд – это слишком много, многие могут потерять терпение и уйти
с вашей странички.

Установите ползунок Quality (Качество) посередине, примерно на 50%. Вы видите разницу между двумя изображениями? Нет? Тогда можно уменьшить Качество еще немного. Остановимся на 35%. Ниже 30 уже будет заметно ухудшение. Вес стал 23 кб, а скорость 5 сек. Иногда параметр Blur (Размытие) может сэкономить вам еще одну-две секунды. Но в нашем случае он не даст заметного результата, т.к. мы уже достаточно сильно сжали картинку.

Progressive (Прогрессивный) задает прогрессивную развертку изображения при загрузке в браузере. Этот параметр позволяет постепенно загружать изображение. С самого начала загрузки вы будете видеть часть изображения.

Optimized (Оптимизация/Оптимизированный) включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла.

ICC Profile (Встроенный профиль/Профиль ICC) позволяет внедрить в файл изображения цветовой профиль. Внедренный профиль увеличивает размер файла. Отметьте этот пункт только, если считаете необходимым, чтобы и другие знали какой у вас цветовой профиль.

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

Сохраните сделанные настройки если вам нужно обработать много изображений. Для этого щелкните по значку меню опримизации и выберите Save Settings (Сохранить настройки). Введите в поле File name (Имя файла) какое-нибудь имя, и нажмите кнопку Save (Сохранить).

Теперь в списке Settings (Наборы/Параметры) появится введенное имя. При обработке следующего файла будет достаточно выбрать это имя из списка.

Сохранение в формат GIF

Для размещения на Web-странице изображений с прозрачными участками используется формат GIF, поддерживающий только индексированные цвета.

Количество цветов в его палитре задается в поле Colors (Цвета) и должно создавать зависимость между качеством и весом.

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

Следующий выпадающий список по умолчанию вариант Diffusion (Диффузия/Случайный) лучше использовать для фотографий, a Noise (Шум) – для фоновых текстур и градиентов. Pattern (Регулярный /Узор) создает повторяющийся узор.

Interlaced (Чересстрочно) – для постепенной загрузки изображения.

Степень сглаживания задается ползунком Dither (Дизеринг/Сглаживание). Чем выше сглаживание, тем больше размер файла.

Список Matte (Матовый/Кайма) создает переход кромки изображения к фоновому цвету страницы. Обычно кромка полупрозрачная, а это не поддерживается форматом GIF.
В результате при экспорте возникает характерный шум. Чтобы избежать его появления, установите в списке цвет фона Web-страницы. Полупрозрачные пиксели будут окрашены в этот цвет. Если снять галочку Transparency (Прозрачность), цвет, заданный в списке Matte (Матовый/Кайма), будет считаться фоновым и заполнит прозрачные участки изображения.

Перевод цветов к палитре Web осуществляется ползунком Web Snap (Web-цвета). Понаблюдайте за изменениями цветов изображения в зависимости от положения ползунка. Происходящие изменения отображаются в палитре изображения. На некоторых цветах палитры появляются белые ромбики.

Color Table (Таблица цветов) полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения.

Если щелкнуть по значку откроется дополнительный список.

Если вы хотите избежать существенных цветовых сдвигов в любых браузерах, но не хотите приводить все цвета к палитре Web, то можно сделать это выборочно. Задайте режим сортировки Sort by Popularity (Сортировка по частоте использования). Наиболее часто встречающиеся цвета расположатся слева направо.

Щелкните мышью на любом образце в палитре. Образец получит белую рамку, показывающую, что он выделен. Photoshop может сам выбрать цвет, наиболее близкий к выделенному, из палитры Web. Для этого надо щелкнуть на пиктограмме кубика в нижней части панели или выбрать команду Shift/Unshift Selected Colors to/from Web Palette(Заменить / Отменить замену выделенных цветов на цвета палитры Web).

Приведение всего изображения к палитре Web сделало переходы на изображении монитора чересчур резкими. Исправим этот дефект вручную. Сделайте на образце в палитре двойной щелчок мышью. Перед вами появится окно Color Picker (Палитра цветов). Убедитесь, что флажок Only Web Colors (Только цвета Web) в нем установлен. Выберите оттенок, ближайший к текущему цвету и закройте окно нажатием кнопки ОК (Да). Цвет будет отредактирован. Если вы находите его тоже неудачным, снова откройте окно Color Picker (Палитра цветов) и подберите другой.

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

Сохранение в формат PNG.

PNG позволяет хранить как индексированные, так и полноцветные изображения. Используемый алгоритм сжатия не приводит к потерям информации. Многократная обработка и перезапись лишена недостатков, присущих формату JPG. Форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры PNG-8 абсолютно аналогичны GIF, в PNG-24 есть только переключение режимов Transparency (Прозрачность), Interlaced (Чересстрочная развертка)
и параметров Matting (Матовый/Обработка краев).

Сохранение в формат TIFF

Сохранить в TIFF нельзя через Save for Web (Сохранить для Web).

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите TIFF.

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

В TIFF сохраняется прозрачность и альфа‑каналы. В PhotoShop вы можете сохранить файл, содержащий слои.

В TIFF сохраняется информация о профиле ICC . Это дает возможность сохранить цвета без изменения при просмотре на разных мониторах и при выводе на печать.

TIFF широко распространен и на IBM PC, и на Apple. Это позволяет использовать его для передачи изображений с одной аппаратной платформы на другую без потери содержания. Также этот формат можно использовать для передачи данных между различными приложениями, «не понимающими» форматы друг друга, но «знающими» TIFF. При такой передаче будут сохранены многие атрибуты изображения, теряющиеся, например, при передаче данных через буфер обмена Windows.

Сохранение в формат PDF

PDF – это формат для представления электронных документов (безбумажный офис). Главное достоинство состоит в том, что документы выглядят одинаково на любых устройствах (экраны, принтеры). Элементы оформления не смещаются в разные стороны.

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите PDF.

В разделе Система защиты можно поставить пароль на открытие файла, на печать, на сохранение и на редактирование.

Сохранение в формат PSD

PSD – это собственный формат PHOTOSHOP. В нем можно сохранить слои, маски, обтравочные маски, контуры, текст и другие моменты не законченной работы.

Вопросы:

Какой формат файла не поддерживает сжатие без потерь?

– JPG

– PSD

– PDF

– TIFF

Какой алгоритм интерполяции лучше всего подходит для увеличения разрешения изображения?

– Nearest Neighbor(По соседним пикселам)

– Bilinear (Билинейный)

– Bicubic (Бикубический)

– Bicubic Smoother (Бикубическая глаже)

– Bicubic Sharper (Бикубическая четче)

Какое разрешение нужно установить, чтобы сохранить изображения для интернета?

– 300

– 72

– 150

– 25

Что нужно сделать в окне Image Size (Размер изображения), чтобы изменение размеров изображения происходило c сохранением исходного разрешения?

– Установить галочку Scale Styles (Масштабировать стили).

– Установить галочку Constrain Proportions (Сохранить пропорции).

– Установить галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Constrain Proportions (Сохранить пропорции).

– Снять галочку Scale Styles (Масштабировать стили).

Можно ли в окне Save for Web (Сохранить для Web) изменить размер изображения?

– Да.

– Нет.

Какой формат файла нельзя выбрать в окне Save for Web (Сохранить для Web)?

– JPG

– PNG-26

– GIF

– TIFF

– PNG-8

Домашнее задание:

1. Откройте фотографию кораблик.jpg. Сохраните в формат JPG при помощи Save for Web (Сохранить для Web). Добейтесь следующих показателей: размер изображения 600*800 пикс; 39,49 к;

8сек /56,6 кбит в сек.

2. Откройте фотографию кораблик.jpg. Сохраните в формат GIF при помощи Save for Web (Сохранить для Web). У меня получилось сжать ее до 75 кб и добиться скорости загрузки 14 сек при 56 кбит/сек. Попробуйте добиться лучшего результата.

Придется изменять цвета.

Отзывы и замечания учеников из группы тестирования учебника. Этот урок был последним для большинства учеников. Ответы на заданные вопросы добавлены в урок:

Настя: — Урок по размерам изображения оказался для меня абсолютно новой информацией… Никогда (даже для сайтов) не пользовалась данной функцией. Просто уменьшала размер файла и сохраняла как jpeg. Даже для того,чтобы тебе отправлять в письме файлы ведь можно оптимизировать размер таким образом? а ведь очень полезная информация, хотя и много теории. Про описанный метод увеличения маленьких картинок я читала и знала раньше,но никогда не пользовалась даже функцией увеличения размеров изображения через ресемплинг — просто увеличивала размер изображения, а в списке были стандартные настройки. теперь буду пользоваться алгоритмом бикубической глаже. Познавательно было прочесть и для чего нужны иные форматы-раньше не знала для чего они. Если бы не пункт,что данные операции делаются уже на этапе сохранения работ,то этот урок можно было бы поставить одним из первых. Мне понравилось объяснение как сжать размер для формата gif через изменение цветовой палитры.

Елена З: — Здравствуйте, Света, по gif у меня что то не очень получается, при сохранении для web никогда очень сильно не уменьшаю изображение, благо интернет позволяет, всегда выбираю средние настройки.

B.Olga.B — Урок интересный, с сохранением в jpeg особых сложностей не было, а вот с gif пришлось помучится, сделала в двух версиях CS3 и CS5, но добиться Ваших результатов не получилось….

Бабенко Юлия: — Привет, Света. Ну наконец я дошла до финала. Спасибо тебе большое за уроки, я очень много узнала, остается только практиковаться и практиковаться!!!!!!! Ты большая умничка, очень хорошо обьясняешь! Таких уроков в интернете не найти! Этот урок понравился, никогда так не сохраняла, а оказывается это так легко и весят меньше, правда GiF формат трудноват, но это лишь потому что нет практики! Спасибо огромное!!!!!!!!!!!!!!!!!!!!!!!! Скажи пожайлусто, а будут ли еще уроки, ждать нам чего то нового?????? и в какие сроки, а то уже так привыкли делать домашние задания). P.S. Так быстро еще у меня никогда файлы не загружались))))))))))))).

Елена Михайлова: — Отправляю Вам домашнее задание к уроку и комментарии к нему. Слышала, что уроков 36, будет ли продолжение? Очень удивлена, что пришла к финишу шестой, очень переживала что я в отстающих. Я Вас не забуду и с удовольствием продолжу сотрудничество. Сейчас у меня впечатления от курса только самые положительные.
Автор: — Лена, было очень приятно с Вами сотрудничать. Очень боюсь, что Вы теперь переключитесь на что-нибудь другое и забудете про меня. Я так привыкла исправлять ошибки по Вашим подсказкам…

Надежда Диденко: — Добрый вечер, Света. Высылаю отчет о проделанной работе — неужели это все? Я как то так уже привыкла ждать уролки… как в школе. Надежда.
Автор: — В отчете который прислала Надежда 31 пункт замечаний и дополнений!!!!!!!!!!!!!! Надежда, спасибо Вам огромное! Ваша помощь просто на вес золота.

Пиксели, размер изображения и разрешение изображения в фотошопе

Хотите получить лучшие результаты при изменении размера изображений в Photoshop? Начните с изучения пикселей, размера и разрешения!

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

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

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

Что такое пиксели?

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

В Photoshop при просмотре изображения с нормальным уровнем масштабирования (100% или менее) пиксели обычно слишком малы, чтобы их заметить. Вместо этого мы видим то, что выглядит как непрерывное изображение, в котором свет, тени, цвета и текстуры смешиваются вместе, чтобы создать сцену, которая выглядит почти так же, как в реальном мире (изображение из Adobe Stock):

Цифровое изображение открыть в фотошопе. Изображение предоставлено: Adobe Stock.

Присмотритесь к пикселям

Но, как и любой хороший фокус, то, что мы видим, на самом деле иллюзия. И чтобы разбить иллюзию, нам просто нужно присмотреться. Чтобы просмотреть отдельные пиксели на изображении, все, что нам нужно сделать, это увеличить масштаб. Я выберу инструмент «Масштаб» на панели инструментов:

Выбор инструмента Zoom.

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

Увеличение ближе показывает отдельные пиксели.

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

Крупный план пикселей изображения, каждый из которых отображает один цвет.

Пиксельная сетка

Обратите внимание, что как только вы приблизитесь достаточно близко (обычно за 500%), вы начнете видеть светло-серый контур вокруг каждого пикселя. Это Pixel Grid в Фотошопе, и это просто для того, чтобы было легче видеть отдельные пиксели. Если вы обнаружите, что Pixel Grid отвлекает, вы можете отключить его, зайдя в меню View в строке меню, выбрав Show, а затем выбрав Pixel Grid . Чтобы снова включить его, просто выберите его снова:

Идем в Вид> Показать> Пиксельная сетка.

Уменьшение, чтобы просмотреть изображение

Чтобы уменьшить пиксели и просмотреть все изображение, перейдите в меню « Вид» и выберите «По размеру экрана» :

Идем в View> Fit на экране.

И теперь, когда мы уменьшены, отдельные пиксели снова слишком малы, чтобы их заметить, и мы снова видим иллюзию детальной фотографии:

На нормальных расстояниях просмотра пиксели смешиваются для создания изображения.

Смотрите наше полное руководство по навигации изображений в Photoshop

Какой размер изображения?

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

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

Лучшее место для поиска информации о размере изображения — в диалоговом окне «Размер изображения» в Photoshop. Чтобы открыть его, зайдите в меню Изображение и выберите Размер изображения :

Идем в Изображение> Размер изображения.

В Photoshop CC диалоговое окно «Размер изображения» показывает область предварительного просмотра слева, а сведения о размере изображения — справа. Я расскажу о диалоговом окне «Размер изображения» более подробно в следующем уроке. Сейчас мы просто посмотрим на информацию, которая нам нужна:

Диалоговое окно «Размер изображения» в Photoshop CC.

Размеры в пикселях

Ширина и высота изображения в пикселях известны как размеры в пикселях, и в Photoshop CC мы можем просмотреть их рядом со словом « Размеры» в верхней части диалогового окна. Здесь мы видим, что мое изображение имеет ширину 4509 пикселей (px) и высоту 3000 пикселей:

Photoshop CC включает новую опцию Dimensions вверху.

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

Размеры могут отображаться в разных типах измерений.

Это говорит нам о том, что мое изображение содержит 4509 пикселей слева направо и 3000 пикселей сверху вниз:

Размеры изображения в пикселях.

Нахождение общего количества пикселей

Чтобы выяснить общее количество пикселей в изображении, нам просто нужно умножить значения ширины и высоты вместе. Таким образом, в данном случае 4509 x 3000 = 13 527 000, или примерно 13, 5 миллионов пикселей. Вам не нужно знать общее количество пикселей. Но по мере того, как вы приобретете больше опыта с изменением размера изображений, вы обнаружите, что, заранее зная общее количество пикселей, вы получите хорошее представление о том, насколько большим вы можете печатать изображение, как мы увидим далее, когда мы рассмотрим разрешение изображения.

Что такое разрешение изображения?

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

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

Ширина, высота и разрешение соединения

В диалоговом окне «Размер изображения», если вы посмотрите под словом «Размеры», вы найдете поля « Ширина», « Высота» и « Разрешение» . Здесь мы можем не только просмотреть текущие настройки, но и изменить их:

Параметры ширины, высоты и разрешения.

Опция Resample

Прежде чем мы пойдем дальше, если вы посмотрите ниже значения Разрешения, вы найдете еще одну важную опцию под названием Resample . И по умолчанию Resample включен. Мы узнаем все о параметре Resample, когда рассмотрим, как изменить размеры изображений. Короче говоря, Resample позволяет нам изменять количество пикселей на изображении:

Опция Resample.

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

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

Снимите отметку с опции Resample.

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

Как только вы выключите Resample, вы заметите, что тип измерения для значений Width и Height изменяется. Вместо того, чтобы смотреть ширину и высоту в пикселях, как я был минуту назад, теперь я вижу их в дюймах . И вместо того, чтобы сказать мне, что мое изображение имеет ширину 4509 пикселей и высоту 3000 пикселей, мне теперь говорят, что оно имеет ширину 15, 03 дюйма и высоту 10 дюймов:

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

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

Отключение Resample не позволяет нам добавлять или удалять пиксели.

Как работает разрешение изображения?

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

Например, мое разрешение в настоящее время установлено на 300 пикселей / дюйм. Это означает, что при печати изображения 300 его пикселей по ширине и 300 пикселей по высоте будут помещаться на каждом квадратном дюйме бумаги. Теперь 300 пикселей могут показаться не такими уж большими. Но помните, это 300 от ширины и высоты. Другими словами, это 300 х 300, в общей сложности 90 000 пикселей на квадратный дюйм:

Текущее разрешение, измеренное в пикселях / дюйм.

Как определить размер отпечатка

Чтобы выяснить размер отпечатка изображения, все, что нам нужно сделать, это разделить его текущую ширину и высоту в пикселях на значение разрешения. Если мы снова посмотрим на раздел «Размеры» вверху, мы увидим, что ширина моего изображения все еще составляет 4509 пикселей:

Текущая ширина в пикселях.

Если мы разделим 4509 на текущее значение разрешения 300, мы получим 15.03. Другими словами, ширина моего изображения при печати составит 15, 03 дюйма, точное значение отображается в поле «Ширина»:

4509 пикселей ÷ 300 пикселей / дюйм = 15, 03 дюйма.

Вернувшись в раздел «Размеры», мы увидим, что высота моего изображения составляет 3000 пикселей:

Текущая высота в пикселях.

Если мы разделим 3000 на текущее разрешение 300, мы получим 10. Это означает, что высота изображения при печати будет 10 дюймов, как показано в поле Высота:

3000 пикселей ÷ 300 пикселей / дюйм = 10 дюймов.

Изменение разрешения изменяет размер печати

Если мы изменим значение разрешения, количество пикселей в изображении не изменится, но размер печати изменится. Обратите внимание, что если я уменьшу разрешение с 300 пикселей / дюйм до 150 пикселей / дюйм, размеры в пикселях останутся прежними при 4509 × 3000 пикселей. Но ширина и высота увеличиваются. Поскольку я буду выдавливать на бумагу только половину пикселей на дюйм, как по горизонтали, так и по вертикали, ширина и высота удвоятся:

Снижение разрешения увеличивает размер печати.

Изменение размера печати меняет разрешение

И поскольку все, что мы меняем, это размер печати, то изменение ширины или высоты изменит разрешение. Фактически, когда опция Resample, которую мы рассматривали ранее, отключена, все три значения (Width, Height и Resolution) связаны друг с другом. Изменение одного автоматически изменяет другие.

Если я уменьшу значение ширины до 10 дюймов, то, чтобы сохранить соотношение сторон изображения, Photoshop автоматически изменит значение высоты до 6, 653 дюйма. А чтобы вписать все изображение в новый, меньший размер печати, пиксели должны быть упакованы более плотно, поэтому значение разрешения увеличилось до 450, 9 пикселей / дюйм:

Изменение ширины и высоты изменяет разрешение.

Влияет ли разрешение изображения на размер файла?

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

Если вы посмотрите рядом со словами «Размер изображения» в верхней части диалогового окна, вы увидите число, обычно отображаемое в мегабайтах (M). В моем случае это 38, 7 млн. Это число представляет размер изображения в памяти вашего компьютера. Когда вы открываете изображение в Photoshop, оно копируется с жесткого диска, распаковывается из любого формата файла, в котором оно было сохранено, а затем помещается в память (RAM), чтобы вы могли работать с ним быстрее. Число, отображаемое в диалоговом окне «Размер изображения», представляет собой фактический несжатый размер изображения:

Размер изображения в мегабайтах показан вверху.

Более низкое разрешение по сравнению с размером файла

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

Здесь я снизил разрешение с 300 пикселей / дюйм до 30 пикселей / дюйм. С таким небольшим количеством пикселей, втиснутых в дюйм бумаги, размер печати увеличился до колоссальных 150, 3 дюйма х 100 дюймов. Но даже при этом очень низком значении разрешения размер изображения в памяти остается неизменным на уровне 38, 7 Мб:

Снижение разрешения печати не влияет на размер файла.

Более высокое разрешение по сравнению с размером файла

И здесь я увеличил разрешение до 3000 пикселей / дюйм. Это уменьшает размер печати до 1, 503 x 1 дюйм, но опять же не влияет на размер файла, который по-прежнему составляет 38, 7 МБ. Единственный способ уменьшить размер файла изображения — это уменьшить количество пикселей в изображении (используя опцию Resample), или сохранить файл в формате, который поддерживает сжатие (например, JPEG.webp), или и то, и другое. Простое изменение разрешения печати не изменит размер файла:

Увеличение разрешения печати также не влияет на размер файла.

Так как же уменьшить количество пикселей на изображении? А какое значение разрешения нужно для получения высококачественных отпечатков? Я отвечу на эти и другие вопросы в отдельных уроках в этой главе.

И там у нас это есть! Это быстрый взгляд на пиксели, размер изображения и разрешение изображения, три важные темы, о которых вам нужно знать, чтобы получить наилучшие результаты при изменении размера изображений в Photoshop! На следующем уроке этой серии мы более подробно рассмотрим мощную команду Photoshop CC Image Size!

Или посмотрите предыдущие уроки этой серии:

02 — Команда Photoshop’s Image Size — Особенности и советы
03 — Как изменить размер изображения для печати
04 — Как изменить размер изображения для электронной почты и обмена фотографиями
05 — Как рассчитать размер изображения
06 — правда о разрешении изображения, размере файла и сети
07 — Как изменить размер пиксельной графики
08 — Лучший способ увеличить изображения в Photoshop CC

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

Размер и разрешение изображения в фотошопе. Как изменить размер фотографии. Подробный урок

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

Итак, первым делом открываем наш рисунок. После этого нам понадобится вкладка Изображение . Там выбираем пункт Размер изображения .

Перед нами появится окно, в котором мы и будем менять размер рисунка.

Обратите внимание, что в настройках размера есть два поля – это Размерность и Размер печатного оттиска . В чем же разница между ними? Размер печатного оттиска отображает ширину и высоту печатаемого документа, то есть при отправке на принтер, мы получим, в данном случае, изображение на бумаге, размером 20,11 х 14,66 см с разрешением 72 пикс/дюйм. Но что будет, если мы поменяем разрешение на 300 пикс/дюйм? В этом случае размер печатного оттиска не изменится, а поменяется Размерность . Теперь она составляет 2375 х 1708 пикс.

Объясню, что произошло. Photoshop, используя свои алгоритмы, достроил изображение до разрешения в 300 пикс/дюйм, добавив туда несколько сотен пикселей.

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

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

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

К примеру, у нас есть вот такое изображение, размером 120 х 80 пикс.

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

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

В итоге получаем иконку нужного нам размера.

На этом все. Думаю, что эта статья будет полезна всем, кто начинает знакомство с программой Adobe Photoshop.

По этой теме также читают:

Как изменить размер изображения при помощи Microsoft Picture Manager? Как убрать фон у фотографии (картинки) в Adobe Photoshop? Как увеличить грудь в фотошопе (Adobe Photoshop) ?

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

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

Шаг 1:

Откроем изображение, с которым будем работать. Для этого перемещаем курсор мыши вверх, заходим в меню программы Файл/Открыть . Или воспользуемся горячими клавишами (CTRL + O ) . После чего появится стандартное окно проводника для указания пути к изображению. Находим нужную картинку и щёлкаем по ней два раза левой кнопкой мыши. После чего в рабочей области окна Фотошоп появится выбранная картинка.

http://сайт/

Шаг 2:

Заходим в меню программы Изображение/Размер изображение (CTRL + ALT + I ). Перед нами откроется окно настройки размеров изображения:

В этом окне мы видим информацию об изображение. В моём случае это: размер (вес) изображения 737,5К, размер по ширине 204,6 мм, по высоте 153,1 мм, разрешение 72 пикселы/дюйм. В этом уроке мы будем уменьшать наше изображение, поэтому в поле «Ресамплинг» ставим галочку и выбираем «Бикубическая (с уменьшением)» Если вам нужно увеличить изображение, то выбираем «Сохранить детали (с увеличением)».

Затем вручную указываем ширину и высоту. Например, указав в поле «Ширина» значение 150 мм, значение «Высота» автоматически пропорционально выставляется равным 112,24 мм. Тоже самое произойдёт, если вначале указать высоту. Если второе значение автоматически не выставилось, то проверьте наличие галочки напротив значения «Ресамплинг», если ее нет, то выставьте ее и заново вбейте одно из значений.

Также обязательно обратите внимание на выставленные единицы измерения, представленные в выпадающем списке справа от значений, в моём случае это – «мм». Вы же, можете выбрать любые значения, которые вам больше нравятся (мм, см, пикселы, проценты, дюймы и т.д.).

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

Шаг 3:

Итак, мы получили изображение 150 мм х 112,24 мм. Теперь необходимо закрепить полученный результат, для чего сохраним все наши изменения. Если изображение будет опубликовано в интернете, то идём в меню Файл/Сохранить для Web … (CTRL + ALT + SHIFT + S ). Либо сохраняем в формате JPEG (или в любом другом) с наилучшим качеством, идём в меню Файл/Сохранить как …(CTRL + SHIFT + S ).

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

Разрешение и качество изображения

Качество изображения не пострадает, если уменьшать её в размерах. Важный нюанс при использование инструмента «Размер изображения» заключается в следующем: нельзя из изображения с меньшим разрешением получить точно такое же изображение без потери качества, но с большим разрешением.

Например, если взять нашу картинку и уменьшить её скажем до размера 100 мм на 74,83 мм, а потом полученный результат увеличить до разрешения 204,6 х 153,1 то в итоге увидим следующее:

Вместо:

Давайте разберемся, почему это происходит. Когда вы открываете растровое изображение (JPEG) в редакторе, в нашем случае это Фотошоп, и «уменьшаете в размерах картинку», то программа из файла изображения просто отбрасывает часть информации (пиксели). И делает это Фотошоп, кстати, лучше всех (Сохранить для Web, JPEG).

P . S . Надеюсь данный урок вам понравился, а полученные знания пригодятся. Понравилась статья — поделитесь с друзьями.

До встречи в следующем уроке!

Для того, чтобы узнать, насколько велика фотография, которую мы открыли в Photoshop, идём по вкладке главного меню в верхней части экрана Изображение —> Размер изображения (Image —> Image Size) или просто нажать комбинацию клавиш Alt+Ctrl+I, после чего откроется диалоговое окно:

В начале диалоговое окно размера изображения может показаться немного пугающим и запутанным, но на самом деле, это довольно простое окно. Она разделено на две части, «Размерность» (Pixel Dimensions) и «Размер печатного оттиска» (Document Size). На данный момент, давайте проигнорируем раздел для печати «Размер печатного оттиска» и сосредоточимся на «Размерности» (Pixel Dimensions):

Здесь Photoshop сообщает нам ширину и высоту нашего изображения в пикселях, иными словами, количество пикселей в нашем изображении слева направо и количество пикселей сверху вниз. Это очень важная информация, которая, кроме всего прочего, определяет размер файла нашего изображения. Итак, Photoshop сообщил мне, что моя фотография имеет ширину 3456 пикселей и высоту 2304 пикселей. Другими словами, она содержит 3456 пикселей слева направо, и 2304 пикселей от верха до низа. Чтобы узнать, сколько пикселей всего находится у меня в фото, мне нужно просто умножить ширину на высоту, в данном случае 3456 x 2304, что дает мне в общей сложности 7962624 пикселей. Это большая величина.

Помните, раньше я упомянул, что снимок сделан 8-ми мегапиксельной камерой? 8 мегапикселей — это 8 млн. пикселей. Это означает, что когда я сделаю фотографию этой камерой, фото будет состоять из 8 миллионов пикселей (примерно, конечно). К примеру, если у вас есть 12-мп камера, ваши фотографии будут состоять из 12-ти миллионов пикселей (правда, зачем столько много, мне непонятно).

С этим разобрались, первая часть диалогового окна «Размерность» сообщает нам ширину и высоту изображения в пикселях. Пока все хорошо. Теперь давайте посмотрим на вторую часть диалогового окна, «Размер печатного оттиска» (Document Size).

Размер печатного оттиска

Название этого раздела диалогового окна — перевод официальной русскоязычной версии Photoshop, хотя я бы перевёл его всё-таки буквально, именно как «Размер документа».
Эта часть диалогового окна «Размера изображения» является несколько более запутанной, чем первая, но и с ней разобраться труда не составит. В самом деле, обе эти части взаимосвязаны. Давайте разберёмся и с ней.

Обе эти части взаимосвязаны, но есть и отличия. Обратите внимание, в нижней части раздела имеется поле «Разрешение» (Resolution), а в этом поле стоит цифра «72». Обратите также внимание, справа имеется ещё одно поле, где имеется надпись говорить «пиксели/дюйм» (pixels/inch):

Это говорит нам о том, что если мы будем печатать наше фото, то 72-е точки из наших 3456 пикселей по ширине и 72-е точки из наших 2304 пикселей по высоте будут напечатаны на каждом квадратном дюйме бумаги. «Разрешение изображения» означает, сколько пикселей вашего изображения слева направо и сколько пикселей сверху вниз будут печататься на каждом дюйме бумаги. Конечно, дюйм площади всегда квадратный, что означает, что количество пикселей по высоте и ширине всегда будет одинаковое, вот почему разделе «Разрешение» (Resolution) документа содержится только один параметр. Это число (здесь 72) будет одним и тем же как слева направо, так и сверху вниз.

Давайте вычислим фактический размер фото с этими параметрами (3456 на 2304 с разрешением 72 пикс/дюйм), который будет получен при печати. Для этого надо просто разделить количество пикселей на величину разрешения:

3456 разделить на 72 = 48 дюйма (121,92 сантиметра)
2304 разделен на 72 = 32 дюйма (81,28 сантиметра)

После этих сложнейших вычислений мы выяснили, что наше фото будет 48 дюймов в ширину и 32 в высоту. Это огромная фотография! Но постойте, разве мы не видим этих чисел 48 и 32 где-то раньше? Вроде где-то что-то такое было. Взгляните еще раз на раздел «Размер печатного оттиска»:

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

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

Шаг 1

Для начала откроем фотографию в Фотошопе:

Для этого выполним команду:

Шаг 2

Чтобы узнать, какой оригинальный размер имеет фотография необходимо выполнить команду:

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

В результате откроется диалоговое окно, которое отвечает за Размер изображения :

Верхняя часть диалогового окна Размер изображения отвечает за Размерность изображения , которая показывает объём фото и измеряется в Мегабайтах — 8,99 М

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

Нижняя часть диалогового окна Размер изображения отвечает за Размер печатного оттиска .

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

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

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

Справа от окна предварительного просмотра находятся различные варианты работы с размером изображения, а также некоторые общие сведения о самом фото. На самом верху показан текущий объём файла в мегабайтах (М) и текущий размеров изображения в пикселях (PX). Здесь мы видим, что моя фотография в настоящий момент занимает 5,88 мегабайт в памяти моего компьютера и имеет размер в пикселях 1282 на 1603. Как мы увидим далее, так как всё, что мы будем делать, это изменять формат фото для печати, исходный объём файла и размер в пикселях должны быть постоянны на протяжении всей работы с файлом:

Отключаем функцию ресамплинга

Под параметрами Ширина, Высота и Разрешение (которые мы рассмотрим чуть позже)расположен чекбокс, включающий/отключающий очень важную опцию Ресапплинга (Resample). Этот параметр управляет, изменяем ли мы изображения методом добавления/удаления пикселей или просто изменяем размер для печати. По умолчанию она включена (галка проставлена), что означает, что при изменении размера картинки будет меняться количество её пикселей. Сейчас мы не хотим этого делать. На данный момент мы заинтересованы только в изменении размера отпечатка изображения, так что нажимаем на галку для отключения опции:

Ширина, высота и разрешение

Теперь, При выключенном ресамплинге мы можем изменить параметры «Ширина», «высота» и «Разрешение».

Давайте рассмотрим, как эти три параметра (ширина, высота и разрешение) работают и взаимодействуют, для того, чтобы управлять размером печатного оттиска. Ширина и Высота — параметры довольно просты и понятны. «Ширина» определяет ширину печатного оттиска, «Высота» определяет его высоту. При этом важно отметить, что соотношение сторон фотографии остаётся жёстко фиксированным. Это означает, что если мы вводим новое значение «Ширины», Photoshop автоматически изменит значение «Высоты» в соответствии с оригинальным соотношением сторон. И наоборот, если мы вводим новое значение «Высоты», Photoshop автоматически задаст новое значение «Ширины».

Например, прямо сейчас диалоговое окно «Размер изображения» показывает мне, что моё фото настроено на печать 45,23 см в ширину и 56,55 см в высоту (см. рис. выше).

А я, скажем, хочу печать только 20 см в ширину. Для изменения текущего значения нужно просто ввести новое значение. Я ввожу в параметр «Ширина» значение 20 и Photoshop сразу автоматически изменяет значение высоты на 25,01 см, с тем чтобы сохранить те же пропорции:

Если бы я хотел напечатать маленькую фото, скажем, 4 на 5, я могу ввести в поле «Высота» значение 5 см и для сохранения пропорций Photoshop автоматически изменяет значение ширины до 4 см:

Теперь, вот что интересно. Если мы посмотрим в верхнюю часть диалогового окна, то увидим, что даже теперь, при печати фотографии таких малых размеров, ее фактические размеры в пикселях не изменились, а также остались прежними размеры в мегабайтах, 1282 на 1603 пикселей при 5,88 мегабайт.

Значение разрешения

Как это возможно? Если у Вас остаётся первоначальное количество пикселей в изображении, как можно сделать печатный оттиск меньше?

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

При начальном размере 1282 на 1603 пикселей разрешение было 72 пикселя на дюйм. Когда я уменьшил ширину печати до 20 см, разрешение неожиданно увеличилось до 162,814 пикс/дюйм. И когда я уменьшил размер печати сильнее, вплоть до 4 на 5 см, значение разрешения увеличилось до 814,07 пикс/дюйм. Так почему это происходит?

Обратите внимание, что значение разрешения даётся в пикселей на дюйм. Это значение разрешения говорит нам о том, сколько из пикселей изображения будут печатается в каждом дюйме бумаги. Так как все, что мы делаем, это изменяем размер изображения (не ресемплируя его), мы не можем изменить количество пикселей в изображении. Так что, если мы хотим, чтобы изображения для печати стало меньше и при этом мы не можем изменить количество пикселей, мы просто «вжимаем» большее количество пикселей в тот же объем пространства (другими словами, в каждый дюйм бумаги). Аналогичным образом, если мы хотим распечатать его большим размером, мы на каждый дюйм приходится меньшее количество пикселей.

Разрешение и качество изображения

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

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

Исходя из этого, зная, что разрешение 240 пикс/дюйм является самым нижним значением, которое только можно использовать, я могу просто ввести значение 240 в окно «Разрешения». После того, как я это сделал, Photoshop автоматически изменяет значения ширины и высоты в соответствии с разрешением и показывает мне, что я могу спокойно распечатать изображение с размером 13,57 см в ширину и 16,97 см в высоту, но эти значения, скорее всего, больше, чем мне нужно. Но по крайней мере, теперь я знаю, что, если я буду печатать фотографию меньше 13,57 см в ширину и 16,97 см в высоту, то она получится качественной:

В следующем материале мы рассмотрим изменение размера изображения методом добавления/удаления пикселей (ресамплингом).

1. Пиксели, разрешение, размер изображения. Основные понятия компьютерной графики

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

Для изображений, просматриваемых на экранах компьютеров, разрешение сканирования просто определяет размер изображения. Суть в том, что dpi или ppi означает пикселей на дюйм , Это означает, что если вы сканируете 6 дюймов при 100 dpi (или 1 дюйм при 600 dpi), вы создадите 600 пикселей, которые будут отображаться на любом экране как 600 пикселей по размеру.

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

Если вы не знаете размер своего экрана, то Windows — Пуск — Настройка — Панель управления — Значок дисплея — вкладка Настройки покажет или изменит его. Или на Macintosh в панели управления Apple Monitor. Настройки размера экрана для ЖК-мониторов должны соответствовать фактическому исходному размеру оборудования.

Исторически популярными установками размера видеоэкрана на ЭЛТ были:

640×480 или 800×600 пикселей для 14-дюймовых мониторов
800×600 или 1024×768 пикселей для 15-дюймовых мониторов
1024×768 или 1152×864 пикселей для 17-дюймовых мониторов
1152×864 или 1280×1024 пикселей для 19-дюймовых мониторов

Новые ЖК-мониторы имеют широкоформатный экран и обычно имеют разрешение до 1920×1080 пикселей.При большей высоте в пикселях текст обычно выглядит меньше, но мы можем указать больший размер текста в Windows (что не влияет на размеры изображений).

Необходимые обновления: (технические подробности, по поводу изображений, которые мы сейчас видим на видеомониторах)

Времена изменились после того, как большая часть этого была написана. Но объяснения сейчас не так просты.

Современные браузеры также увеличивают изображения, когда мы увеличиваем размер текста, чтобы сохранить согласованность макета страницы относительно размера текста. Поэтому сегодня изображение 500×200 пикселей не всегда отображается с размером 500×200, в зависимости от размера увеличенного текста.
Смартфоны — новый фактор. Если уместить всю ширину веб-страницы на маленький экран, текст станет слишком маленьким для чтения. Таким образом, был добавлен новый логический коэффициент соотношения пикселей CSS, в основном множитель, обычно от 1 до 3, разница в логических пикселях и фактических пикселях устройства — что заставляет телефоны начать увеличивать некоторые, чтобы увеличить текст.
На веб-странице можно указать размер области просмотра, чтобы указать другие инструкции по запуску масштабирования для небольших телефонов.
Сейчас некоторые сайты (этот сайт тоже пытается) пытаются представить «адаптивные размеры изображений» на крошечных экранах, меньших по размеру, чтобы они лучше помещались на экране.Это тоже может изменить размер изображения, которое вы можете увидеть.
В браузерах тоже есть отличия. Говоря о режиме масштабирования со сбросом на 100%, тогда …
Firefox (настольный компьютер) определяет соотношение пикселей, равное увеличению размера текста Windows (120% размер текста Windows равен 1,2 пиксельному соотношению в Firefox). Таким образом, в браузере первоначальное отображение увеличивает всю страницу, как текст, так и изображения (Windows увеличивает только текст). Плюс к нему добавлен зум браузера.
Chrome и MS IE (настольный компьютер) изначально сообщают о коэффициенте увеличения Pixel Ratio, равном 1, независимо от размера текста Windows (но он также добавляет размер увеличения браузера).Chrome отличается от других, он всегда сообщает размер экрана как аппаратный размер, а не обрезанный увеличенный размер полного экрана.
На этой странице (директива устанавливает область просмотра в соответствии с настройками устройства) iPhone всегда сообщает размер экрана как размер области просмотра, который является фиксированным, независимо от фактического размера окна. iPhone 4 и 5, а также iPad 4 и Air сообщают о соотношении пикселей (коэффициенте увеличения), равном 2, при этом сначала увеличивается весь экран страницы, чтобы отображать страницу и текст в большем размере. Однако размер «мета-области просмотра» веб-страницы может сообщить мобильному браузеру другие инструкции по запуску.
Но ручное масштабирование любого браузера влияет на всю страницу. Браузеры масштабируют всю страницу, включая изображения, когда мы увеличиваем масштаб страницы от 100%, но (за исключением Firefox) НЕ, когда мы устанавливаем только больший размер текста в Windows, который применяется только к тексту.

Итак, на видеомониторах мы не все видим предметы одинакового размера. Экраны бывают разных размеров, в дюймах и в пикселях (разрешении), и любое масштабирование браузера влияет на всю страницу.

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

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

Для сравнения размеров красное изображение ниже имеет ширину ровно 500 пикселей ( IF ширина окна вашего браузера не менее 500 пикселей.Ширина изображения уменьшается, чтобы соответствовать ширине окна менее 500 пикселей, и расчет покажет эту ширину.)

Если вы увеличили масштаб своего браузера для отображения текста большего размера (включая внутреннее увеличение размера текста Windows), изображение будет увеличено, соответственно, для сохранения макета страницы.
Если размер вашего экрана меньше, так что ширина 500 пикселей не может уместиться, мы надеемся, что этот сайт уменьшает размер изображения, чтобы оно подходило (но многие сайты этого не делают).В этом случае при уменьшении будет отображаться меньше 500 пикселей. И в этом случае статистика вашего экрана выше покажет этот размер области просмотра (тогда поля L + R страницы составят 3%.

На экранах наших мониторов пиксели отображаются напрямую . Изображения имеют размер в пикселях, а экраны — в пикселях, а видео системы показывают пиксели напрямую, один к одному . В итоге, если у нас есть изображение размером 500×200 пикселей, масштабированное до 100 dpi для печати 5×2 дюймов на бумаге, на экране оно все равно будет просто отображаться как 500×200 пикселей.Масштабирование, безусловно, является сложностью (тогда отображаются разные новые пиксели с передискретизацией, но все же один к одному), но 100% фактический размер очень очевиден. Дело в том, что это очень важно, потому что — это то, как это работает , и это хорошо знать.

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

19-дюймовый ЖК-экран с разрешением 1280×1024 пикселей показывает его ширину 5,8 дюйма.
20-дюймовый ЖК-экран с разрешением 1680×1050 пикселей показывает его ширину 5 дюймов.
23-дюймовый ЖК-экран с разрешением 1920×1080 пикселей (размер текста 110%) показывает его ширину 5,75 дюйма.
19-дюймовый ЭЛТ-экран с разрешением 1280×960 пикселей показывает это изображение шириной 5,6 дюйма.
17-дюймовый ЭЛТ-монитор с разрешением 1024×768 пикселей показывает его ширину 6,0 дюйма.
iPhone 5S показывает его ширину 3 дюйма (если держать его в горизонтальном положении).

Но разные браузеры тоже могут отображать это по-разному.

Большинство настольных мониторов будут соответствовать этому стандартному стандарту (почти 6 дюймов), но 15-дюймовый монитор с разрешением 640×480 пикселей может видеть его при ширине 8 дюймов или более. Ноутбук с дисплеем с разрешением 1600×1200 пикселей может видеть его при ширине 4 дюйма или меньше. Таким образом, это очень широкий диапазон размеров для одного и того же изображения на разных экранах, и это показывает, что не существует понятия точного размера в дюймах на экране . Мы не все видят на экране одинаковый размер.На экранах пиксели отображаются в виде цветных точек, и их размер зависит от размера и разрешения монитора. Если экран настроен на отображение 1680×1050 пикселей, он БУДЕТ отображать 1680×1050 пикселей.

Значит, про дюймы на экране совершенно необходимо будет забыть, потому что видео показывает только пиксели, а экраны различаются по размеру. Единственный правильный Возможный ответ о размере видеоизображения состоит в том, что каждый экран всегда будет видеть 500 пикселей как ровно 500 пикселей (при условии, что мы просматриваем изображения на 100%). Реальный размер, иначе речь идет о других пикселях).Изображения имеют размер в пикселях, а экраны — в пикселях, и эти 500 пикселей заполнят 500 пикселей на любом экране, но те же 500 пикселей заполнят другую область в дюймах на экранах разных размеров.

Дюймы просто не имеют значения на экране компьютера, мы все видим разные вещи. Дюймы не определены в видеосистеме. Там есть нет понятия dpi в видеосистеме. Принцип работы видео заключается в том, что когда вы устанавливаете настройки видео на 1024×768 пикселей, тогда объем памяти 1024×768 пикселей на вашей видеоплате определяет вашу видеосистему.Программы, которые вы используете, будут копировать ваши пиксели прямо в этот 1024×768 пиксельная видеопамять. Один пиксель изображения попадает в одну ячейку памяти пикселей видеоплаты, один за другим. Изображение 500×200 пикселей заполняет 500×200 пикселей те 1024×768 пикселей. Эти 1024×768 пикселей выводятся на ваш экран независимо от размера прикрепленной стеклянной трубки. Видео только о эти 1024×768 пикселей (или любой другой текущий параметр).

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

Для работы этого калькулятора в вашем браузере должен быть включен JavaScript.

DCI и SMPTE — спецификации кинотеатра. ATSC — это спецификации цифрового телевидения в Северной Америке.CS — это то, что мне пришлось придумывать.

Размеры видеоэкрана цифрового ТВ
ATSC HDTV	1280×720 пикселей	16: 9	720p HD
ATSC HDTV	1920×1080 пикселей	16: 9	1080i Полный размер HD
широкий	1366×768 пикселей	16: 9	Ранние широкие экраны
DCI 2K	2048×1080 пикселей	1.90: 1	~ 17: 9
DCI 2K CS	2048×858 пикселей	2,39: 1	Кроп-кадрирование
SMTPE UHD	3840×2160 пикселей	16: 9	Ultra HD *
DCI 4K	4096×2160 пикселей	1,90: 1	2160p ~ 17: 9
DCI 4K CS	4096×1716 пикселей	2,39: 1	Кроп-кадрирование
SMPTE 8K	7680×4320 пикселей	16: 9

* UHD (Ultra HD) обычно называют 4K, но это технически разные форматы, за исключением того, что эти два фактически довольно близки по размеру (около 6.7% разница в размерах 4096 и 3840 пикселей). Фактическое двоичное число 4K может быть 4096, но UHD — это то, что доступно (на некоторых рынках). Соотношения сторон DCI 2K и 4K составляют 1,896: 1 (256: 135, приблизительно 17,06: 9. Если 4096×2304, это будет 16: 9). Но на рынке 4K UHD является потребительским стандартом с соотношением сторон 16: 9 (1,777: 1). Размеры UHD в 2 раза больше, чем в 1920×1080 (общее количество пикселей в 4 раза больше), при этом сохраняется та же форма изображения 16: 9. Некоторые потоковые и спутниковые каналы, а также некоторые Blu-Ray DVD действительно предлагают некоторые UHD-носители (которые часто называют 4K), но никакие вещательные или кабельные телеканалы не предлагают 4K или UHD.В Википедии есть список разрешений, используемых вещательными и кабельными каналами США. Все вещательные станции имеют разрешение 1280×720 или 1920×1080 (вещательные сети США: ABC и Fox — 720p, а CBS, NBC и PBS — 1080i. Кабельные каналы различаются между собой). 4K-телевизоры имеют формат UHD и могут называться 4K UHD и имеют разрешение 2160p.

Эти вычисленные значения точек на дюйм являются просто вычислением постфактум — вычислением видимого размера существующих пикселей изображения. То же изображение будет отображаться на любом подключенном мониторе.Мы можем сказать, что этот расчет является видимым разрешением результата на одном конкретном экране, но видеосистема НЕ знает об этих числах точек на дюйм и не использовала такие числа в точках на дюйм или дюймах для отображения изображения на экране. Цифры, которые важны для показа изображений на наших экранах, — это номера размеров экрана в первом столбце. Если у нас есть экран 800×600 пикселей, это то, что мы видим, и тогда мы точно знаем, как на нем поместится изображение размером 400×300 пикселей.

Этот размер экрана в пикселях называется разрешением видеосистем, и он выбирается и называется «Разрешение экрана» в Панели управления Windows («Дисплей»).Сегодня светодиодные мониторы являются цифровыми и могут указывать фактические исходные значения по умолчанию, которые следует сохранить и использовать. Этот образ указанного размера создается ОС в памяти вашей видеокарты. Затем это указанное изображение видеокарты отображается на вашем мониторе, независимо от каких-либо деталей монитора (и если светодиод, хорошо, если две сетки совпадают). Чтобы ЭЛТ-экран выглядел достойно, нам нужна была комбинация размеров около 70 точек на дюйм, а 80 точек на дюйм было лучше. Сегодня многие светодиодные корпуса имеют разрешение около 100 dpi. Эта диаграмма показывает, почему большие размеры экрана, такие как 1600×1200 пикселей, были названы «высоким разрешением».Больше пикселей (если они действительно есть) в той же области экрана — это меньшие пиксели с большим потенциалом для детализации всего экрана. Это означает, что тогда мы могли бы показать более крупное изображение, большее количество пикселей с большей детализацией.

Когда мы показываем слишком большое изображение (больше, чем наш экран или окно просмотра, все измеряется в пикселях), наше программное обеспечение для просмотра обычно вместо этого показывает нам временную копию с быстрой передискретизацией, достаточно маленькую, чтобы ее можно было уместить на экране, поэтому мы можем видеть это, например, возможно, может быть 1/4 фактического размера (эта доля обычно указывается нам в фоторедакторах, поэтому мы знаем, что это не настоящие данные полного размера).Мы по-прежнему видим пиксели этого меньшего изображения, представленные непосредственно на экране, один к одному, и это единственный способ, которым видео может отображать изображения. Когда мы редактируем его, мы меняем соответствующие пиксели в исходных данных большого изображения, но мы по-прежнему видим новую уменьшенную копию этих изменений с передискретизацией. Но затем на экране все еще отображается эта передискретизированная копия с таким кажущимся вычисленным разрешением. Видео просто показывает пиксели «один к одному» на экране.

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

О том, что мы видим:

Ваша программа для редактирования фотографий обычно автоматически пересчитывает слишком большое изображение, чтобы оно было меньше, чтобы оно поместилось в программе. размер окна. Тогда мы видим только уменьшенную копию на экране, новые пиксели, а не исходные пиксели. Он также предоставляет View или В меню «Масштаб» мы можем создать копию любого желаемого размера, не затрагивая исходные данные. Строка заголовка окна покажет уменьшение размера ratio, как предупреждение о том, что эта копия экрана не является реальными данными изображения.Например, строка заголовка может указывать на то, что мы просматриваем копию на 33%. размер, или, можно сказать, соотношение 1: 3 от реального размера (1: 3 также составляет 33%). Мы видим только фактические исходные пиксели, когда он говорит о размере 100% или 1: 1.

Вторая ситуация — программ макета страницы (например, MS Word, Publisher, Acrobat, InDesign, PageMaker, Quark). Эти обрабатывают изображения иначе, чем фоторедактор. По крайней мере, фоторедактор может создать изображение размером в один пиксель, его цель — создавать изображения. Но эти Программы верстки страниц имеют единственную цель: проектировать и печатать бумажные документы .Самое меньшее, что может создать программа верстки страницы, — это пустая страница, на которой указан как минимум размер страницы в дюймах. Это совсем другое, все дело в той странице бумаги. (но люди запутались в этом). Мы добавляем текст и изображения в этот документ, чтобы заполнить несколько дюймов отпечатанной бумаги. Программы верстки страниц обязательно покажите наш документ на видеоэкране, но то, что мы видим, является копией изображения той страницы бумаги. Он может иметь другие встроенные изображения, заполняющие области на этой бумажной странице, которые передискретизируются очень маленькими, чтобы соответствовать их выделенному пространству в изображении полной страницы, которое мы видим на экран.Опять же, у нас есть меню Zoom, чтобы показать это изображение страницы любого желаемого размера.

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

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

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

Как это сделать?

Продолжение

image_size

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

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

Процедуры

Измените разрешение пространственно большого изображения.

Выберите изображение: Размер изображения …

Не обращайте внимания на поля размеров пикселей вверху. Обязательно соедините вместе ширину и высоту, иначе изображение получится забавным.
Поля «Ширина» и «Высота» должны оставаться связанными вместе (не снимайте флажка «Сохранить пропорции»). Введите новый номер в любое из этих двух полей, чтобы изменить размер изображения. Однако см. Ниже.
Чтобы изменить разрешение, снимите флажок «Resample Image».Это заставит Photoshop изменить абсолютный размер изображения, сделав все пиксели меньше. Эффект будет заключаться в увеличении dpi изображения.

Здесь я изменил изображение шириной 8 футов на 3 дюйма. Photoshop уменьшил размеры изображения, сделав пиксели меньше. Новое изображение размером 3X2 дюйма с разрешением 191dpi.

Уменьшить разрешение изображения с высоким разрешением

Выберите изображение: Размер изображения …

Здесь мы хотим уменьшить разрешение изображения размером 14 x 12 дюймов с разрешением 300 точек на дюйм до 72 точек на дюйм.
Поставьте галочку в поле «Resample Image / Bicubic», затем введите новое число в поле «Ширина» или «Высота».
При вводе «72» в поле «Разрешение» Photoshop будет брать образец изображения и удалять более 2 из каждых трех пикселей, в результате чего получается изображение с разрешением 72 точки на дюйм с такими же пространственными размерами.

Изображения леса

Руководство по разрешению изображений

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

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

Ниже представлены пять разрешений изображений, предлагаемых на нашем сайте:

192×128
384×256
768×512
1536×1024
3072×2048

Многие цифровые камеры выражают разрешение в мегапикселях (МП). Например, Nikon D70 — это камера с разрешением 6,1 МП; при съемке с максимальным разрешением камеры изображение будет иметь около 6.В нем 1 миллион пикселей. Чтобы определить МП в изображении, умножьте количество пикселей по ширине на количество пикселей по длине.

Например, 5 разрешений, которые мы предлагаем на нашем сайте, имеют следующие MP

пикселей по ширине		Пикселей по длине		Всего пикселей		Мегапикселей
192	х	128	=	24 576	=	0.02
384	х	256	=	98,304	=	0,10
768	х	512	=	393 216	=	0,39
1536	х	1024	=	1 572 864	=	1.57
3072	х	2048	=	6,291,456	=	6,29

Теперь, когда вы знаете, сколько пикселей у вас есть, следующий шаг — решить, какого он будет размера при использовании. С каждым выводом связано определенное разрешение, часто выражаемое в пикселях на дюйм или PPI. PPI отличается от точек на дюйм или DPI.DPI означает количество тонера или чернил, используемых на дюйм бумаги. Несмотря на это различие, многие компьютерные программы используют DPI в качестве приблизительного ориентира для приближения к PPI. Вот краткий список выходов PPI:

Тип выхода	пикселей на дюйм
Компьютерные мониторы	72-96
Видеопроекторы	Зависит от расстояния от экрана
Коммерческая полиграфия	300

Чтобы определить максимальный размер, при котором данное изображение может быть отображено или напечатано без искажений, разделите размеры в пикселях на PPI для вывода.Вот 2 примера наших разрешений:

Отображается на мониторе компьютера при 72 PPI

пикселей по ширине		Пикселей по длине	Максимальная ширина (дюймы)		Максимальная высота (дюймы)
192	х	128	2.7	х	1,8
384	х	256	5,3	х	3,6
768	х	512	10,7	х	7,1
1536	х	1024	21.3	х	14,2
3072	х	2048	42,7	х	28,4

Отпечатано в коммерческих целях с разрешением 300 DPI
Ширина пикселей		Длина пикселей	Максимальная ширина (дюймы)		Максимальная высота (дюймы)
192	х	128	0.6	х	0,4
384	х	256	1,3	х	0,9
768	х	512	2,6	х	1,7
1536	х	1024	5.1	х	3,4
3072	х	2048	10,2	х	6,8

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

Общие сведения о разрешении, печати и Интернете

Печать в Цвет на IMRC

ПРАВИЛА (Важно!):

1.В офис IMRC допускаются только сотрудники IMRC.
2. Только персонал IMRC может использовать компьютер, предназначенный для цветной печати.
3. Только персонал IMRC будет печатать документы с принтера.

ИНСТРУКЦИЯ:

1. Когда человек желает распечатать документ в цвете, попросите их открыть документ на ИХ КОМПЬЮТЕР . На этом этапе вы должны спросить их, удовлетворены ли они документ / изображение в его текущем состоянии с учетом того, что после его печати ОНИ ЯВЛЯЮТСЯ ОТВЕТСТВЕННОСТЬ ЗА ОПЛАТУ , удовлетворены ли они печатной копией или не.

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

3. Скажите человеку что они должны использовать gold plus / bursar account / check для оплаты отпечатков.

4. Скопируйте документ на zip-диск Photoshop Files, расположенный на компьютере в офисе IMRC. Возьмите этот диск в компьютер, вставьте и откройте в соответствующей программе.Если это файл изображения, используйте Adobe Photoshop.

5. После ввода Adobe Photoshop, проверьте разрешение изображения. Это можно сделать, нажав Изображение — Размер изображения . См. Информацию, расположенную ниже в разделе «Понимание Разрешение, печать и Интернет »для получения дополнительных инструкций по проверке разрешения. Убедитесь, что разрешение составляет от 100 до 150 пикселей на дюйм и что фактический размер документа соответствует размеру бумаги.(Наш бумага 8 1/2 x 11 дюймов)

6. Загрузите соответствующий бумагу в принтер.

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

Понимание Разрешение, печать и Интернет

При сохранении изображений для web и печать на цветном принтере, вы должны выбрать размер изображения и разрешение которые подходят для вашей задачи.Поскольку мониторы могут просматривать изображения только на 72 пикселя на дюйм, нет необходимости увеличивать разрешение сверх этого уровня. В приведенном ниже примере у нас есть изображение ошибки, которая выглядит открытой при размере 100%. (фактический размер) в Photoshop 6.01.

Как вы заметите ниже в В меню размера изображения есть два аспекта этого изображения: Размер пикселей и Размер документа . В этом примере размер пикселей равен 336 x 252 пикселя , размер документа — 4.667 x 3,5 дюйма , а разрешение составляет 72 пикселя на дюйм .

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

Теперь предположим, что вы не стремиться к тому, чтобы ваше изображение было просмотрено в сети; вместо этого вы собираетесь напечатать изображение на качественном цветном принтере.В приведенном ниже примере мы увеличили разрешение до 150 пикселей на дюйм; в результате «фактический размер» (100%) изображение будет увеличиваться на вашем экране.

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

Обратите внимание, что разрешение разные в каждом (72 пикселя / дюйм в первом, 150 пикселей / дюйм во втором) и размер документа, ширина и высота такие же, но размеры в пикселях теперь равны другой.


Перед	После

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

Объяснение разрешения изображения: что такое DPI?

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

Подумайте о том времени, когда вы заказали рекламные буклеты, и после доставки обнаружите, что изображения, напечатанные на листовках, имеют пиксели. В большинстве случаев, когда это происходит, значение DPI (точек на дюйм) было установлено слишком низким, что означает низкую плотность точек.Расплывчатые результаты могут беспокоить кого угодно, включая службы доставки, малые предприятия и крупные компании. Почему? Ну, потому что невозможно определить, достаточно ли значения DPI для печати, просто посмотрев на изображение в цифровом виде. Значение зависит исключительно от разрешения изображения. Соответственно, знание DPI может помочь нам гарантировать желаемые результаты.

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

Значение DPI показывает, сколько точек печатный станок или печатный станок создает на дюйм.

Для чего нужны значения DPI?

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

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

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

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

Плотность точек: дорожная карта для онлайн-использования

Единственное, что имеет значение для цифровых фотографий, — это размер: DPI не имеет значения. Например, фотография размером 800×600 может выглядеть больше на 24-дюймовом экране с разрешением Full HD (1080×1920) по сравнению с экраном того же размера с разрешением 2k (2048×1080). Причина: на цифровых экранах пиксели — единственное, что имеет значение, поэтому, если файл изображения имеет размеры 800×600, именно эти 800×600 пикселей будут представлять изображение на мониторе.Экраны максимально используют доступную информацию об изображении, независимо от плотности точек изображения.

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

Знаете ли вы? Разрешение экранов современных мониторов все больше улучшается. Чем выше плотность пикселей, тем меньше отображается то же изображение.

Лучшая стратегия: сохранить оригинал!

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

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

Мы хотим избавить вас от неприятностей!

Как? Выберите pixx.io в качестве программного обеспечения для управления медиа; все ваши медиафайлы будут автоматически сохранены в исходном разрешении и соответствующих значениях DPI. Следовательно, вы можете скачать все напрямую для любого приложения в соответствующих форматах.

У вас еще нет pixx.io? Дайте нам возможность показать вам преимущества профессионального управления имиджем и сэкономить при этом огромное количество времени и энергии.

Урок 16. Размер и разрешение изображения. Форматы файлов._

Пиксели, размер изображения и разрешение изображения в фотошопе

Что такое пиксели?

Присмотритесь к пикселям

Пиксельная сетка

Уменьшение, чтобы просмотреть изображение

Какой размер изображения?

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

Размеры в пикселях

Нахождение общего количества пикселей

Что такое разрешение изображения?

Ширина, высота и разрешение соединения

Опция Resample

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

Как работает разрешение изображения?

Как определить размер отпечатка

Изменение разрешения изменяет размер печати

Изменение размера печати меняет разрешение

Влияет ли разрешение изображения на размер файла?

Более низкое разрешение по сравнению с размером файла

Более высокое разрешение по сравнению с размером файла

Размер и разрешение изображения в фотошопе. Как изменить размер фотографии. Подробный урок

По этой теме также читают:

Размер печатного оттиска

Отключаем функцию ресамплинга

Ширина, высота и разрешение

Значение разрешения

Разрешение и качество изображения

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

1. Пиксели, разрешение, размер изображения. Основные понятия компьютерной графики

Похожие главы из других работ:

4.1.1 Оптическое разрешение

1.3 Рабочий размер массива

2.4.1 Разрешение конфликтов

2.2.1 Разрешение

Имя Тип Размер

ИмяТип Размер

Имя Тип Размер

Размер полей

Размер полей

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

3.3.2 Цветовое разрешение и цветовые модели

1.4.1 Разрешение.

1.4.2 Интерполированное разрешение

3.3 Размер шрифта

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

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

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

image_size

Измените разрешение пространственно большого изображения.

Уменьшить разрешение изображения с высоким разрешением

Изображения леса

Руководство по разрешению изображений

Общие сведения о разрешении, печати и Интернете

Объяснение разрешения изображения: что такое DPI?

Для чего нужны значения DPI?

Плотность точек: дорожная карта для онлайн-использования

Лучшая стратегия: сохранить оригинал!

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