Что такое разрешение изображения: Что такое разрешение экрана | Фирменный интернет-магазин Samsung

Содержание

Разрешение изображения, необходимое для печати

Разрешение изображения, необходимое для печати

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

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

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

Так что оставайтесь с нами, прочитайте эту статью, и мы постараемся все объяснить максимально просто и понятно!

Как вы, вероятно, знаете, при просмотре фотографии на мониторе компьютера, вы на самом деле видите сетку, состоящую из множества крошечных точек. Эти точки называются «пикселями». Точно так же, когда изображение воспроизводится в печати, оно состоит из тысяч маленьких точек чернил.

Разрешение – это число этих точек (или пикселей), которые сжаты в данной области.

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

Сетку точек, из которой состоит напечатанное изображение, можно увидеть с помощью увеличительного стекла.

В чем измеряется изображение?

Разрешение изображения обычно измерить в точках на дюйм (dpi). По сути, dpi — это количество точек или пикселей, которые воссоздают изображение. Если вы просматриваете изображение на мониторе компьютера, чтобы оно было четким его разрешение должно быть не менее 72 dpi. Если разрешение будет более низким, пиксели получатся слишком большими, вы даже сможете увидеть их невооруженным глазом. В результате чего получится размытое или «пиксельное» изображение.

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

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

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

 

Мы занимаемся:

  1. Изготовлением картонажных изделий;
  2. Цифровой оперативной печатью;
  3. Листовой продукцией;
  4. Постпечатными услугами.

Лекция 2 Основные понятия кг Разрешение изображения и его размер

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

Разрешение экрана – свойство компьютерной видеосистемы (зависит от параметров монитора и видеокарты) и операционной системы (зависит от настроек Windows). Разрешение экрана измеряется в пикселах на дюйм (ppi — pixel per inch) и определяет размер изображения, которое может быть размещено на экране целиком.

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

Разрешение изображения – свойство самого изображения. Оно измеряется в точках на дюйм (dpi) и задается при создании изображения в графическом редакторе или с помощью сканера. Значение разрешения изображения хранится в файле изображения и неразрывно связано с другим свойством изображения – его физическим размером.

Физический размер изображения. Может измеряться как в пикселах, так и в единицах длины (миллиметрах, сантиметрах, дюймах). Он задается при создании изображения и хранится вместе с файлом.

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

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

Размер иллюстрации в пикселах

Размер отпечатка, мм при разрешениях

75 dpi

150 dpi

300 dpi

600 dpi

640х480

212х163

108х81

55х40

28х20

800х600

271х203

136х102

68х51

34х26

1024х768

344х260

173х130

88х66

44х33

1152х864

390х292

195х146

98х73

49х37

1600х1200

542х406

271х203

136х102

68х51

Понятие растра

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

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

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

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

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

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

Вы узнаете:

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

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Как влияет Resolution (Разрешение) на качество снимка.

4. Увеличение размера без потерь качества.
5. Плагины для изменения размеров изображений.
6. Подготовим изображение для размещения в интернете.
7. Save for Web (Сохранить для Web).
8. Сохранение в формат JPG.
9. Сохранение в формат GIF.
10. Сохранение в формат PNG.

12. Сохранение в формат PDF.
13. Сохранение в формат PSD.
14. Вопросы.
15. Домашнее задание.

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

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

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

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

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

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

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

Чтобы изменить разрешение или размер выберите в меню Image (Изображение) – Image Size (Размер изображения). Или нажмите 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 раза сразу скажется на вашем разрешении. Файлы станут гигантского веса. Так что при работе с данным окном и при создании нового документа следите, чтобы были выбраны пиксели на дюйм.

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

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

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 есть достаточно средств для изменения размера изображения. Однако нельзя не отметить и других производителей.

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

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

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

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

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

