Чему равен пиксель на расстоянии. Что такое пиксель

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

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

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

В компьютерной терминологии любое изображение принято измерять в пикселях. Кроме термина «пиксель» можно встретить сленговое определение «точка».

Например, это изображение имеет размеры 200?100 пикселей, или точек. Это значит, что каждый квадратный дюйм этого изображения состоит из 200 точек по горизонтали, и 100 точек по вертикали.

Такая характеристика имеет свой термин – DPI (плотность пикселей). Одной из важнейших характеристик двумерного изображения является плотность пикселей, чем она выше, тем четче будет изображение. Данный пример демонстрирует 1-дюймовую картинку с разной плотностью пикселей, если провести косую линию толщиной в 1 дюйм, по точкам (пикселям) в левом изображении с (DPI 72), то мы увидим что-то вроде лесенки. Если же провести косую линию по правому изображению с (DPI 300), мы увидим более сглаженную линию, где лесенку не будет видно, за счет более мелких пикселей. Если данное изображение увеличить, будут видны крупные квадраты различного цвета, формирующие общую картинку, и в правом случае, изображение будет более четки, потому что имеет больший запас пикселей.

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

Конвертер длины и расстояния Конвертер массы Конвертер мер объема сыпучих продуктов и продуктов питания Конвертер площади Конвертер объема и единиц измерения в кулинарных рецептах Конвертер температуры Конвертер давления, механического напряжения, модуля Юнга Конвертер энергии и работы Конвертер мощности Конвертер силы Конвертер времени Конвертер линейной скорости Плоский угол Конвертер тепловой эффективности и топливной экономичности Конвертер чисел в различных системах счисления Конвертер единиц измерения количества информации Курсы валют Размеры женской одежды и обуви Размеры мужской одежды и обуви Конвертер угловой скорости и частоты вращения Конвертер ускорения Конвертер углового ускорения Конвертер плотности Конвертер удельного объема Конвертер момента инерции Конвертер момента силы Конвертер вращающего момента Конвертер удельной теплоты сгорания (по массе) Конвертер плотности энергии и удельной теплоты сгорания топлива (по объему) Конвертер разности температур Конвертер коэффициента теплового расширения Конвертер термического сопротивления Конвертер удельной теплопроводности Конвертер удельной теплоёмкости Конвертер энергетической экспозиции и мощности теплового излучения Конвертер плотности теплового потока Конвертер коэффициента теплоотдачи Конвертер объёмного расхода Конвертер массового расхода Конвертер молярного расхода Конвертер плотности потока массы Конвертер молярной концентрации Конвертер массовой концентрации в растворе Конвертер динамической (абсолютной) вязкости Конвертер кинематической вязкости Конвертер поверхностного натяжения Конвертер паропроницаемости Конвертер паропроницаемости и скорости переноса пара Конвертер уровня звука Конвертер чувствительности микрофонов Конвертер уровня звукового давления (SPL) Конвертер уровня звукового давления с возможностью выбора опорного давления Конвертер яркости Конвертер силы света Конвертер освещённости Конвертер разрешения в компьютерной графике Конвертер частоты и длины волны Оптическая сила в диоптриях и фокусное расстояние Оптическая сила в диоптриях и увеличение линзы (×) Конвертер электрического заряда Конвертер линейной плотности заряда Конвертер поверхностной плотности заряда Конвертер объемной плотности заряда Конвертер электрического тока Конвертер линейной плотности тока Конвертер поверхностной плотности тока Конвертер напряжённости электрического поля Конвертер электростатического потенциала и напряжения Конвертер электрического сопротивления Конвертер удельного электрического сопротивления Конвертер электрической проводимости Конвертер удельной электрической проводимости Электрическая емкость Конвертер индуктивности Конвертер Американского калибра проводов Уровни в dBm (дБм или дБмВт), dBV (дБВ), ваттах и др. единицах Конвертер магнитодвижущей силы Конвертер напряженности магнитного поля Конвертер магнитного потока Конвертер магнитной индукции Радиация. Конвертер мощности поглощенной дозы ионизирующего излучения Радиоактивность. Конвертер радиоактивного распада Радиация. Конвертер экспозиционной дозы Радиация. Конвертер поглощённой дозы Конвертер десятичных приставок Передача данных Конвертер единиц типографики и обработки изображений Конвертер единиц измерения объема лесоматериалов Вычисление молярной массы Периодическая система химических элементов Д. И. Менделеева

1 сантиметр [см] = 37,7952755905511 пиксель (X)

Исходная величина

Преобразованная величина

твип метр сантиметр миллиметр символ (X) символ (Y) пиксель (X) пиксель (Y) дюйм пайка (компьютер) пайка (типографская) пункт НИС/PostScript пункт (компьютерный) пункт (типографский) среднее тире цицеро длинное тире пункт Дидо

Общие сведения

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

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

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

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

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

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

Определение единиц

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

«пайка» в американской и английской системе измерения (англ. pica), или «цицеро» в европейской системе измерения. Название «пайка» иногда пишут как «пика». Существуют несколько видов пайки, которые слегка отличаются по величине, поэтому, используя пайку, стоит помнить, какая именно пайка имеется в виду. Изначально в отечественной печати использовали цицеро, но сейчас часто встречается и пайка. Цицеро и компьютерная пайка похожи по величине, но не равны. Иногда цицеро или пайку напрямую используют для измерения, например, чтобы определить размер полей или колонок. Чаще, особенно для измерения текста, используют производные единицы, полученные от пайки, такие как типографские пункты. Размер пайки определяется в разных системах по-разному, как описано ниже.

Буквы измеряют так, как показано на иллюстрации:

Другие единицы

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

американская пайка Она равна 0,166 дюйма или 2.9 миллиметра. Существует еще и типографская пайка . Она равна американской.

В некоторых отечественных типографиях и в литературе о печати до сих пор используют цицеро — единицу, которая широко применялась в Европе (за исключением Англии) до появления компьютерной пайки. Один цицеро равен 1/6 французского дюйма. Французский дюйм немного отличается от современного дюйма. В современных единицах один цицеро равен 4,512 миллиметра или 0,177 дюйма. Эта величина почти равна компьютерным пайкам. Один цицеро — это 1,06 компьютерных пайки.

Круглая шпация (em) и полукруглая шпация (en)

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

В русском языке используются короткое и длинное тире. Для обозначения диапазонов и интервалов (например, во фразе: «возьмите 3–4 ложки сахара») используется короткое тире, называемее также тире-en (англ. en dash). Длинное тире используется в русском языке во всех остальных случаях (например, во фразе: «лето было коротким, а зима — длинной»). Оно называется также тире-em (англ. em dash).

Проблемы с современными системами единиц

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

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

Любого пользователя, впервые столкнувшегося с вопросом цифровых фотографий, обязательно заинтересует соотношение пикселей и сантиметров. А особенно если учесть, что сейчас цифровые фотографии прочно вошли в наш мир, то этот вопрос заинтересует даже человека, не имеющего компьютера. Ведь можно сделать фотографию хорошей цифровой зеркалкой, простенькой мыльницей или даже мобильным телефоном. У всех кадры разных размеров, но все снимают в точках или, по-научному, в пикселях, а не в сантиметрах. Итак, сколько же пикселей в 1 см? И хоть вопрос покажется на первый взгляд странным — любой пользователь компьютера эту задачу решает каждый день, и при этом не один раз.

Например, монитор, за которым работает пользователь. Пару лет назад 1024х768 — это было очень даже хорошо. Но при этом никто не задумывался, как это расшифровывается. Некоторые скажут — разрешение, и будут правы. В действительности же этот экран можно было выставлять и 800х600, и даже меньше. Сейчас, в век широкоформатников, цифры другие, и разрешения мониторов тоже другие. Но опять же у одного монитора можно настроить и 1400х900, и 1680х1050 — размеры разные, а монитор-то остается один.

Итак, сложно ли перевести пиксели в сантиметры?

Без разрешения никуда

Однозначный ответ на этот вопрос дать сложно. Допустим, взять вышеприведенный широкоформатник — 1400х900. В одном случае так, но у таких мониторов множество поддерживаемых форматов.

С другой стороны, обычная открытка — 10х15 см. Если мы ее снимем с разрешением 150 точек, то получим одно количество точек. А если снять с разрешением 300 (обычное качество для полиграфических работ) — точек/пикселей будет в два раза больше (вообще-то больше, чем в два, но не будем углубляться). То есть без разрешения все равно посчитать не получится.

Что же такое разрешение? Возьмем обычную функцию «Фотошопа» — размер изображения.

В верхней части он нам дает размер в пикселях. В нижней части — в дюймах (дюйм ~2,54 см). Обратим внимание на поле, где написано 72. Теперь попробуем вместо 72 написать, например, 300. Пиксели поменялись, но размеры в дюймах не меняются. Если вы выберете сантиметры — эффект не изменится. Это физика. То есть чем больше разрешение, тем меньше сантиметров будет наш конечный отпечаток. Звучит немного непонятно, но взгляните на картинку ещё раз. Ставим 72, получаем одно количество пикселей, ставим 300 — совершенно другое, при этом размеры конечного отпечатка… Правильно, не меняются.

Пиксель или точка

