Что значит в большом разрешении. Разрешение (компьютерная графика)

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

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

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

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

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

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

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

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

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

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

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

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

1 | Узнать размер одного фото (в Windows):

Быстрее всего заглянуть в свойства файла - правой кнопкой мыши щёлкните на фото и выберите из списка Properties (Свойства). На первой же закладке General (Общие) можно увидеть вес фото в мегабайтах (МВ) или килобайтах (КВ). Чтобы узнать размер фото в пикселях (px), нужно зайти на закладку Details (Детали) и при необходимости прокрутить вниз до строки Dimensions (Разрешение).

2 | Как быстро узнать размер нескольких фото (в Windows):

Откройте нужную вам папку с фото и добавьте Details panel (Панель с деталями) в закладке View (Вид). В результате по клику на любом фото в отдельной панели будет открываться детальная информация о файле. В разных версиях Windows панель настроек отображения может выглядеть по-разному, но смысл и результат будет примерно одинаковым.

3 | Как быстро узнать размер всех фото в папке (в Windows):

Измените формат отображения файлов - откройте нужную вам папку с фото, в закладке View (Вид) выберите формат Details (Детали) для отображения файлов и добавьте колонку Dimensions (Разрешения), как показано на картинке ниже. Теперь можно видеть размер, вес и формат всех фото в папке. Примерно такого же эффекта можно добиться, выбрав формат отображения Content (Содержание).

4 | Как узнать размер фото в сантиметрах:

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

• размера файла для печати (в пикселях),
• от качества фото (степени сжатия файла, количества шумов и прочих артефактов),
• от возможностей и настроек принтера - от плотности печати (сколько пикселей на дюйм или сантиметр напечатает принтер).

Чтобы узнать размер фото в сантиметрах понадобится программа Adobe Photoshop, Adobe Bridge или любой другой графический редактор для фото. Чтобы узнать размер файла в программе Фотошоп, нужно нажать комбинацию клавиш ALT+CTRL+I или в верхней панели зайти в Image (Изображение) Image size (Размер изображения).

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

В программе Adobe Bridge размер фотографии в пикселях и сантиметрах можно увидеть в File Properties (Свойства файла). Если у вас нет этого раздела или строки "Разрешение в сантиметрах", их отображение нужно включить. Для этого зайдите в верхнее меню Edit Preferences и в Metadata добавьте галочки в строки Dimensions, Dimensions (in cm), Resolution (плотность пикселей).

5 | Как узнать размер фото на сайте:

Удобнее всего пользоваться браузером Mozilla Firefox, где можно кликнуть по любой картинке правой кнопкой мыши и выбрать пункт "Информация об изображении". В открывшемся окне будет показано само изображение, оригинальный и изменённый для отображения на сайте размер фото.

Многие пользуются браузером Google Chrome (Гугл Хром), в котором всё немного сложнее.

В браузере Google Chrome нужно правой кнопкой мыши кликнуть по фото на сайте и выбрать пункт "Посмотреть код" (в браузере Яндекс - нужно выбрать "Исследовать элемент"). Если подвести мышку к выделенному фрагменту кода страницы, то появится окошко с информацией о размере фото на сайте.

6 | Как узнать размер фото в формате RAW:

Не все программы могут видеть и читать файлы в формате RAW (о чём я писала в статье Размер, вес и формат фотографий). Чтобы узнать размер фото в формате RAW, можно воспользоваться Adobe Photoshop, Adobe Bridge или Adobe Lightroom. Удобная бесплатная программа, которая умеет открывать и читать почти все форматы фото (включая RAW) - FastStone Image Viewer. Её можно скачать на сайте разработчика (faststone.org) и пользоваться совершенно бесплатно. Эта программа - шестой способ быстро узнать размер фото в пикселях (и для некоторых форматов фото, включая jpg, узнать размер фотографии в сантиметрах).

Калькуляторы в этой статье посвящены теме печати цифровых фотографий.

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

Дано: У нас имеется цифровое изображение известных нам размеров, например, 3264 на 2448 пикселей, и набор стандартных форматов, предлагаемых сервисами фотопечати. Формат определяет линейные размеры фотографии, например, фотография формата 10х15 имеет размеры 102 на 152 миллиметра.

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

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

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

Графически задача изображена на рисунке ниже

Логика поиска ответа проста - линейные размеры каждого формата переводятся в дюймы, а затем в пиксели, исходя из того, что в одном дюйме 300 (150) пикселей. Далее полученное число сравнивается с размером изображения (там есть определенные нюансы, связанные с отношением высоты и ширины, но об этом во второй части). Если размер формата в пикселях больше, чем размер нашего изображения (на рисунке - формат справа от фотографии), то он уже не подойдет, ибо фотографию придется растягивать, и мы получим разрешение хуже 300 (150) dpi. Если размер формата меньше, чем размер нашего изображения (на рисунке - формат справа от фотографии), то он подойдет - фотографию придется сжимать, и мы получим разрешение лучше 300 (150) dpi.

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

Размер формата в пикселях для разрешения 300 dpi

Размер формата в пикселях для разрешения 150 dpi

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

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

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

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

Ширина напечатанного изображения, см

Высота напечатанного изображения, см

Ширина изображения в пикселях

Пиксель (Pixel) – наименьший элемент двумерного изображения в растровой графике.

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

Посмотрим под увеличением, как выглядит «пиксельная сетка ».

Для примера используется изображение, которое доступно .

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

Количество пикселей связано с объемом мегапикселей в параметрах фотоаппарата.

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

Разрешение

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

Разрешение (Resolution) – величина, определяющая четкость деталей растрового изображения. Чаще всего она устанавливается в количестве пикселей на дюйм (Pixels Per Inch / PPI).

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

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

Примечание

В Фотошопе можно посмотреть на соотношение размера и разрешения открытого изображения, перейдя через меню « » ( / Сочетание клавиш «Atl+Ctrl+i »).

Рассмотрим на примере разницу разрешений.

Ниже представлено 2 варианта фотографии с разным разрешением.

При создании документа в Фотошопе (Файл – Создать | / Сочетание клавиш «Ctrl+N ») можно установить параметр «Разрешение » (Resolution).

Мы рассмотрели понятия «пиксель» и «разрешение» относительно растровых изображений и программы Фотошоп.

⇐ . (предыдущая страница учебника)

. (следующая страница учебника) ⇒

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

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

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

то увидим его габариты в пикселах, где 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-анимацию –«гифку» читаем в статье