Выберите в меню File (Файл) Save for Web (Сохранить для 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 (Матовый/Обработка краев).

Для сохранения воспользуйтесь Меню 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. В нем можно сохранить слои, маски, обтравочные маски, контуры, текст и другие моменты не законченной работы.

Вопросы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Зачем вообще нужно обращаться к статистике? Дело в том, что если мы хотим, чтобы наши картинки было комфортно смотреть, необходимо учесть удобство большинства бользователей, а лучше всех. Реально учесть интересы всех вряд ли возможно, т.к. они часто противоречат друг другу. Например, если сделать картинку под большое разрешение вроде 3200х2400 px, её будет очень сложно просматривать на маленьком мониторе. И наоборот, если оптимизировать картинку под разрешение, скажем, 320х240, то на экранах значительной части зрителей она будет выглядить как маленькое пятнышко, где нельзя рассмотреть не только деталей, но и толком сюжета. Встаёт логичный вопрос — где золотая середина?

На мой взгляд, с одной стороны необходимо ориентироваться на большинство пользователей, с другой, учитывать интересы малочисленных групп. К значимым группам я бы отнёс аудиторию, составляющую 5%-10% и выше. Всё-таки менее 5%, это обычно пользователи со спецзадачами, а вот от 10%, это уверенно высокая часть аудитории, пренебрегать которой недопустимо. Есть и другие критерии. Например, иногда специально ограничивают потенциальную аудиторию тематической выборкой, заведомо отсекая «непрофильных потребителей», в угоду комфорта основных. Такой подход также бывает оправдан, но лично я предпочитаю по возможности учитывать интересы максимально возможного количества зрителей.

С максимальным ограничением размера фотографий ситуация более-менее ясна. Редко кто готов бесплатно раздавать графические файлы, поэтому просмотр в интернете обычно подразумевает режим preview (предосмотр). Для вполне качественной печати формата 10х15 достаточно разрешения 200 dpi, чему соответствует файл порядка 1200х800 пикселей. Охраняя свои творения от посягательств, фотографы стараются не допускать размещение в интернете файлов выше размера печати 10х15.

Для того, чтобы определиться с минимальными размерами, обратимся к статистике. В первую очередь к глобальной статистике интернета — например, w3counter.com , spylog.ru , hotlog.ru . Мы видим, что лидер сегодняшних хит-парадов, это разрешение 1024х768. Доля таких пользователей колеблется в среднем от 22% до 47%. Второе место принадлежит разрешению 1280×1024, которым пользуется от 15% до 20% человек. В моём опросе места 1 и 2 поменялись местами — 11% и 49% соответственно. Я думаю, это связано с тем, что мой блог читают в основном люди, в той или иной степени увлечённые фотографией, т.е. обладающие мониторами размеров выше среднего. Вместе с тем даже среди такой аудитории процент использования разрешения 1024х768 уверенно превысил 10%.

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

Когда мы говорим о разрешении экрана, то должны помнить следующее. Как правило, часть экрана требуется на интерфейсы операционной системы (например, кнопка «Пуск» и полоса навигации в Windows) и интерфейс браузера. Конечно, существуют режимы просмотра full screen (полный экран), но если вспоминать про удобство пользователей, то необходимо уместить картинку целиком в его стандартном поле для просмотра web-страниц. Давайте посмотрим, какового это поле при разрешении 1024х768? А оно примерно таково:

Размер 1000х620 пикселей определён примерно, т.к. в реальности он варьируется в зависимости от ОС, используемых режимов и интерфейсов браузера. Также некоторые учитывают ICQ-клиент, но я считаю, что для просмотра картинок в интернете человек вполне способен убрать его на это время.

С учётом минимально необходимых отступов, получается, что для показа картинки с соотношением сторон 3:2 у нас остаётся 600 пикселей по высоте. Что соответствует 900 по ширине.

900х600 — этот формат я определяю для себя в качестве максимального для публикации в интернете. Вот так он выглядит в реальном размере:

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

3:2 (горизонтальный) — 900х600
3:2 (вертикальный) — 400х600
4:3 (горизонтальный) — 800х600
4:3 (вертикальный) — 450х600
1:1 (квадрат) — 500х500

При размещении картинок свыше 900х600 пикселей мы заведомо создаём неудобство просмотра для большого количества людей. В этом случае пострадает в среднем от 10% (увлеченной) до 50% (массовой) аудитории, у которых возникнут полосы прокрутки и которые не смогут без специальных действий просмотреть фотографию целиком на экране.

Несколько примечаний:

1. В случае нестандартных соотношений сторой я ориентируюсь на максимальный размер стороны согласно обозначенному ограничению 900х600. Например, картинку 3000х1500 пикселей я скорее всего уменьшу до 900х450.

2. Квадрат сам по себе создаёт ощущение большой площади, поэтому для гармоничного его просмотра с другими картинками, я беру максимальную сторону чуть меньше, чем для других случаев (500, а не 600).

3. В случае узкой длинной панорамы стараюсь сделать один размер для просмотра целиком на экране + ссылка на более большой вариант. Конкретные цифры зависят от самой панорамы, но для таких случаев при описанном подходе (наличие превью и ссылки) считаю допустимым делать картинку шириной 1200-1500 пикселей и даже больше. Но только, если такая картинка буде скрыта под отдельной ссылкой.

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

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

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

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

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

Размер растрового изображения — это ширина и высота рисунка в пикселах. Например, если мы правым кликом по картинке на этой странице откроем контекстное меню и пройдем в «Свойства изображения…»:

то увидим его габариты в пикселах, где 200 — его ширина, а 150 — высота:

Количество пикселей на единицу длины — это и есть разрешение изображения. Чем выше разрешение, тем больше пикселей расположено в дюйме. Тем более мелкими они будут. И тем более четкими будут детали изображения, более точным будет отображение оригинала. Разрешение измеряется в dpi (dots per inch) — количестве точек на дюйм.

Для распечатанной фотографии обычного качества достаточно разрешения в 300 dpi. Исходя из этого легко посчитать размер цифрового изображения в пикселах для определенного формата фотобумаги. Например, чтобы вписать фотографию на формат А4 (210х297) мм или 8х11 дюймов, умножаем 8 на 300 и 11 на 300. И получаем 2400х3300px. Таким должен быть минимальный размер картинки для распечатки на А4. Если размеры будут меньше, то изображение будет нечетким, расплывчатым.

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

Мониторы на основе электронно-лучевой трубки (ЭЛТ-мониторы), которые сегодня уже почти нигде не применяются могут эффективно работать в различных разрешениях. Жидкокристаллические дисплеи и мониторы десктопов и ноутбуков на их основе лучше всего использовать на собственном разрешении. Собственное — это разрешение для которого разработан монитор исходя из его размеров.

Мониторы по соотношению сторон бывают стандартными 4:3 или широкоформатными с 16:9, или 16:10. Это значит, что на четыре единицы ширины экрана приходится три единицы в высоту. Или 16 единиц по горизонтали при девяти по вертикали.

У ЖК-мониторов по сравнению с ЭЛТ есть ряд преимуществ. Это компактность и малый вес. Отсутствие мерцания связанное с частотой смены кадров. Отсутствие геометрических искажений изображения. Высокая четкость картинки — следствие большей разрешающей способности. ЖК-мониторы не излучают электромагнитных волн и поэтому безопаснее. Современные широкоформатные мониторы выпускаются даже со встроенной аудиосистемой.

Правым кликом в любом месте рабочего стола откроем контекстное меню и выберем строку «Разрешение экрана». Откроется окно «Настройки экрана». Здесь развернем шкалу «Разрешение»:

1920х1080px и есть собственное разрешение данного 24-дюймового дисплея. 24 дюйма — это его диагональ. Чтобы узнать dpi, нужно 1920 пикселей поделить на ширину и 1080 пикселей на высоту экрана в дюймах. И получаем 92dpi. Для сравнения: у 15-дюймового ЭЛТ-монитора оптимальным считается разрешение 800х600px, что составляет 67dpi.

Отсюда — практические выводы. Когда мы подбираем красивые обои на рабочий стол, размер картинки в пикселах не должен быть меньше установленного разрешения монитора. Например, для представленного выше 24-дюймового монитора габариты рисунка должны превышать 1920px по горизонтали и 1080px по вертикали. Или быть точно такого же размера. Изображение меньшего размера будет выглядеть размытым и абсолютно неприемлимо.

Обои и различные изображения можно подобрать на специализированном поисковике картинок. Активная ссылка есть на странице поисковики интернета .

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

Еще много можно интересного написать о графических форматах.

И, как самому легко сделать gif-анимацию –«гифку» читаем в статье

Цифровые изображения имеют свои размеры и вес. Например, стандартное фото хорошего качества в формате JPEG может весить 5 MB мега байт и иметь размеры 4200х2800 px пикселей ширины и высоты. Стандартное же разрешение монитора тоже считается в пикселях. Самые популярные размеры — это 1024×768, 1152×864, 1280х960.

Теперь, если сопоставить разрешение монитора 1024х768 и размер картинки 4200х2800, то становится очевидным, что она более чем в 2 раза шире самого монитора, а значит браузер (Опера, Мозила и пр) будет сжимать картинку до нужных ему размеров, или появятся ползунки, и придется прокручивать её. Зависит от установок сайта. К тому же изменятся только видимые размеры картинки.
Мы, конечно, можем впихать в наш сайт подобные габариты, но такие фото занимают много места на хосте т.к. весят много. Вдобавок тормозят браузеры и компьютер посетителей. Все это добро чрезвычайно долго открывается, что отпугивает немалую часть посетителей. Я, например, долго прогружаемые сайты закрываю и гуглю дальше.


Как узнать оптимальный размер картинки для той или иной статьи?

В принципе можно и на глаз, если размер монитора 1024х768, то возьмем примерные размеры поля браузера и вычтем из размера монитора. Поля сайта тоже вычтем, то получим примерно 900х700 +- px то есть, фото можно смело уменьшать до таких размеров. А вообще 600х400 самое оно.

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


Изменить размеры и вес фото можно в фотошопе.

Размер изменяем таким образом. Image(Изображение) — Image Size – В полях width и height ставим нужные значения в пикселях, и в поле ниже constrain proportions(сохранять пропорции) ставим галочку. Скрин ниже.

Изменяя вес, мы изменяем качество изображения . Например с 5мb можно смело опускать качество до 50-200 кв, и на мониторе это будет не заметно. На некоторых картинках и при 15кв особо не заметны ухудшения. Зато места занимают в десятки раз меньше. Слева картинка сжатая — 500х630 26,7кб, справа нет — 1269х1600 1.35Мб. Вышло в 6 раз меньше. Если не придираться, то и не заметно.


Как изменить вес фото или картинки? Все просто. Меняется вес в фотошопе несколькими путями. 1) Просто изменить размер image- image size и если недостаточно уменшили , 2) File — Save for web & devices . Появится окошко с установками параметров, в верхнем правом будет ползунок Quality (качество) , в нижнем левом показатель веса картинки. Качества ставите Low – низкое, следите на сколько уменьшается вес и возюкаете ползунок до нужного значения. Скрин ниже.