Но это далеко не один камень на пути. Чтобы считать более точно, давайте определимся для начала, что такое пиксель (или точка, так проще). Точка для монитора — это светящая единица измерения. То есть, 1400х900 можно принять так — по горизонтали у нас светится 1400 точек, по вертикали — 900. Точка на фотографии — тоже единица изменения, но другая. Если бесконечно увеличивать фотографию на мониторе, то мы увидим множество разноцветных точек вместо снимка любимого хомячка. Для того чтобы более или менее однозначно понять, чему равен пиксель в сантиметрах, нужно ответить на вопрос о том, для чего нам это надо. Если говорить о фотографиях — что вы собираетесь снимать? Если вы собираетесь снять чистый, только выпавший снег — вам не нужно большое разрешение. Если же мы снимаем тот же пейзаж, но без снега — чем меньше разрешение мы выставим, тем хуже будет качество. При малом разрешении кадр может потерять какие-то мелкие детали. В полиграфии это звучит иначе, но там используется другая техника.

Есть ли простое решение?

Так есть ли простое решение — как пересчитать размер пикселей в сантиметрах? Для дизайнера однозначного ответа не существует, но для обычного пользователя, который просто фотографирует, такое решение можно вывести. Но для этого вернемся к разрешению. На самой первой картинке у нас указано 72 пикселя на дюйм. Это разрешение обычной цифровой мыльницы. Это же является и стандартом для экранного просмотра. Сам размер кадров может быть различным и зависит от модели аппарата. Тут и 2048х1536, тут и 640х480 (были и такие размеры у первых цифровых фотиков). Но какой бы размер у нас ни был — разрешение у нас будет обычное, 100 точек.

Разница в 28 точек идет от различия так называемых «русских» и «английских» точек. Русская отсчитывается от метра, а точнее, миллиметра, тогда как английская отсчитывается от дюйма. Величина точки по-русски 0,25 мм или четверть миллиметра. Та же величина по-английски равна 0,328 мм или 1/72 дюйма. В то же время дюйм равен 2,54 см. Вся техника отсчитывает 72 «английские» точки. Именно поэтому «Фотошоп» или любая цифровая мыльница будет писать 72 точки. Если переводить пиксели в сантиметры, точнее, сначала в дюймы, а потом в сантиметры, мы и получим 100 «русских» точек.

Число (примерное)

Если мы в «Фотошопе» изменим не 72, а поле справа от него. Выставим сантиметры, иными словами, разделим 72 на 2,54? У нас 72 поменяется на 28,346. Итак, чему равен 1 пиксель в сантиметрах, если разрешение 28,346 пикселей на сантиметр? Простой арифметический пример на деление выдает результат — 0,04 см или 0,4 мм. Результат, конечно, очень приблизителен, но для среднего пользователя он подойдет. А теперь несколько примеров на соотношение пикселей и сантиметров

Несколько примеров. Сначала в 72 точки

Теперь, зная примерные размеры, вернемся к примеру с открыткой 10х15 см (некоторые фотостудии дают меньше, но это связано с размерами фотобумаги, стандарт — А4). Хватит ли нам такой открытки, чтобы напечатать квадрат 1000х1000, указанный на картинке из «Фотошопа»? Разрещение 72 точки. Переводим пиксели в сантиметры. 28,346х10, а потом на 15, округляя до целого, получаем — 283 на 425, это опять же очень приблизительный расчет.

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

Теперь возьмем стандартный форматный лист А4 и попробуем на нем разместить квадрат, который мы взяли для примера. Как известно — форматный лист равен 210 мм на 297. 21 на 29,7 см. Опять используем 72 точки и пробуем перевести пиксели в сантиметры.

Цифр называть не станем, но можно убедиться, что нашего листа не хватит для размещения 1000 точек. При этом в примере у нас отображен квадрат 1000х1000, что уж говорить о формате кадра среднего 2 мг пиксельного фотика с кадрами 2048х1536?

Те же примеры, но в 300 точек

Теперь мы вернемся к «Фотошопу» и вместо 72 выставим 300 (хорошее полиграфическое качество). Форматы все теже. Открытка 10х15 см и лист бумаги 21х29.7см. Сначала открытка. Как видим, при другом разрешении у нас еще и запас есть.

Теперь таже операция с листом.

А лист и того лучше. Тут не только один квадрат можно положить.

В заключение

Вот и получается: чем выше наше разрешение, тем больше информации можно вместить. Мы переставили разрешение примерно в 4 раза. А количество возможных пикселей выросло во сколько? Во много. Впрочем, соответствие пикселей и сантиметров приведено в двух таблицах выше. Напоминаем — для бумаги принято разрешение в 150 точек. Для экранного разрешения делим эти величины на два.

Пиксель (Pixel) – понятие, возникшее на поприще развития цифровой техники. Является оно сокращением из двух слов picture и cell и определяет минимальный элемент, из которого состоит растровое изображение. Данное понятие широко используется в технике и программировании.

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

Пиксели на матрице монитора

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

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

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

Пиксели в цифровой фотографии

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

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

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

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

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

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

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

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

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

Чему равен 1 пиксель. Что такое пиксели

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

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

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

В компьютерной терминологии любое изображение принято измерять в пикселях. Кроме термина «пиксель» можно встретить сленговое определение «точка».

Например, это изображение имеет размеры 200?100 пикселей, или точек. Это значит, что каждый квадратный дюйм этого изображения состоит из 200 точек по горизонтали, и 100 точек по вертикали. Такая характеристика имеет свой термин – DPI (плотность пикселей). Одной из важнейших характеристик двумерного изображения является плотность пикселей, чем она выше, тем четче будет изображение. Данный пример демонстрирует 1-дюймовую картинку с разной плотностью пикселей, если провести косую линию толщиной в 1 дюйм, по точкам (пикселям) в левом изображении с (DPI 72), то мы увидим что-то вроде лесенки. Если же провести косую линию по правому изображению с (DPI 300), мы увидим более сглаженную линию, где лесенку не будет видно, за счет более мелких пикселей. Если данное изображение увеличить, будут видны крупные квадраты различного цвета, формирующие общую картинку, и в правом случае, изображение будет более четки, потому что имеет больший запас пикселей.

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

Конвертер длины и расстояния Конвертер массы Конвертер мер объема сыпучих продуктов и продуктов питания Конвертер площади Конвертер объема и единиц измерения в кулинарных рецептах Конвертер температуры Конвертер давления, механического напряжения, модуля Юнга Конвертер энергии и работы Конвертер мощности Конвертер силы Конвертер времени Конвертер линейной скорости Плоский угол Конвертер тепловой эффективности и топливной экономичности Конвертер чисел в различных системах счисления Конвертер единиц измерения количества информации Курсы валют Размеры женской одежды и обуви Размеры мужской одежды и обуви Конвертер угловой скорости и частоты вращения Конвертер ускорения Конвертер углового ускорения Конвертер плотности Конвертер удельного объема Конвертер момента инерции Конвертер момента силы Конвертер вращающего момента Конвертер удельной теплоты сгорания (по массе) Конвертер плотности энергии и удельной теплоты сгорания топлива (по объему) Конвертер разности температур Конвертер коэффициента теплового расширения Конвертер термического сопротивления Конвертер удельной теплопроводности Конвертер удельной теплоёмкости Конвертер энергетической экспозиции и мощности теплового излучения Конвертер плотности теплового потока Конвертер коэффициента теплоотдачи Конвертер объёмного расхода Конвертер массового расхода Конвертер молярного расхода Конвертер плотности потока массы Конвертер молярной концентрации Конвертер массовой концентрации в растворе Конвертер динамической (абсолютной) вязкости Конвертер кинематической вязкости Конвертер поверхностного натяжения Конвертер паропроницаемости Конвертер паропроницаемости и скорости переноса пара Конвертер уровня звука Конвертер чувствительности микрофонов Конвертер уровня звукового давления (SPL) Конвертер уровня звукового давления с возможностью выбора опорного давления Конвертер яркости Конвертер силы света Конвертер освещённости Конвертер разрешения в компьютерной графике Конвертер частоты и длины волны Оптическая сила в диоптриях и фокусное расстояние Оптическая сила в диоптриях и увеличение линзы (×) Конвертер электрического заряда Конвертер линейной плотности заряда Конвертер поверхностной плотности заряда Конвертер объемной плотности заряда Конвертер электрического тока Конвертер линейной плотности тока Конвертер поверхностной плотности тока Конвертер напряжённости электрического поля Конвертер электростатического потенциала и напряжения Конвертер электрического сопротивления Конвертер удельного электрического сопротивления Конвертер электрической проводимости Конвертер удельной электрической проводимости Электрическая емкость Конвертер индуктивности Конвертер Американского калибра проводов Уровни в dBm (дБм или дБмВт), dBV (дБВ), ваттах и др. единицах Конвертер магнитодвижущей силы Конвертер напряженности магнитного поля Конвертер магнитного потока Конвертер магнитной индукции Радиация. Конвертер мощности поглощенной дозы ионизирующего излучения Радиоактивность. Конвертер радиоактивного распада Радиация. Конвертер экспозиционной дозы Радиация. Конвертер поглощённой дозы Конвертер десятичных приставок Передача данных Конвертер единиц типографики и обработки изображений Конвертер единиц измерения объема лесоматериалов Вычисление молярной массы Периодическая система химических элементов Д. И. Менделеева

1 сантиметр [см] = 37,7952755905511 пиксель (X)

Исходная величина

Преобразованная величина

твип метр сантиметр миллиметр символ (X) символ (Y) пиксель (X) пиксель (Y) дюйм пайка (компьютер) пайка (типографская) пункт НИС/PostScript пункт (компьютерный) пункт (типографский) среднее тире цицеро длинное тире пункт Дидо