Или можно таким образом. File — save as — появится список форматов, выберите например Jpeg далее жмём «сохранить», появится окошко JPEG options. Там в окошке image option будет ползунок, перемещая его увидите справа цифры — сколько весит.

Еще один способ сжать картинку разлицных форматов — это специальные сайты, веб сервисы например вот tinypng . com

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

Справедливости ради нужно сказать: разрешение придумано не для того, чтобы портить нам жизнь. Истинной причиной плохого качества печати являются очень маленькие пиксельные размеры большинства картинок в интернете: как правило, 640×480 пикселей и даже меньше, благодаря чему они быстро и качественно отображаются на экране компьютера и загружаются на веб-сайтах.

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

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

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

Понятие Разрешение полностью относится к печати, но не имеет ничего общего с отображением картинки на экране монитора; именно поэтому на экране все всегда выглядит больше и качественнее.

Для примера рассмотрим вот эту фотографию:

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

Сперва нужно проверить размер фотографии в Фотошопе через меню Изображение > Размер изображения (Image > Image Size) (Ctlr + Alt + I). В открывшемся диалоговом окне отображается полная информация о размере:

Диалоговое окно Размер изображения (Image Size) разделено на две части: верхняя называется Размерность (Pixel Dimensions), нижняя – Размер печатного оттиска (Document Size). Размерность показывает ширину и длину в пикселях, а Размер печатного оттиска – реальные размеры картинки при печати на бумаге.

В подразделе Размерность (Pixel Dimensions) указано: ширина нашей фотографии – 1200 пикселей, высота – 800. Звучит, будто это очень много (перемножив значения ширины и высоты, получим целых 960,000 пикселей в картинке!) Да, это действительно много для экрана монитора. Фотография такого размера может и не уместиться на экране! Но, к сожалению, это не значит, что качество печати будет высоким. Обратите внимание на подраздел Размер печатного оттиска:

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

Значение в поле Разрешение (Resolution) одинаково относится к ширине и к высоте, но не к общему количеству точек. Другими словами, для каждого квадратного дюйма бумаги 72 пикселя от нашего изображения будут напечатаны слева направо, и 72 пикселя сверху вниз. Общее количество пикселей на каждом квадратном дюйме бумаги составит 5184 (72×72).

Произведем небольшой математический расчет, чтобы убедиться, что ширина и высота изображения корректно отображаются в поле Размер печатного оттиска (Document Size). Нам известна ширина изображения — 1200 пикселей, и высота – 800 пикселей. Разрешение на данный момент составляет 72 пикселя на дюйм; чтобы выяснить размеры на бумаге, нужно разделить количество пикселей, составляющих ширину, на 72; аналогично вычисляется высота.

Ширина (1200 пикселей), разделенная на 72 пикселя на дюйм — 16.667 дюйма
Высота (800 пикселей), разделенная на 72 пикселя на дюйм — 11.111 дюйма