Общие сведения

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

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

Существует множество классификаций шрифтов, например, согласно времени их создания, или стилю, популярному в определенное время. Так, есть шрифты старого стиля — группа, которая включает самые старые шрифты; более новые шрифты переходного стиля ; современные шрифты , созданные после переходных шрифтов и до 1820-х годов; и, наконец, шрифты нового стиля или модернизированные старые шрифты , то есть, шрифты, выполненные по старому образцу в более позднее время. Эта классификация в основном используется для шрифтов с засечками. Существуют и другие классификации, основанные на внешнем виде шрифтов, например на толщине линий, контрасте между тонкими и толстыми линиями, и форме засечек. В отечественной печати существуют свои классификации. Например, классификация по ГОСТу группирует шрифты по наличию и отсутствию засечек, утолщению в засечках, плавному переходу от основной линии к засечке, закруглению засечки, и так далее. В классификациях русских, а также других кириллических шрифтов часто бывает категория для старославянских шрифтов.

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

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

Определение единиц

Размер букв в типографике обозначается словом «кегль». Существует несколько систем измерения кегля, но большинство из них основано на единице «пайка» в американской и английской системе измерения (англ. pica), или «цицеро» в европейской системе измерения. Название «пайка» иногда пишут как «пика». Существуют несколько видов пайки, которые слегка отличаются по величине, поэтому, используя пайку, стоит помнить, какая именно пайка имеется в виду. Изначально в отечественной печати использовали цицеро, но сейчас часто встречается и пайка. Цицеро и компьютерная пайка похожи по величине, но не равны. Иногда цицеро или пайку напрямую используют для измерения, например, чтобы определить размер полей или колонок. Чаще, особенно для измерения текста, используют производные единицы, полученные от пайки, такие как типографские пункты. Размер пайки определяется в разных системах по-разному, как описано ниже.

Буквы измеряют так, как показано на иллюстрации:

Другие единицы

Хотя компьютерная пайка постепенно вытесняет другие единицы, и возможно заменит более привычные цицеро, наряду с ней также используются другие единицы. Одна из таких единиц — американская пайка Она равна 0,166 дюйма или 2.9 миллиметра. Существует еще и типографская пайка . Она равна американской.

В некоторых отечественных типографиях и в литературе о печати до сих пор используют цицеро — единицу, которая широко применялась в Европе (за исключением Англии) до появления компьютерной пайки. Один цицеро равен 1/6 французского дюйма. Французский дюйм немного отличается от современного дюйма. В современных единицах один цицеро равен 4,512 миллиметра или 0,177 дюйма. Эта величина почти равна компьютерным пайкам. Один цицеро — это 1,06 компьютерных пайки.

Круглая шпация (em) и полукруглая шпация (en)

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

В русском языке используются короткое и длинное тире. Для обозначения диапазонов и интервалов (например, во фразе: «возьмите 3–4 ложки сахара») используется короткое тире, называемее также тире-en (англ. en dash). Длинное тире используется в русском языке во всех остальных случаях (например, во фразе: «лето было коротким, а зима — длинной»). Оно называется также тире-em (англ. em dash).

Проблемы с современными системами единиц

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

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

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

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

Любое цифровое изображение состоит из фундаментальных единиц: пикселей. Термин «пиксель» (PIXEL ) произошёл от сочетания двух английских слов: «изображение» (PIC ture) и «элемент» (EL ement). В русском языке существовало аналогичное слияние («элиз»), но оно оказалось неудачным и не прижилось. Так же, как работы пуантилиста состоят из серии нарисованных пятен, так и миллионы пикселей могут быть объединены в подробное и кажущееся сплошным изображение.

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

Печатный размер: пиксели на дюйм (PPI) и точки на дюйм (DPI)

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

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

Устройство с ограниченным набором цветных чернил может обмануть глаз, собирая их в миниатюрные сочетания, создавая таким образом восприятие разных цветов, — если «суб-пиксель» достаточно мал. Вышеприведенный пример использует 128 цветов, тогда как вариант с цветозамесом создаёт практически идентично выглядящую картину, задействовав всего 24 цвета. Есть одна критическая разница: каждая цветная точка в изображении с замешиванием цвета обязана быть намного меньше отдельно взятого пикселя. Как следствие, изображения практически всегда требуют существенно больше DPI, чем PPI, чтобы достичь подобного уровня детализации . Кроме того, PPI намного более универсально, поскольку не требует знания устройства для понимания того, насколько детальным будет отпечаток.

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

Мегапиксели и максимальный печатный размер

«Мегапиксель» означает просто миллион пикселей. Если вам нужна определённая детальность и соответствующее разрешение (PPI), она непосредственно влияет на предельный печатный размер для заданного числа мегапикселей. Следующая таблица приводит максимальные печатные размеры в разрешениях 200 и 300 PPI для некоторых наиболее распространённых в камерах чисел мегапикселей.

Мп	Максимальный отпечаток 3:2
	для 300 PPI, см:	для 200 PPI, см:
2	14.7 x 9.7	22.1 x 14.7
3	18 x 11.9	26.9 x 18
4	20.8 x 13.7	31 x 20.8
5	23.1 x 15.5	34.8 x 23.1
6	25.4 x 17	38.1 x 25.4
8	29.2 x 19.6	44 x 29.2
12	35.8 x 23.9	53.9 x 35.8
16	41.4 x 27.7	62.2 x 41.4
22	48.5 x 32.5	72.9 x 48.5

Заметьте, что 2Мп камера неспособна даже обеспечить стандартный отпечаток 10×15 см в разрешении 300 PPI, а для 40×25 потребуется целых 16 Мп. Это может обескуражить, но не отчаивайтесь! Многим будет вполне достаточно разрешения 200 PPI, а при большой дистанции обзора его можно даже ещё уменьшить (см. «Увеличение цифровых фотографий »). Многие настенные постеры предполагают, что вы не станете их разглядывать с 15 см, а потому их разрешение зачастую меньше 200 PPI.

Камера и соотношение сторон изображения

Вышеприведенный расчёт печатного размера подразумевает, что соотношение сторон, то есть соотношение длинной и короткой сторон кадра , составляет стандартные 3:2, используемые в камерах 35 мм. На самом деле, большинство компактных камер, мониторов и телеэкранов имеют соотношение сторон 4:3, а у большинства цифровых зеркальных камер оно равно 3:2. Существует множество других вариантов: некоторое плёночное оборудование высшего класса использует даже квадратный кадр 1:1, а в фильмах на DVD применяется расширенный кадр 16:9.

Это означает, что если вы используете камеру с кадром 4:3, но хотите получить отпечаток 10×15 см (3:2), заметная часть ваших мегапикселей будет потрачена впустую (11%). Нужно принимать это во внимание, если соотношение сторон кадра вашей камеры отличается от требуемых размеров отпечатка.

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

Размер цифрового сенсора: не все пиксели одинаковы

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

Сенсор компактной камеры

Сенсор зеркальной камеры

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

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

Диаграмма внизу иллюстрирует относительный размер нескольких стандартных размеров сенсоров на современном рынке. В большинстве цифровых зеркальных камер используется кроп-фактор 1.5 или 1.6 (по сравнению с плёнкой 35 мм), хотя у некоторых моделей высшего класса цифровой сенсор имеет ту же площадь, что и кадр 35 мм. Размеры сенсоров, указанные в дюймах, не отражают настоящего диагонального размера, но вместо того описывают приблизительный диаметр «изображаемого круга» (используемого не полностью). Тем не менее, это число входит в характеристики большинства компактных камер.

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

Значит ли всё вышесказанное, что втискивать побольше пикселей в ту же площадь сенсора плохо? Обычно это увеличивает шумы, но разглядеть их можно только при 100% увеличении на мониторе вашего компьютера. В отпечатке шум модели с большим числом мегапикселей будет намного менее заметен, даже если на экране снимок кажется более шумным (см. «Шум в изображении: частота и амплитуда »). Это преимущество обычно превосходит любой прирост шумов при переходе к модели с большим числом мегапикселей (с некоторыми исключениями).

Разработка веб-сайтов

Пару месяцев назад, отдыхая от реализации новых возможностей вроде q_auto и g_auto, я прикалывался в нашем командном чате по поводу того, как различные форматы хранения изображений будут сжимать однопиксельную картинку. В ответ Orly, редактор блога, попросила меня написать пост об этом. Я сказал: «Конечно, почему бы и нет. Но это будет очень короткий пост. Ведь что можно рассказать про один пиксель».

Похоже, я был сильно неправ.

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

В отзывчивом веб-дизайне однопиксельные картинки используются как временные заглушки в ожидании загрузки страницы. Большинство браузеров не поддерживают HTTP Client Hints , поэтому некоторые варианты с отзывчивыми изображениями ждут полной загрузки страницы, чтобы подсчитать актуальный размер картинок, а затем заменяют однопиксельные картинки нужными изображениями при помощи JavaScript.

Сломанная картинка

Есть и ещё одно применение однопиксельных картинок: их можно использовать в качестве картинок «по умолчанию». Если нужное изображение по каким-то причинам невозможно найти, в некоторых случаях лучше показать один прозрачный пиксель, чем выдавать «404 — Not Found», которая будет видна в браузерах как «сломанная картинка». Нужное изображение вы в любом случае не увидите, но профессиональнее будет не акцентировать на этом внимание, выдавая иконку «сломанной картинки».