Итак, размер изображения на бумаге составит 16.667×11.111 дюймов.

Обратимся к подразделу Размер печатного оттиска (Document Size) снова:

Размеры указаны именно такие! Какой большой получится фотография, не так ли?

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

Попытайтесь представить себе качество при размерах 11 х 16 дюймов.

Сейчас точки расположены слишком далеко друг от друга, поэтому нет ни резкости, ни детальности. Качество глухое, слишком мягкое и, следовательно, непривлекательное. На экране все выглядит не так: мониторы относятся к устройствам низкого разрешения. На них прекрасно смотрится даже фотография относительно небольших размеров, например, 640×480 пикселей. Однако принтеры – устройства высокого разрешения, и для качественной печати понадобилось бы значение намного больше 72 пикселей на дюйм.

Насколько высоким должно быть разрешение, чтобы получить качественную профессиональную печать? Общепринятое значение составляет 300 пикселей на дюйм; при печати пиксели располагаются друг к другу очень близко, за счет чего изображение выглядит четким. Можно даже использовать разрешение 240 пикселей на дюйм – и этого будет достаточно.

Изменим разрешение у нашей фотографии: в поле Разрешение (Resolution) установим 300. Обратите внимание, что в подразделе Размерность (Pixel Dimensions) сохранились значения 1200 и 800.

Увеличение разрешения с 72 до 300 пикселей означает, что из 1200 пикселей ширины в каждом дюйме бумаги будут напечатаны 300 пикселей, из 800 пикселей высоты – столько же. При таком сжатии фотография на бумаге получится меньшего размера. Поэтому в подразделе Размер печатного оттиска (Document Size) размер фотографии теперь составляет 4 дюйма в ширину и 2.667 дюймов в высоту.

Снова прибегнем к математическим вычислениям:

Ширина (1200 пикселей), разделенная на 300 пикселей на дюйм — 4 дюйма
Высота (800 пикселей), разделенная на 300 пикселей на дюйм — 2.667 дюйма

Все верно!

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

Конечно, никто не станет печатать фотографии таких нестандартных размеров, как 4×2.667 дюйма. Как же получить качественную фотографию размером 4х6? Нам вновь придется обратиться к вычислениям.

Допустим, Вы сделали несколько снимков семейного отдыха на цифровую камеру и хотите их распечатать так, чтобы размер фотографий был 6×4. Мы теперь знаем, что для достижения профессионального качества печати необходимо разрешение минимум 240 пикселей на дюйм (лучше 300).

Давайте посмотрим на оба значения разрешения и решим, какое лучше выбрать. При разрешении 240 пикс/дюйм ширина и высота будут следующие:

240 пикселей умножим на 4 дюйма по ширине — 960 пикселей (ширина).
240 пикселей умножим на 6 дюймов по высоте – 1440 пикселей (высота).
Общее количество: 960х1440 – 1382400.

Итак, размерность фотографии должна составлять 960х1440. Сейчас большинство цифровых камер имеют разрешение 5 Мп (мегапикселей или миллионов пикселей) и выше, поэтому в данном случае не будет проблемой распечатать фотографию размером 4х6 дюйма даже разрешением 300пикс/дюйм. Пиксельные размеры составят соответственно 1200×1800 (всего 2160000).

А что делать, когда требуются фотографии не 4х6 дюймов, а 8х10?

240 пикселей умножить на 8 дюймов – 1920 пикселей.
240 пикселей умножить на 10 дюймов – 2400 пикселей.
Общее количество: 1920×2400 – 4,608,000 пикселей.

Итак, чтобы напечатать фотографию в хорошем качестве размером 8х10 дюймов, ее размер в пикселях должен составлять 1920 пикселей в ширину и 2400 в высоту (или наоборот), а разрешение камеры должно быть около 4.6 миллионов пикселей.

Цифровая камера с разрешением, например, 4 Мп не даст необходимых 4,6 Мп, поэтому напечатать фотографии с такой камеры размером 8×10 с разрешением 240 качественно не получится.

Для печати фотографии размером 8×10 дюймов и разрешением 300 понадобится:

300 пикселей умножить на 8 дюймов – 2400 пикселей в высоту.
300 пикселей умножить на 10 дюймов – 3000 пикселей в ширину.
Общее количество — 7,200,000 пикселей.

Вот это уже действительно большое количество точек!
Для печати фотографии размером 8х10 дюймов с разрешением 300 пикс/дюйм, ее размер должен составлять 2400 пикселей в ширину и 3000 в высоту (или наоборот), общим количеством 7.2 миллиона пикселей. Это достаточно много, и камера должна быть с разрешением минимум 7,2 Мп! Не забывайте, что фотографии иногда требуют обрезки. Поэтому я настоятельно рекомендую приобрести камеру с разрешением 8Мп!

Что вам нужно знать

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

1. Различия между DPI и разрешением

2. Базовый обзор DPI

3.Краткое изложение резолюции

******

Различия между DPI и разрешением

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

DPI — это исключительно показатель печати, и в основном он используется всеми нами в Ironmark, когда мы сосредоточены на интеграции печати в наши цифровые кампании.

Разрешение

используется для анализа качества фотографии и полезно как в цифровых, так и в печатных СМИ.

Чтобы лучше понять это, давайте посмотрим, что на самом деле составляет оба этих термина, связанных со СМИ.

Базовый обзор DPI

Согласно техническим терминам, DPI «расшифровывается как «Dots Per Inch» [и] используется для измерения разрешения изображения как на экране, так и при печати. ​​Как следует из названия, DPI измеряет, сколько точек помещается в линейный дюйм. .Следовательно, чем выше DPI, тем больше деталей можно показать на изображении».

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

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

СВЯЗАННЫЕ: ВЕКТОР ПРОТИВ. РАСТР ФАЙЛЫ

Краткое изложение резолюции

Когда дело доходит до графического дизайна, социальных сетей, маркетинга, печати или любых изображений, связанных с бизнесом, разрешение обязательно играет роль. Разрешение, согласно Lifewire, «относится к количеству пикселей, содержащихся в [электронном изображении], обычно выражаемому в миллионах пикселей или мегапикселях (МП)… Чем выше разрешение изображения, тем выше его качество».

Таким образом, разрешение часто используется для определения качества как цифровых, так и печатных изображений, а также во многих случаях используется для измерения размера фотографий.Например, если у вас есть фотография в блоге размером 800 x 600 пикселей, это означает, что изображение имеет ширину 800 пикселей и длину 600 пикселей. Вот почему фотографии с высоким разрешением — это одна из вещей, которые нужны вашему графическому дизайнеру, чтобы попасть в точку на ваших печатных СМИ, веб-сайте и другой графике.

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