Хорошо, значит, однопиксельные картинки бывают полезными. И как же наилучшим образом закодировать изображение размера 1х1?

Очевидно, что для форматов сжатия изображений это пограничный случай. Если изображение состоит из одного пикселя, сжимать тут особенно нечего. Несжатых данных тут будет содержаться от одного бита до четырёх байт – в зависимости от интерпретации: черно-белый (1 бит), оттенки серого (1 байт), оттенки серого с альфой (2 байта), RGB (3 байта), RGBA (4 байта).

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

Обычно для кодирования высоты и ширины используется четыре байта: два на число (если бы это был один байт, то максимальная размерность картинки была бы 255×255). Допустим, нужен ещё байт для задания типа цветопередачи (оттенки серого, RGB или RGBA). В таком минималистичном формате однопиксельная картинка занимала бы не менее 6 байт (для белого пикселя), а максимум – 9 байт (для полупрозрачного пикселя произвольного цвета).

Но в заголовках реальных форматов обычно содержится гораздо больше информации. Первые несколько байт любого формата содержат уникальный идентификатор нужный лишь для того, чтобы сообщить, что «Эй! Я — файл вот конкретно такого формата!». Эта последовательность байт также известна, как «волшебное число». К примеру, GIF всегда начинается с GIF87a или GIF89a, в зависимости от версии спецификаций, PNG – с 8-байтной последовательности, включающей PNG, у JPEG есть заголовок, содержащий строку JFIF или Exif, и т.д.

В заголовках может содержаться мета-информация. Это специфичные для данного формата данные, необходимые для раскодирования, определяющие, какой из подвидов формата используется. Некоторые из мета-данных не обязательно нужны для раскодирования, но тем не менее, используются для определения того, как показывать их на экране: цветовой профиль, ориентация, гамма, количество точек на пиксель. Это могут также быть производльные данные – комментарии, временные отметки, отметки об авторских правах, GPS-координаты. Это могут быть необязательные или обязательные данные, в зависимости от спецификации. Конечно, эти данные увеличивают объём файла. Давайте поэтому остановимся на минимальных файлах, откуда удалена вся необязательная информация – или мы будем тратить драгоценные байты на ерунду.

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

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

Вот шестнадцатеричный дамп 67-байтного PNG-файла с одним белым пикселем.