Нужен специалист по печати, который поможет вам с вашим следующим проектом? Свяжитесь с нами для бесплатной консультации о том, как получить максимальную отдачу от вашего печатного маркетинга!

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

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

Матрица изображения Матрица изображения используется для описания крошечных квадратов/кубов (пикселей/вокселей) данных, найденных в нашем изображении.Эта сетка пикселей и вокселей будет содержать интенсивность сигнала, полученного от нашего пациента. Чтобы создать сетку, которая создает эти пиксели, мы должны понимать, что они создаются двумя компонентами. Один из этих компонентов будет создавать строки в нашем изображении, а другой — столбцы в нашем изображении. Эти направления называются фаза и частота направление. Как технолог, мы можем контролировать размер нашей матрицы изображения, изменяя значения фазы и частоты.Увеличивая значение частоты, мы будем добавлять такое же количество строк в направлении частотного кодирования нашего изображения. Увеличивая значение фазы, мы будем увеличивать количество строк в направлении фазового кодирования. Значение фазы никогда не может быть больше, чем направление частоты. Важно понимать, что матрица изображения описывает только количество пикселей/вокселей в нашем изображении, а не размер нашего изображения (поле зрения).

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


Анизотропный и изотропный Поскольку технолог может изменять значения частоты, фазы и толщины среза, у нас не всегда может быть идеальный квадрат или куб данных. Если бы мы выбрали значение частоты 256 и значение фазы 192, у нас был бы прямоугольный пиксель.Это называется анизотропным пикселем. Если бы мы изменили значение частоты на 256 и значение фазы на 256, у нас был бы квадратный пиксель. Это называется изотропным.

Мы можем рассчитать размер нашего пикселя, взяв поле зрения (FOV) и разделив его на значение частоты/фазы.

Размер пикселя = FOV / частота / фазовое значение


Пример:

Частота = 256, Фаза = 192, FOV = 200

200/256 = Направление частоты 200/192 = Фаза direction

Это создаст пиксель с .78 мм x 1,04 мм

Если мы попытаемся понять воксель, мы можем создать воксель со значением частоты 256 и значением фазы 256, а толщина среза составляет 1 мм.

Если мы рассчитаем размер нашего пикселя (FOV/матрица изображения), размер фазы и частоты будет 0,78 мм x 0,78 мм. Если мы используем срез толщиной 1 мм, наш воксель будет прямоугольным и будет считаться анизотропным вокселем.

Если бы мы изменили толщину среза на 0,78 мм, у нас был бы изотропный воксель или идеальный куб данных.
.

Изменения матрицы изображения При изменении матрицы изображения мы изменим разрешение изображения. Стандартная матрица изображения — 256 x 256. Матрица изображения большего размера будет на 320 x 320. 

Это примеры различных размеров матрицы изображения.

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

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

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

Требования к разрешению изображения и их значение

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

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

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

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

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

Как увеличить разрешение изображения

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

Сравните это с изображением только с 72 PPI: изображение с 72 PPI не будет таким четким, как изображение с 300 PPI или 600 PPI.

Самое важное практическое правило, когда речь заходит о разрешении изображения, — начинать с самого высокого возможного разрешения и постепенно уменьшать его.Нужно изображение с разрешением 600 PPI? Начните с одного на 1000 PPI. Легче иметь больше информации и работать в обратном направлении, чем начать с недостаточного значения (72 PPI) и попытаться подняться до 300 или 600 PPI.

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

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

Веб-изображения гораздо больше зависят от размеров в пикселях, то есть от размера изображения. Тем не менее, количество пикселей на дюйм и общее разрешение изображения также играют роль: изображение с разрешением 300 пикселей на дюйм, отображаемое с размером 300 на 200 пикселей, будет выглядеть намного лучше, чем изображение с разрешением 72 пикселей на дюйм, отображаемое в том же размере.

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

Размер изделия Разрешение изображения
Печать 4×6 540×360 пикселей
5×7 Отпечатки 630×450 пикселей
8×10 отпечатков 900×720 пикселей
Принты для бумажника 270×180 пикселей
Плакаты 11×14 1008×792 пикселей
Плакаты 12×18 2682×1788 пикселей
Плакаты 16×20 2980×2384 пикселей
Плакаты 20×30 4470×2980 пикселей
Плакаты 24×36 5400×3600 пикселей
Баннер 2×6 1800×1440 пикселей
Баннер 2×8 1800×1440 пикселей
Фотоподарки 900×600 пикселей
Фотокарточки 4×8 640×426 пикселей
Фотокарточки 5×7 640×480 пикселей
Сложенные карты 5×7 840×600 пикселей
4.Открытки 25×6 720×480 пикселей
Открытки 5×7 840×600 пикселей
Фотокниги с индивидуальной обложкой 1280×1024 пикселей
Книги хвастовства 580×435 пикселей
Ноутбуки 1350×1000 пикселей
Блокноты 370×370 пикселей
Наклейки 370×370 пикселей
8×10 Холст 710×768 пикселей
Холст 11×14 994×781 пикселей
Холст 12×12 852×852 пикселей
Холст 16×20 1420×1136 пикселей
20×24 Холст 1740×1420 пикселей
20×30 Холст 3000×2000 пикселей

 

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

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

Вопрос: Что такое разрешение изображения

Что вы подразумеваете под разрешением изображения?

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

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

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

Каково разрешение моих изображений?

Чтобы проверить разрешение фотографии на ПК с Windows, выберите файл, который хотите использовать. Щелкните правой кнопкой мыши изображение и выберите «Свойства». Появится окно с деталями изображения. Перейдите на вкладку «Подробности», чтобы увидеть размеры и разрешение изображения.

Почему важно разрешение изображения?

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

Означает ли большее количество мегапикселей лучшее качество?

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

Что такое изображение с высоким разрешением?

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

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

Лучшие типы файлов для этих общих целей: Фотографические изображения для бесспорно лучшего качества изображения TIF LZW или PNG (сжатие без потерь и без артефактов JPG) Наименьший размер файла JPG с более высоким коэффициентом качества может быть как небольшим, так и приличного качества. Максимальная совместимость: Windows, Mac, Unix TIF или JPG.

Является ли 8K самым высоким разрешением?

8K TV — телевизор с самым высоким разрешением, недавно выпущенный среди телевизоров UHD (сверхвысокой четкости).Имея в четыре раза больше пикселей, чем телевизор 4K — еще один тип разрешения UHD, — телевизоры 8K демонстрируют более четкое и детальное качество изображения.

Какое лучшее разрешение для JPEG?

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

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

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

Как узнать, что моя фотография имеет разрешение 300 DPI?

Чтобы узнать DPI изображения в Windows, щелкните правой кнопкой мыши имя файла и выберите «Свойства» > «Подробности». Вы увидите DPI в разделе «Изображение» с пометками «Разрешение по горизонтали» и «Разрешение по вертикали». На Mac вам нужно открыть изображение в режиме предварительного просмотра и выбрать «Инструменты» > «Настроить размер». Он помечен как Разрешение.

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

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

Чем выше разрешение, тем лучше качество?

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

В чем разница между размером изображения и разрешением?

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

Что означает мегапиксель?

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

48 МП лучше, чем 12 МП?

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

Сколько мегапикселей в человеческом глазу?

По словам ученого и фотографа Др.Роджер Кларк, разрешение человеческого глаза составляет 576 мегапикселей. Это огромно, если сравнить его с 12-мегапиксельной камерой iPhone 7.

Что лучше: 12-мегапиксельная или 16-мегапиксельная камера?

Однако для среднего потребителя количество мегапикселей в камере по-прежнему является числом, наиболее сильно коррелирующим с качеством изображения. У первого 12-мегапиксельная камера, у второго — 16-мегапиксельная.

Является ли PNG высоким разрешением?

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

Насколько хорошо разрешение 1200 точек на дюйм?

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

Какой КБ считается высоким разрешением?

Грубо говоря, изображение размером 20 КБ — это изображение низкого качества, а изображение размером 2 МБ — изображение высокого качества.

Что такое разрешение изображения: Что такое разрешение экрана | Фирменный интернет-магазин Samsung

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

Ваш адрес email не будет опубликован.

Пролистать наверх