00000000 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 |.PNG……..IHDR| 00000010 00 00 00 01 00 00 00 01 01 00 00 00 00 37 6e f9 |………….7n.| 00000020 24 00 00 00 0a 49 44 41 54 78 01 63 68 00 00 00 |$….IDATx.ch…| 00000030 82 00 81 4c 17 d7 df 00 00 00 00 49 45 4e 44 ae |…L…….IEND.| 00000040 42 60 82 |B`.|

Файл состоит из 8-байтного «волшебного числа» PNG, за которым следует отрезок заголовка IHDR из 13 байт, отрезок с данными об изображении IDAT с 10 байтами «сжатых» данных, и отметка об окончании IEND. Каждый отрезок данных начинается с 4-байтного отрезка с длиной и 4-байтного отрезка-идентификатора, и заканчивается контрольной суммой из 4 байт. Эти три отрезка данных обязательны, так что они в любом случае отъедают 36 байт у 67-байтного файла.

Чёрный пиксель тоже занимает 67 байт, прозрачный – 68, а произвольный цвет RGBA займёт от 67 до 70 байт.

Заголовок у JPEG длиннее. Минимальный однопиксельный JPEG занимает 141 байт, и он не бывает прозрачным, т.к. JPEG не поддерживает альфа-канал.

В смысле заголовков GIF самый компактный из трёх универсальных форматов. Белый пиксель можно закодировать в GIF 35 байтами:

00000000 47 49 46 38 37 61 01 00 01 00 80 01 00 00 00 00 |GIF87a……….| 00000010 ff ff ff 2c 00 00 00 00 01 00 01 00 00 02 02 4c |…,………..L| 00000020 01 00 3b |..;|

А прозрачный – 43:

00000000 47 49 46 38 39 61 01 00 01 00 80 01 00 00 00 00 |GIF89a……….| 00000010 ff ff ff 21 f9 04 01 0a 00 01 00 2c 00 00 00 00 |…!…….,….| 00000020 01 00 01 00 00 02 02 4c 01 00 3b |…….L..;|

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

Так какой же наилучший формат однопиксельной картинки для веба? Есть варианты. Если пиксель непрозрачный, то GIF. Если прозрачный – тоже GIF. Если полупрозрачный, то PNG, поскольку у GIF прозрачность задаётся только как «да» или «нет».

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

Используя формат WebP, выбирайте его версию без потерь качества. Однопиксельная картинка без потери качества в формате WebP занимает от 34 до 38 байт. С потерей – от 44 до 104 байт, в зависимости от наличия альфа-канала. К примеру, вот полностью прозрачный пиксель в 34-байтном WebP без потери качества:

00000000 52 49 46 46 1a 00 00 00 57 45 42 50 56 50 38 4c |RIFF….WEBPVP8L| 00000010 0d 00 00 00 2f 00 00 00 10 07 10 11 11 88 88 fe |…./………..| 00000020 07 00 |..|

А вот тот же пиксель с потерей качества (по умолчанию) WebP, занимающий 82 байта:

00000000 52 49 46 46 4a 00 00 00 57 45 42 50 56 50 38 58 |RIFFJ…WEBPVP8X| 00000010 0a 00 00 00 10 00 00 00 00 00 00 00 00 00 41 4c |…………..AL| 00000020 50 48 0b 00 00 00 01 07 10 11 11 88 88 fe 07 00 |PH…………..| 00000030 00 00 56 50 38 20 18 00 00 00 30 01 00 9d 01 2a |..VP8 ….0….*| 00000040 01 00 01 00 02 00 34 25 a4 00 03 70 00 fe fb fd |……4%…p….| 00000050 50 00 |P.|

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

У формата BPG также есть режимы с потерей из без потери качества, и для него действует обратная закономерность. BPG с потерей хранит 1 пиксель в 31 байте – наименьший показатель из всех:

00000000 42 50 47 fb 00 00 01 01 00 03 92 47 40 44 01 c1 |[email protected]| 00000010 71 81 12 00 00 01 26 01 af c0 b6 20 bc b6 fc |q…..&…. …|

BPG без потерь качества занимает 59 байт. Прозрачный пиксель займёт 57 байт в BPG
с потерями и 113 байт в BPG без потерь. Интересно, что в случае с одним белым пикселем BPG выиграет у WebP (31 байт против 38), а с одним прозрачным пикселем WebP выигрывает у BPG (34 байта против 57).

А ещё есть FLIF. Я, конечно, не могу забыть о нём, являясь главным автором бесплатного формата изображений без потери качества (Free Lossless Image Format). Вот 15-байтный FLIF для одного белого пикселя:

00000000 46 4c 49 46 31 31 00 01 00 01 18 44 c6 19 c3 |FLIF11…..D…|

А вот 14-байтный для чёрного:

00000000 46 4c 49 46 31 31 00 01 00 01 1e 18 b7 ff |FLIF11……..|

Чёрный пиксель получился меньше, потому что ноль сжимается лучше, чем 255. Заголовок простой: первые 4 байта всегда «FLIF», следующий – человеко-читаемое обозначение цвета и интерлейсинга. В нашем случае это «1», что значит, один канал для цвета (оттенки серого). Следующий байт – глубина цвета. «1» значит один байт на канал. Следующие четыре байта – размерность картинки, 0x0001 на 0x0001. Следующие 4 или 5 – сжатые данные.

Полностью прозрачный пиксель тоже занимает 14 байт в FLIF:

00000000 46 4c 49 46 34 31 00 01 00 01 4f fd 72 80 |FLIF41….O.r.|

В этом случае у нас 4 цветовых канала (RGBA) вместо одного. Можно было бы ожидать, что раздел с данными будет длиннее (всё-таки каналов в четыре раза больше), но это не так: поскольку значение альфа равно нулю (пиксель прозрачный), значения RGB считаются неважными, и их просто не включают в файл.

Для произвольного цвета RGBA файл FLIF может занять до 20 байт.

Хорошо, значит FLIF лидер в категории «один пиксель» в соревновании на кодирование изображений. Если бы ещё это было какое-то важное соревнование:)

Но тем не менее, FLIF не будет лидером. Помните упомянутый мною минималистичный формат? Тот, который закодирует один пиксель в размер от 6 до 9 байт? Такого формата нет, поэтому он в счёт не идёт. Но есть существующий формат, который довольно близко подходит к этому.

Он называется Portable Bitmap format (PBM), и представляет собою несжатый формат изображений из 1980-х. Вот как можно было бы закодировать один белый пиксель в PBM всего 8-ю байтами:

00000000 50 31 0a 31 20 31 0a 30 |P1.1 1.0|

Да тут и шестнадцатиричный дамп не нужен, этот формат человеко-читаемый. Его можно открыть в текстовом редакторе.

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

Если вам нужно что-то другое, кроме чёрного и белого, можно использовать формат PGM для представления одного пикселя любого цвета всего 12-ю байтами, или PPM размером 14 байт. Это всегда меньше, чем соответствующий FLIF (или любой другой формат со сжатием).

В традиционном семействе форматов PNM (PBM, PGM и PPM) не поддерживается прозрачность. Существует дополнение PNM под названием Portable Arbitrary Map (PAM), где есть прозрачность. Но для нас он не подходит из-за многословности. Самый маленький из файлов PAM, представляющий прозрачный пиксель, такой:

P7 WIDTH 1 HEIGHT 1 DEPTH 4 MAXVAL 1 TUPLTYPE RGB_ALPHA ENDHDR \0\0\0\0

На последней строке идёт четыре нулевых байта. Всего получается 67 байт. Можно было бы использовать оттенки серого с альфа-каналом вместо RGBA, это бы сберегло два байта в секции данных. Но получится файл из 71 байта, поскольку нужно будет сменить TUPLTYPE с RGB_ALPHA на GRAYSCALE_ALPHA. Кроме того, программе обработки может не понравится MAXVAL 1, и придётся поменять его на MAXVAL 255 (ещё два байта).

В общем, для однопиксельных изображений без прозрачности, самым маленьким будет PNM (от 8 до 14 байт для PNM против от 14 до 18 для FLIF), а с прозрачностью самым мелким будет FLIF (от 14 до 20 байт для FLIF против от 67 до 69 байт для PAM).

Вот сравнительная табличка с оптимальными размерами файлов для разных однопиксельных картинок:

png

jpg

сжатие данных

Добавить метки

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

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

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

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

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

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

Переводим пиксели в сантиметры. Чему равен 1 пиксель в сантиметрах? Соотношение пикселей и сантиметров :: SYL.ru

Любого пользователя, впервые столкнувшегося с вопросом цифровых фотографий, обязательно заинтересует соотношение пикселей и сантиметров. А особенно если учесть, что сейчас цифровые фотографии прочно вошли в наш мир, то этот вопрос заинтересует даже человека, не имеющего компьютера. Ведь можно сделать фотографию хорошей цифровой зеркалкой, простенькой мыльницей или даже мобильным телефоном. У всех кадры разных размеров, но все снимают в точках или, по-научному, в пикселях, а не в сантиметрах. Итак, сколько же пикселей в 1 см? И хоть вопрос покажется на первый взгляд странным — любой пользователь компьютера эту задачу решает каждый день, и при этом не один раз.

Например, монитор, за которым работает пользователь. Пару лет назад 1024х768 — это было очень даже хорошо. Но при этом никто не задумывался, как это расшифровывается. Некоторые скажут — разрешение, и будут правы. В действительности же этот экран можно было выставлять и 800х600, и даже меньше. Сейчас, в век широкоформатников, цифры другие, и разрешения мониторов тоже другие. Но опять же у одного монитора можно настроить и 1400х900, и 1680х1050 — размеры разные, а монитор-то остается один.

Итак, сложно ли перевести пиксели в сантиметры?

Без разрешения никуда

Однозначный ответ на этот вопрос дать сложно. Допустим, взять вышеприведенный широкоформатник — 1400х900. В одном случае так, но у таких мониторов множество поддерживаемых форматов.

С другой стороны, обычная открытка — 10х15 см. Если мы ее снимем с разрешением 150 точек, то получим одно количество точек. А если снять с разрешением 300 (обычное качество для полиграфических работ) — точек/пикселей будет в два раза больше (вообще-то больше, чем в два, но не будем углубляться). То есть без разрешения все равно посчитать не получится.

Что же такое разрешение? Возьмем обычную функцию «Фотошопа» — размер изображения.

В верхней части он нам дает размер в пикселях. В нижней части — в дюймах (дюйм ~2,54 см). Обратим внимание на поле, где написано 72. Теперь попробуем вместо 72 написать, например, 300. Пиксели поменялись, но размеры в дюймах не меняются. Если вы выберете сантиметры — эффект не изменится. Это физика. То есть чем больше разрешение, тем меньше сантиметров будет наш конечный отпечаток. Звучит немного непонятно, но взгляните на картинку ещё раз. Ставим 72, получаем одно количество пикселей, ставим 300 — совершенно другое, при этом размеры конечного отпечатка… Правильно, не меняются.

Пиксель или точка

Но это далеко не один камень на пути. Чтобы считать более точно, давайте определимся для начала, что такое пиксель (или точка, так проще). Точка для монитора — это светящая единица измерения. То есть, 1400х900 можно принять так — по горизонтали у нас светится 1400 точек, по вертикали — 900. Точка на фотографии — тоже единица изменения, но другая. Если бесконечно увеличивать фотографию на мониторе, то мы увидим множество разноцветных точек вместо снимка любимого хомячка. Для того чтобы более или менее однозначно понять, чему равен пиксель в сантиметрах, нужно ответить на вопрос о том, для чего нам это надо. Если говорить о фотографиях — что вы собираетесь снимать? Если вы собираетесь снять чистый, только выпавший снег — вам не нужно большое разрешение. Если же мы снимаем тот же пейзаж, но без снега — чем меньше разрешение мы выставим, тем хуже будет качество. При малом разрешении кадр может потерять какие-то мелкие детали. В полиграфии это звучит иначе, но там используется другая техника.

Есть ли простое решение?

Так есть ли простое решение — как пересчитать размер пикселей в сантиметрах? Для дизайнера однозначного ответа не существует, но для обычного пользователя, который просто фотографирует, такое решение можно вывести. Но для этого вернемся к разрешению. На самой первой картинке у нас указано 72 пикселя на дюйм. Это разрешение обычной цифровой мыльницы. Это же является и стандартом для экранного просмотра. Сам размер кадров может быть различным и зависит от модели аппарата. Тут и 2048х1536, тут и 640х480 (были и такие размеры у первых цифровых фотиков). Но какой бы размер у нас ни был — разрешение у нас будет обычное, 100 точек.

Разница в 28 точек идет от различия так называемых «русских» и «английских» точек. Русская отсчитывается от метра, а точнее, миллиметра, тогда как английская отсчитывается от дюйма. Величина точки по-русски 0,25 мм или четверть миллиметра. Та же величина по-английски равна 0,328 мм или 1/72 дюйма. В то же время дюйм равен 2,54 см. Вся техника отсчитывает 72 «английские» точки. Именно поэтому «Фотошоп» или любая цифровая мыльница будет писать 72 точки. Если переводить пиксели в сантиметры, точнее, сначала в дюймы, а потом в сантиметры, мы и получим 100 «русских» точек.

Число (примерное)

Если мы в «Фотошопе» изменим не 72, а поле справа от него. Выставим сантиметры, иными словами, разделим 72 на 2,54? У нас 72 поменяется на 28,346. Итак, чему равен 1 пиксель в сантиметрах, если разрешение 28,346 пикселей на сантиметр? Простой арифметический пример на деление выдает результат — 0,04 см или 0,4 мм. Результат, конечно, очень приблизителен, но для среднего пользователя он подойдет. А теперь несколько примеров на соотношение пикселей и сантиметров

Несколько примеров. Сначала в 72 точки

Теперь, зная примерные размеры, вернемся к примеру с открыткой 10х15 см (некоторые фотостудии дают меньше, но это связано с размерами фотобумаги, стандарт — А4). Хватит ли нам такой открытки, чтобы напечатать квадрат 1000х1000, указанный на картинке из «Фотошопа»? Разрещение 72 точки. Переводим пиксели в сантиметры. 28,346х10, а потом на 15, округляя до целого, получаем — 283 на 425, это опять же очень приблизительный расчет.

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

Теперь возьмем стандартный форматный лист А4 и попробуем на нем разместить квадрат, который мы взяли для примера. Как известно — форматный лист равен 210 мм на 297. 21 на 29,7 см. Опять используем 72 точки и пробуем перевести пиксели в сантиметры.

Цифр называть не станем, но можно убедиться, что нашего листа не хватит для размещения 1000 точек. При этом в примере у нас отображен квадрат 1000х1000, что уж говорить о формате кадра среднего 2 мг пиксельного фотика с кадрами 2048х1536?

Те же примеры, но в 300 точек

Теперь мы вернемся к «Фотошопу» и вместо 72 выставим 300 (хорошее полиграфическое качество). Форматы все теже. Открытка 10х15 см и лист бумаги 21х29.7см. Сначала открытка. Как видим, при другом разрешении у нас еще и запас есть.

Теперь таже операция с листом.

А лист и того лучше. Тут не только один квадрат можно положить.

В заключение

Вот и получается: чем выше наше разрешение, тем больше информации можно вместить. Мы переставили разрешение примерно в 4 раза. А количество возможных пикселей выросло во сколько? Во много. Впрочем, соответствие пикселей и сантиметров приведено в двух таблицах выше. Напоминаем — для бумаги принято разрешение в 150 точек. Для экранного разрешения делим эти величины на два.

Таблица соотношений px, pt, em %

Pixels (px): «px» имеют фиксированный размер единиц, которые используются на экранах (например, для чтения на экране компьютера). Один пиксель равен одной точки на экране компьютера (самый малый элемент разрешения вашего экрана). Многие веб-дизайнеры используют px в веб-документах в целях получения пиксель-идеального(pixel-perfect) представления своего сайта, отображаемого в браузере. Одна из проблем, с использованием px заключается в том, что эти единицы не позволяют изменять масштаб для слабовидящих читателей или мобильных устройств.
Points (pt): «pt», традиционно используются в печатных СМИ (все, что должно быть напечатано на бумаге, и т. д.). Один «pt» равен 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться.

«Ems» (em): «em» — это масштабируемая единица, которая используется в веб-документах. «em» равна текущему font-size, например, если font-size в документе 12pt, 1em равен 12pt. «em» масштабируема по своей природе, так 2em будет равен 24pt, 0.5em будет равна 6pt и т. д. Использование «em» становятся все более популярным в веб-документах из-за масштабируемости и возможности с пользой применять в мобильных устройствах.
Percents (%): Единицы измерения в % похожи на «em», за исключением нескольких принципиальных различий. Во-первых, текущий font-size равен 100% (т. е. 12pt = 100%). При использовании «%», ваш текст становится полностью масштабируемым для мобильных устройств и удобства пользователя (accessibility).

Пункт, pt	Пиксель, px	Единица, em	Процент,%
6pt	8px	0.5em	50%
7pt	9px	0.55em	55%
7.5pt	10px	0.625em	62.5%
8pt	11px	0.7em	70%
9pt	12px	0.75em	75%
10pt	13px	0.8em	80%
10.5pt	14px	0.875em	87.5%
11pt	15px	0.95em	95%
12pt	16px	1em	100%
13pt	17px	1.05em	105%
13.5pt	18px	1.125em	112.5%
14pt	19px	1.2em	120%
14.5pt	20px	1.25em	125%
15pt	21px	1.3em	130%
16pt	22px	1.4em	140%
17pt	23px	1.45em	145%
18pt	24px	1.5em	150%
20pt	26px	1.6em	160%
22pt	29px	1.8em	180%
24pt	32px	2em	200%
26pt	35px	2.2em	220%
27pt	36px	2.25em	225%
28pt	37px	2.3em	230%
29pt	38px	2.35em	235%
30pt	40px	2.45em	245%
32pt	42px	2.55em	255%
34pt	45px	2.75em	275%
36pt	48px	3em	300%

Tags: %, em, pt, px, Единица, Пиксель, Процент, Пункт

android — Чему равен 1 px

Запомни:

Всё очень просто, представьте себе квадрат 1х1см (по обычной линейке нарисуйте для наглядности), так вот в этот квадрат помещаются пиксели, и их может поместиться 100х100, 1000х1000, 700х700 или даже так 777х888 в зависимости от реального размера пикселя (зависит от используемой матрицы)! Всё это называется «плотность пикселей».

Для расширения кругозора:

Сам пиксель, по сути, является площадкой, на которой располагается 3 субпикселя, цвета у них RGB, но в зависимости от типа экрана субпиксели могут по-разному располагаться и\или иметь разную форму, и даже по цвету они могут быть не чистыми RGB…

И вот этих плотностей +100500. В Андройде все эти +100500 плотностей приблизительно усредняются в несколько «Density» (ldpi, mdpi, hdpi и т.д.). В связи с тем, что матриц экранов огромное множество, то нельзя рассчитывать на реальный фиксированный отступ.

---

А ещё есть разные размеры экранов, как то мобильники, планшеты, мониторы и т.д.

А ещё есть разные формы экранов, квадратные, прямоугольные, круглые…

---

Вывод:

Пинайте недоДизайнеров, дабы они делали резиновые макеты…

upd для @ANDRO

есть 3 системы измерения

1. «мм» или «см» у которых есть фиксированный стандарт (линейка)
2. «px» пиксели — по сути единица измерения цифровых графических данных, но она не имеет привязки к «мм» или «см»
3. «dp» придуманная виртуальная система измерения, цель которой дать программисту что то среднее между «px» и «мм». Суть идеи в том, что «dp» на конкретном устройстве умножается на «Density» (его производители записывают в прошивку). В итоге получаем пусть и не «строго точный» размер, но всё же «близко приближенный»!

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

Размер пикселя в байтах: сколько весит 1 px

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

Краткий ответ: 1 пиксель = 3 байта (при цветовой схеме True-color).

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

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

Это одна и та же картинка, в ней одинаковое количество пикселей, но в первом случае она весит 196,8 K, а во втором 160,7 K.

Вес 1 пикселя в зависимости от разрядности цветового режима

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

Размер пикселя в байтах:

• В монохромном (2¹): 1 пиксель = 1/8 байт (1 бит)
• В 16-цветном (2⁴): 1 пиксель = 0,5 байт (4 бит)
• В 256-цветном (2⁸): 1 пиксель = 1 байт (8 бит)
• True-color (2²⁴): 1 пиксел = 3 байта (24 бита)
• True-color + Альфа канал (2²⁴ + 8-битный канал): 1 пиксел = 4 байта (32 бита)

1 пиксель может быть равен от 1 до 32 бит (от 1/8 до 4 байт).

Если для примера взять RGB модель кодирования (True-color 2²⁴), состоящую из 3-х основных цветов: красного, зеленого, синего, каждый из которых в свою очередь имеет по 256 оттенков, то можно посчитать:

1 параметр из 256 оттенков = 1 байт = 8 бит. Учитывая, что RGB – 3 цвета = 3 параметра по 256 оттенков каждый, то соответственно получаем, что для кодирования одного пикселя используется 3 байта.

1 пиксель = 3 байта = 24 бита.

Подсчет размера 1 пикселя на картинке

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

Сделать это достаточно просто:

1. Нужно умножить высоту на ширину, получив тем самым общее количество пикселей в изображении. В статье «Как узнать размер изображения в пикселях» описано, как можно посмотреть размер картинки;
2. Затем необходимо узнать вес картинки. Сделать это можно кликнув правой кнопкой мыши по картинке, вызвав тем самым контекстное меню, в котором следует выбрать пункт «Свойства». Там и будет указан вес в байтах.
   
3. Осталось лишь поделить вес в байтах на размер картинки в пикселях. Таким образом получится вес 1 пикселя в байтах.

Не нашли ответ? Тогда воспользуйтесь формой поиска:

Пол-пикселя? / Хабр

Итак, по Google:

1. Hardware pixel — физический пиксель матрицы дисплея (или, скажем, фотоаппарата). Например, в экране iPhone 5 — 640 физических пикселей по ширине.

2. Device-independent pixel (dip) — пиксели дисплея, приведённые к единому масштабу, чтобы соответствовать примерно одинаковому углу зрения на всех девайсах (с учётом расстояния, на котором мы их держим).

Определение ниочём, давайте на пальцах.

Берём монитор (самый обычный, не высокой чёткости):
— полоска 320 пикселей имеет длину пусть 8 см;
— на монитор мы обычно смотрим с расстояния, скажем, 50 см.

Берём iPhone 5:
— держим всегда ближе, пусть 30 см;
— полоске 320 device-independent пикселей должен соответствовать тот же угол зрения.
Значит, полоска в 320 dip имеет длину уже не 8, а 5 см.
Ну понятно, простая пропорция: 8 : 50 ≈ 5 : 30. Чем больше расстояние, тем крупнее должны быть эти «независимые» пиксели, чтобы их было видно так же.

Для примера iPhone 5 считается, что ширина экрана (около 5 см) — как раз 320 dip.

Если это 40-дюймовое информационное табло на вокзале, на которое смотрят с расстояния 7 метров, то… сами посчитайте, сколько там dip’ов. 🙂

3. CSS pixel — единица измерения вёрстки. Если написано «width: 20px» — это ширина 20 CSS-пикселей.

По W3C, 1px = 1/96 дюйма или примерно 0,26 мм. Но на W3C всем пофиг (причём пофигизм начался даже до появления W3C), поэтому браузеры всегда тупо считали, что CSS-пиксель равен экранному пикселю при масштабе 100%. Но когда пришли экраны высокой чёткости, они осознали всю ж… неправильность такого подхода. И теперь верстальщику невозможно обяснить, как это — полпикселя!

UPD: меня поправляют в комментах. Есть уже две версии определения понятия ‘1px’ в стандарте от W3C. Поэтому я рад, что сразу взял за основу терминологию гугла. 🙂

В общем, гугл предлагает формулу:

Scale = CSS_pixels / dip
Scale — масштаб страницы
CSS_pixels — число CSS-пикселей на некотором отрезке (например, ширина блока)
dip — число условных device-independent pixels на этом же отрезке

Надо это пояснять дальше?

Что такое пиксель? — Советы Ultimate Photo

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

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

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

Что такое пиксель?
© Фотография Джули Уотерхаус

Разрешение

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

Согласно другому соглашению количество пикселей выражается одним числом, как у 5-мегапиксельной камеры (мегапиксель — это миллион пикселей). Это означает, что пиксели по ширине, умноженные на пиксели по высоте изображения, снятого камерой, равны 5 миллионам пикселей. В случае наших мониторов с разрешением 1280 × 1024 это также может быть выражено как 1280 x 1024 = 1310 720 или 1,31 мегапикселя.

Итак, сколько пикселей мне нужно?

Теперь, когда мы ответили на вопрос «Что такое пиксель?» Давайте посмотрим, сколько из них вам нужно на вашем изображении.

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

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

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

Подсказка

Существует программное обеспечение, которое поможет вам искусственно увеличить разрешение ваших изображений. Он использует алгоритм интерполяции , который по существу заполняет лишние пиксели с «наилучшим предположением» в правильном цвете. Genuine Fractals от onOne Software — отличный пример такого программного обеспечения.

Для получения отпечатков превосходного качества в идеале требуется минимум 240 пикселей на дюйм в каждом измерении. Это означает, что для печати размером 4 ″ x6 ″ вам потребуется 240 × 4 пикселей в ширину и 240 x 6 пикселей в высоту. Это 960 пикселей в ширину и 1440 пикселей в высоту. В сумме получается 1 382 400 пикселей, или примерно 1,4 мегапикселя. Точно так же, чтобы сделать приличный отпечаток 8 ″ x10 ″, вам понадобится камера с разрешением 4,6 мегапикселя.

Имейте в виду, что для камеры «наведи и снимай» за пределами определенной точки (вероятно, от 4 до 5 мегапикселей) большее количество мегапикселей не обязательно приведет к лучшему изображению.Другие проблемы, такие как отсутствие общей резкости изображения из-за плохого качества изображения или объектива или плохого освещения, ограничивают полезность большего количества мегапикселей.

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

Убедитесь, что вы используете максимальное количество мегапикселей!

Цифровые камеры имеют настройку «качества», которая изменяет количество фактически записываемых пикселей.Если у вас нет настроек качества на самом высоком уровне, вы не в полной мере используете возможности камеры для записи.

Если вы не знаете, где находится ваша камера, загляните в руководство пользователя. (Извините, там слишком много камер, чтобы дать инструкции для каждой из них!). Он будет называться что-то вроде «качество» или «размер» и будет выражаться в пикселях. Например:

1. Большой (3072 x 2304 пикселя) — 7 мегапикселей
2. Medium (2048 x 1536 пикселей) — около 3 мегапикселей
3. Маленький (640 x 480 пикселей) -.3 мегапикселя — действительно низкое разрешение!

Информация о цвете

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

Количество различных цветов, которые могут быть представлены пикселем, зависит от количества информации, хранящейся для каждого пикселя. Информация хранится как бит .чем больше хранится битов на пиксель (bpp), тем больше цветов может отображать пиксель. Например, в простейшем случае, если для пикселя хранится только один бит информации, он может быть «включен» или «выключен» — черный или белый. Фактическое количество битов, используемых для представления цвета одного пикселя, известно как глубина цвета , или глубина цвета бит.

Надеюсь, теперь вы можете ответить на вопрос: «Что такое пиксель?»

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

Что такое пиксель? — Определение с сайта WhatIs.com

К

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

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

Растровое изображение — это файл, который указывает цвет для каждого пикселя вдоль горизонтальной оси или строки (называемый координатой x) и цвет для каждого пикселя вдоль вертикальной оси (называемый координатой y). Например, файл формата обмена графическими данными содержит растровое изображение изображения (вместе с другими данными).

Резкость изображения на экране иногда выражается в dpi (точках на дюйм). (В этом случае термин точка означает пиксель, а не точку, как в случае с шагом точки .) Точек на дюйм определяется как физическим размером экрана, так и настройкой разрешения.Данное изображение будет иметь более низкое разрешение — меньше точек на дюйм — на большом экране, поскольку те же данные будут распределены по большей физической области. На экране того же размера изображение будет иметь более низкое разрешение, если настройка разрешения сделана ниже — сброс с 800 на 600 пикселей на горизонтальную и вертикальную линию до 640 на 480 означает меньше точек на дюйм на экране и изображение будет менее резким. . (С другой стороны, отдельные элементы изображения, такие как текст, будут иметь больший размер.)

Пиксель заменил более раннее сжатие элемента изображения, pel .

Последнее обновление: июль 2015 г.

Продолжить чтение о пикселях

Что такое пиксель? | Вебопедия

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

В контексте мобильных устройств и телекоммуникаций «пиксель» может также относиться к смартфону Google Pixel или ноутбуку Google Pixelbook.

Как работают пиксели?

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

Разрешение в зависимости от плотности пикселей

Когда говорят о качестве изображения или экрана, часто используется термин разрешение. Разрешение экрана можно определить как количество пикселей на экране. Например, 13-дюймовый Macbook Air имеет разрешение 2560 x 1600, что означает, что экран состоит из более чем 4 000 000 пикселей.Чем выше разрешение, тем выше качество изображения.

Хотя при измерении качества экрана важно учитывать разрешение, также важно учитывать плотность пикселей. Плотность пикселей измеряется либо в PPI (пикселей на дюйм), либо в PPC (пикселях на сантиметр). Например, если вы посмотрите фотографию на iPhone и на экране фильма, оба с разрешением 1792 x 828, изображение iPhone будет иметь лучшее качество, потому что PPI выше на экране iPhone. Когда изображение увеличивается на экране фильма с тем же разрешением, что и iPhone, изображение будет пиксельным.

ОБНОВЛЕНО: эта статья была обновлена ​​Кайти Нортоном, апрель 2021 г., .

Определение пикселя | PCMag

(1) (пиксель) См. Chromebook Pixel, Pixel phone и Pixel C.

(2) ( PIX [изображение] EL ement) Основной элемент отображения электронного экрана или растрового изображения. Разрешение экрана оценивается количеством пикселей по горизонтали и вертикали; например, 1024×768 означает, что в каждой строке отображается 1024 пикселя, и имеется 768 строк (строк).Аналогичным образом, растровые изображения имеют размер в пикселях: изображение размером 350×250 имеет размер 350 пикселей в ширину и 250 пикселей вниз.

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

Пиксельные структуры
При хранении пиксели состоят из одного или нескольких битов. Чем больше эта «глубина цвета» или «битовая глубина», тем больше оттенков или цветов может быть представлено. Самая экономичная система — монохромная, в которой используется один бит на пиксель (вкл. / Выкл.). Серая шкала и цвет обычно используют от четырех до 24 бит на пиксель, обеспечивая от 16 до 16 миллионов цветов. Смотрите глубину цвета.

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

A Монохромное растровое изображение

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

Цвет всегда RGB

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

Объяснение пикселей — Pixelmator Pro Tutorials

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

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

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

Насколько велик пиксель?

Сами по себе

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

Как пиксели связаны с физическими единицами?

Хотя пиксели не имеют собственного размера, их отношение к физическим единицам становится важным, когда вы хотите напечатать существующее изображение.Или если вы хотите создать новое изображение для печати определенного размера. Например, если вы хотите напечатать изображение шириной 6 дюймов и высотой 4 дюйма, это ничего не говорит о том, сколько пикселей у него или должно быть. На этом этапе важно убедиться, что, как и при отображении изображения на экране, отдельные пиксели достаточно малы, чтобы их не было видно. Стандарт для высококачественной печати — печать 300 пикселей на дюйм страницы. Сколько пикселей должно уместиться на дюйм, называется разрешением изображения.А с разрешением 300 пикселей на дюйм (PPI) 6 дюймов теперь равны 1800 пикселям, а 4 дюйма — 1200 пикселям.

Как появились пиксели?

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

Основы сканирования

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

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

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

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

Цифровая камера создает эту копию цветного изображения с помощью ПЗС- или КМОП-матрицы за объективом. Объектив фокусирует то же аналоговое изображение на этом цифровом датчике, который состоит из сетки из множества крошечных светочувствительных ячеек или датчиков, расположенных так, чтобы разделить общую площадь изображения на строки и столбцы огромного количества очень крошечных подобластей.ПЗС-матрица 12-мегапиксельной камеры имеет сетку примерно из 4288×2848 сенсоров (из них 12 миллионов). Каждый датчик проверяет и запоминает цвет (три цвета, красный, зеленый и синий, называемые RGB) крошечной области (там, где он находился на рамке датчика). Цифровой запоминает цвета путем оцифровки (преобразования в числа) аналогового цвета в три числовых (цифровых) значения, представляющих цвет. Такая организация числовых данных называется пикселями. Пиксель содержит цифровые числовые данные цвета RGB (числа) одной крошечной области поверхности.Он создает массив пикселей, состоящий из строк и столбцов, размером, возможно, 4288×2848 пикселей (12 мегапикселей). Говоря о выходном JPG-изображении (пропуская некоторые вещи), то, что мы получаем от камеры, — это то, что каждый пиксель изображения будет состоять из трех числовых компонентов RGB (что, возможно, сопоставимо с тремя слоями цветной пленки, но совсем другим способом. ). Цвет пикселя будет одним из 16 миллионов цветов (256 оттенков красного, 256 зеленого, 256 синего, поэтому 256x256x256 = 16,8 миллионов возможных комбинаций). Но любой пиксель — это всегда ТОЛЬКО ОДИН ЦВЕТ, какой бы цвет он ни видел в этой крошечной области сенсора. Опять же, пиксель — это просто «цвет», выбранный из области кадра. Пиксель, как правило, слишком мал, чтобы люди могли видеть его по отдельности, но переставьте эти пиксели в том же порядке на фотобумаге или на видеоэкране компьютера, и человеческий глаз объединяет их, чтобы распознать исходную сцену. Принтеры и видеоэкраны тоже являются цифровыми устройствами, их единственная цель в жизни — отображать пиксели. Мы должны понимать, что пиксели — это все, что есть в файле изображения. Кроме того, компьютерные видеосистемы показывают только пиксели.Цифровой — это пиксели, точка.

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

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

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

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

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

Это может помочь понять, что картина, построенная из кусочков цветной мозаичной плитки на стене или полу, представляет собой в некоторой степени аналогичную концепцию, состоящую из множества крошечных участков плитки, причем каждая плитка представлена ​​образцом одного цвета. С разумного расстояния просмотра мы не замечаем отдельные маленькие плитки, наш мозг просто видит общую картину, представленную ими. Концепция пикселей аналогична, за исключением того, что эти пиксели (значения оцифрованных образцов цвета) чрезвычайно малы и выровнены в идеальные строки и столбцы крошечных квадратов, чтобы составить прямоугольное общее изображение.Пиксель — это запомненное значение цвета каждого из этих образцов цвета, представляющих крошечные квадратные области. Размер изображения измеряется в пикселях: X столбцов в ширину и Y строк в высоту.

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

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

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

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

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

Сканер создает пиксели, выбирая цвет оригинала. фотография.Пиксель — это одно значение цвета, взятое из небольшой области оригинал (скажем, 100 точек на дюйм или каждые 1/100 дюйма) для создания цвета образцы или пиксели. Эта область этого цвета. Размер оригинальной фотографии (в дюймах) такой важно для размера изображения, как и разрешение в точках на дюйм. 6-дюймовая фотография при сканировании с разрешением 100 точек на дюйм будет получено 600 пикселей в этом измерении изображение. Или отрезок фотографии или пленки размером один дюйм, отсканированный с разрешением 600 dpi. также создаст изображение размером 600 пикселей.

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

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

В частности, числа. Концептуально один цвет, представляющий крошечную маленькую область изображения. Пиксель цифрового цветного изображения — это просто числа, представляющие значение данных RGB (красный, зеленый, синий). Образец цвета каждого пикселя имеет три числовых компонента RGB (красный, зеленый, синий), которые представляют цвет этой крошечной области пикселя.Эти три компонента RGB представляют собой три 8-битных числа для каждого пикселя. Три 8-битных байта (по одному байту для каждого из RGB) называются 24-битным цветом. Каждый 8-битный компонент RGB может иметь 256 возможных значений в диапазоне от 0 до 255. Например, три значения, такие как (250, 165, 0), означают (красный = 250, зеленый = 165, синий = 0) для обозначения одного оранжевого пикселя. . В программах для редактирования фотографий есть инструмент EyeDropper, позволяющий отображать 3 цветовых компонента RGB для любого пикселя изображения.

В двоичной системе с основанием 2 8-битный байт может содержать одно из 256 числовые значения от 0 до 255, потому что 2 в восьмой степени равно 256, как видно в последовательности 2,4,8,16,32,64,128,256.8-й из них — 256. Это та же концепция в базе 10, что 3 десятичных цифры могут хранить одну 1000 значений, от 0 до 999. 10 в 3-й степени равно 1000, та же идея, что и 2 в 8-й степени равно 256.

Да, верно, но единственное, что здесь 255 — это максимально возможное число, которое может храниться в 8-битном байте. Для больших чисел требуется несколько байтов, например, два байта (16 бит) могут содержать до 256×256 = 65536 уникальных значений. 24-битные цветные изображения RGB используют 3 байта и могут иметь 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего.Это 256x256x256 = 16,7 миллиона возможные комбинации или цвета для 24-битных цветных изображений RGB. RGB пикселя значение данных показывает «сколько» красного, зеленого, синего и трех цвета и уровни интенсивности будут объединены в этом пикселе изображения, при этом расположение пикселей.

Комбинация трех значений RGB создает окончательный цвет для этого область в один пиксель. В системе RGB мы знаем, что красный и зеленый превращаются в желтый. Так, (255, 255, 0) означает красный и зеленый, каждый полностью насыщенный (255 — такой же яркий как 8 бит), без синего (нуля), с результирующим цветом Желтый.

Черный — это значение RGB (0, 0, 0), а белый — (255, 255, 255). Серый цвет тоже интересен, потому что он имеет свойство иметь одинаковый RGB ценности. Итак, (220, 220, 220) — светло-серый (почти белый), а (40,40,40) темно-серый (почти черный). Серый цвет не имеет несбалансированного цветового оттенка.

Поскольку серый цвет имеет равные значения в RGB, только черно-белые изображения в оттенках серого используйте один байт 8-битных данных на пиксель вместо трех. Байт еще содержит значения от 0 до 255 для представления 256 оттенков серого.

Пиксели штриховой графики представлены только одним двоичным битом со значениями 0 или 1, обозначающий черный или белый (2 цвета, без серого). Данные штрихового рисунка хранится упакованными 8 битами в один 8-битный байт.

Что находится в файле изображения?

Те числа. Файл изображения содержит три значения цвета для каждый пиксель или место RGB в сетке изображений из строк и столбцов. В данные также организованы в файле по строкам и столбцам. Форматы файлов различаются, но начало файла содержит числа, обозначающие количество строк и столбцов (размер изображения, например, 800×600 пикселей) и за ним следуют огромные строки данных, представляющих цвет RGB каждого пикселя.Программа просмотра тогда знает, сколько строк и столбцы, и, следовательно, как разделить и расположить следующие RGB значения пикселей соответственно в строки и столбцы.

Каждое место в одной из строк и одного из столбцов является образцом цвета, который называется пикселем. Если бы размер изображения был, скажем, 1000×750 пикселей ( записывается как ширина x высота соглашение ), тогда будет 1000 столбцов и 750 строк данных значений, или 1000×750 = всего 750 000 пикселей. Для 24-битного цвета каждый данные пикселя содержат три 8-битных байтовых значения RGB, или 750000 x 3 = 2 250 000 байт.Каждый пиксель имеет одинаковый размер, потому что пиксель просто цвет области между линиями сетки. Эта область будет окрашена на одно соответствующее значение данных RGB. Большие области одного цвета просто множество нескольких одинаковых пикселей, включая пустой фон (например, голубое небо внизу), где тоже намного больше пикселей. Данные изображения представляет собой просто серию числовых значений цвета RGB в сетке строк и столбцы.

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

Иконки обычно представляют собой «графические» изображения, состоящие из дискретных пикселей. иметь непрерывные тона, как на фотографиях. У какого-то художника-графика очень тщательно проработал предыдущий значок, пиксель за пикселем, один пиксель на время. Но фотография более смешанная, а соседние пиксели часто имеют похожие цвета (так называемый непрерывный тон). Голубое небо много чуть-чуть разные цвета синего, мы можем это увидеть здесь. На графическом изображении небо было бы ровно одного синего цвета. И сканировал фотографии обычно намного больше 32×32 пикселей.

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

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

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

Так как же использовать эти пиксели?

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

Размер изображения в пикселях определяет, что мы можем делать с этим изображением — как его можно использовать и подходит ли он по размеру для предполагаемого использования. Существует два основных применения, которые охватывают почти все приложения: печать изображения на бумаге (печать фотографии или в книге и т. Д.) Или отображение изображения на видеоэкране (снимки или веб-страницы и т. Д.). Эти две ситуации довольно разные и связаны с разными проблемами.Но в любом случае мы должны создать размер изображения (размер в пикселях), чтобы он соответствовал тому, как мы будем его использовать. В следующих разделах подробно рассматриваются эти два использования.

Но сначала, самым кратким из возможных способов — если мы показываем цифровое изображение на видеоэкране размером, скажем, 1024×768 пикселей, то, конечно, нам не нужно изображение больше, чем этот размер видеоэкрана (1024×768 пикселей. Видеоэкраны являются размеры в пикселях, а изображения — в пикселях. Дюймы вообще не имеют значения на видеоэкране.Глава 5 посвящена использованию изображений на видеоэкране.

Или для другого использования, когда мы печатаем цифровые изображения на бумаге, размер бумаги измеряется в дюймах, а размер цифровых изображений — в пикселях. Мы печатаем изображение на бумаге с некоторым разрешением печати, которое указывается в пикселях на дюйм (ppi), что представляет собой просто расстояние между пикселями на бумаге. Размер изображения в пикселях определяет размер, который мы можем напечатать в дюймах на бумаге. Например, если мы печатаем ширину 1800 пикселей с разрешением 300 пикселей на дюйм, то эти 1800 пикселей будут покрывать 6 дюймов бумаги просто потому, что 1800 пикселей / 300 пикселей на дюйм = 6 дюймов.Вот как это работает, но в главах 6 и 7 мы более подробно остановимся на этом.

Изображения с цифровой камеры и изображения со сканера во всех отношениях одинаковы для показа или печати изображения. Оба изображения имеют размер в пикселях. Одно из отличий при создании заключается в том, что размер изображения камеры создается фиксированным размером сенсорного чипа, например, 3-мегапиксельный ПЗС-чип создает размер около 2048×1536 пикселей (см. Стр. 87). Изображение камеры имеет тот же размер (в пикселях), но меню камеры также предлагает несколько других меньших размеров изображения, например половину этих размеров.

Разрешение сканирования сканера (пикселей на дюйм) и размер сканируемой области (дюймы) определяют размер изображения (в пикселях), созданного из сканированных дюймов. Если мы отсканируем бумагу размером 8×10 дюймов с разрешением 300 dpi, мы получим (8 дюймов x 300 ppi) x (10 дюймов x 300 ppi) = 2400×3000 пикселей. Стенд сканера и сканируемая бумага имеют размеры в дюймах, а создаваемое изображение — в пикселях.

---

Авторские права © 1997-2010, Уэйн Фултон — Все права защищены.

пикселей отслеживания | База знаний

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

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

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

Как работают пиксели отслеживания?

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

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

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

Типы пикселей

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

Пиксель ретаргетинга

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

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

пикселей преобразования

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

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

Пиксель Facebook

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

Этот тип пикселя представляет собой уникальный код, который собирает данные и позволяет веб-сайтам:

• Отслеживание конверсий рекламы в Facebook
• Создайте целевую аудиторию
• Оптимизируйте рекламу
• Ремаркетинг посетителям вашего сайта

Узнайте, как интегрировать пиксель Facebook со скриптом баннера cookie.

Различия между пикселем и файлом cookie

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

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

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

Просканируйте ваш сайт БЕСПЛАТНО

БЕСПЛАТНЫЙ сканер веб-сайтов

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

СКАНИРОВАТЬ БЕСПЛАТНО

.

No related posts.