Что такое «Пиксель»?

«Pixel» всегда смущает меня, когда я занимаюсь веб-баннером.

Я использую CorelDraw x5 для своей работы. Я обычно предпочитаю использовать дюймы, а не пиксели, поскольку дюймы для меня интуитивно понятны. Но когда я делаю преобразование «дюйм в пиксель», я запутываюсь.

• В CorelDraw: 1 inch = 300px.

• В AuctionRepair.com : 1 inch = 75 pixels.

• В UnitConversion.org : 1 inch = 96 pixels.

Теперь мой клиент запрашивает баннер размером 1900x1200px. Как я должен сделать преобразование?

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

У атома есть нейтрон, протон и электрон, тогда как у пикселя есть красные, зеленые и синие значения :)

Количество пикселей на дюйм или сантиметр (см) и т. Д. Называется «разрешением».

Более высокое разрешение означает больше пикселей на единицу длины.

Если вы разрабатываете для веб / рабочего стола, вы можете сказать, 1 Inch = 72 pixels

Для офсетной печати (обычно используется разрешение 300), можно сказать, 1 inch = 300 pixels

Разрешение печати называется DPI, что означает «число точек на дюйм». Пиксели - это точки. Чем больше точек, тем точнее будет результат печати.

Теперь мой клиент запрашивает баннер размером 1900x1200px. Как я должен сделать преобразование?

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

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

Если мой клиент попросил изображение размером 1920x1080px, первое, что мне нужно знать, это предполагаемое использование. Это для сети, печати или обоих?

В мире печати пиксель (или элемент изображения - [pict-el]) не имеет значения или определения. Пиксели никак нельзя измерить. У них нет предопределенного размера или единицы для расчета их размера. Поэтому это не термин "реальный мир". Они строго цифровой термин и относятся только к цифровому миру.

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

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

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

При работе в Photoshop для Интернета то, что вы вводите в Resolutionполе для нового документа, в значительной степени не имеет значения. Изображение, предназначенное для Интернета (или экрана), будет использовать ширину пикселя и высоту пикселя и вообще не будет ссылаться на настройку разрешения. См. Здесь для получения дополнительной информации о разрешении (ppi) и сети / экране: обязательно ли хранить изображения с разрешением 72DPI для веб-дизайна? Для Интернета единственное отличие, которое предлагает поле разрешения, заключается в том, что оно позволяет вам создавать более подробные работы в Photoshop. Но после вывода поле разрешения игнорируется, используя Save for Web. Если вы используете, Exportа не Save for Webто, разрешение используется для изменения ширины и высоты пикселя изображения в зависимости от вашей операционной системы.всех вещей. Приложения Macintosh предполагают, что каждый дюйм имеет 72 пикселя, а приложение Windows предполагает, что каждый дюйм имеет 96 пикселей. Ни один из них не является действительно точным или правдивым, но инженеры должны были что-то использовать . Таким образом, более высокое разрешение Exportприведет к увеличению ширины и высоты пикселя.

Теперь там, где печать соответствует пикселям ... разрешение или число точек на дюйм (DPI). DPI - это, по сути, плотность точек, которая создается наборщиком изображений (или изготовителем печатных форм) при выводе печатных форм. Все печатаемые изображения должны проходить полутоновые процессы. В дополнение к определенному экрану линий или Lines Per Inch (LPI), который определяет, сколько строк точек будет напечатано. Плотность точек в полутонах определяет уровень детализации и качества самого изображения. Полутона с более высоким DPI и LPI будут выглядеть намного лучше, чем полутона с низким DPI и LPI. При поиске какой-либо корреляции между экраном и печатью, наиболее распространенное место, где пользователь находит немного логики, думает, что 1 пиксель = 1 точка. Это неполностью точный, но достаточно близкий, чтобы не использовать эту предпосылку. Здесь люди обмениваются терминами PPI и DPI, думая, что это одно и то же. На самом деле, они совсем не одинаковы, но думать, что это не так уж и плохо.

Для печатной работы Resolutionполе в новом окне документа Photoshop является критическим. Чаще всего вы хотите разрешение 260 или выше для печати изображений. Это соответствует 260DPI, который является оптимальной настройкой для 175LPI (экран с общей линией). 300dpi используется чаще всего, потому что это хорошее, даже круглое число, которое нужно запомнить, и больше DPI никогда не будет проблемой. Общий расчет на самом деле в 1,5 раза больше LPI равен DPI. Так 1,5 х 175 = 262,5. Таким образом, он округляется до 300 точек на дюйм.

Если вы знаете, предполагаемое использование .....

• Если это для Интернета или экрана, просто создайте новый документ с разрешением 1920x1080 пикселей и любым разрешением. Более высокое разрешение позволит вам более детально поработать в Photoshop, но не изменит выход веб / изображения на экране. Независимо от разрешения (ppi) изображение все равно будет выводиться с разрешением 1920x1080 пикселей (с помощью функции «Сохранить для Интернета»).

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

Теперь переключите выпадающий список «пикселей» на дюймы:

Это использует внутреннюю теорию Adobe 1px = 1pt, которая хороша как любая. Но это дает вам общее представление о том, что изображение будет примерно 6,5 "х3,5". Затем я бы связался с клиентом, чтобы убедиться, что изображение размером 6,5х3,5 дюйма соответствует его потребностям.

Привет [клиент],

Размер изображения 1920x1080 пикселей при печати составляет примерно 6,5x3,5 дюйма. Этот размер подойдет для вас? Должен ли я пойти больше для печати?

Благодарность!

Есть статья по информатике (действительно, забавная записка) под названием «Пиксель - не маленький квадрат» Альвоя Рэя Смита.

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

Пиксель - не маленький квадрат,
Пиксель - не маленький квадрат,
Пиксель - не маленький квадрат!
(И Воксель - это не маленький кубик)

Термин «пиксель» является сокращением от «элемент изображения».

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

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

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

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

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

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

Еще одна путаница, чтобы завершить обсуждение:

В дизайне и макете сайта один «пиксель CSS» всегда равен 1/96 от «дюйма CSS» , независимо от разрешения экрана. Это было сделано потому, что многие ранние веб-сайты использовали пиксельные измерения для макета, предполагая стандартное разрешение экрана. Чтобы фактический размер текста и другого содержимого оставался постоянным, веб-браузеры находят приблизительно равномерное преобразование между пикселями экрана и единицами измерения «px» и корректируют их интерпретацию в дюймах, чтобы всегда было постоянное соотношение между «px» и «px». в". То же самое относится ко всем единицам, которые основаны на дюймах, таких как «pt» для шрифта - размер шрифта 12pt всегда равен размеру шрифта 16px .

Теперь, когда разрешение экрана обычно намного лучше, чем 96 пикселей на дюйм, понятие «точки» заимствовано из мира печати, чтобы говорить о реальном физическом разрешении экрана. Есть даже единица измерения точек на пиксель (dppx) для описания физического разрешения, пропорционального стандартному пикселю CSS. Например, новые экраны «Retina» для Mac и iPhone имеют разрешение 2dppx.

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

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

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

Экраны обычно считаются 72ppi, но это просто по умолчанию и совершенно не имеет отношения к фактическому размеру вашего экрана. Такое же разрешение 1920x1080 может быть 10ppi на экране стадиона или 400ppi на мобильном телефоне.

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

Что такое пиксель в контексте цифрового изображения? Это самый маленький уникальный элемент в изображении. Ему будет присвоен цвет. Буквально это относится к отдельному «элементу изображения» .

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

Теперь, если вы отойдете достаточно далеко от этого дисплея лампочки, глаз в конечном итоге больше не сможет различить эти отдельные лампочки, и все, что вы увидите, - это непрерывная форма вместо отдельных пикселей. Это происходит из-за того, что глаз имеет ограниченное разрешение сканирования, и если на дюйм больше точек (лампочек), чем может распознать глаз, пиксели превращаются в изображение. Разрешение ваших глаз составляет около 300 точек на дюйм (DPI). Если вы возьмете увеличительное стекло и посмотрите на свой монитор, вы увидите, что он также состоит из крошечных лампочек (ЖК-дисплеев), и даже намного больше. Около 2 073 600 (1920x1080) на экране Full HD, умноженное на три, так как по одному на каждый цвет RGB, которые ваши глаза просто не видят, так как они слишком маленькие.

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

По этой и нескольким другим причинам при создании первых компьютерных мониторов было выбрано стандартное разрешение 72 DPI (Apple) или 96 DPI (Microsoft). Это хороший компромисс между расстоянием, на которое пользователь должен находиться вдали от экрана, и техническими ограничениями этого возраста. Но даже сегодня большинство экранов примерно соответствуют этому разрешению. Вот почему чем больше экран, тем больше количество пикселей.

Теперь, если вам известно разрешение DPI вашего монитора, очень легко определить, сколько пикселей приходится на каждый квадратный дюйм. Например, если вы хотите нарисовать квадрат размером 1x1 дюйм² на мониторе, вы можете легко определить, сколько пикселей должно иметь это изображение (72x72 или 96x96). Но также очевидно, что это изображение будет больше или меньше на других экранах с другим разрешением DPI. Текст, который читается на 24-дюймовом экране с разрешением 96 точек на дюйм, может быть слишком маленьким на 4-дюймовом iPhone с разрешением 300 точек на дюйм, потому что эти 96 пикселей (1 дюйм) на 24-дюймовом экране телефона составляют всего несколько мм.

Поэтому, если ваш клиент попросит вас создать изображение с разрешением 1900x1200 px, первые ваши вопросы должны быть такими: для какого устройства?

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

Хотя это решает проблему Mac / Windows / Other, это не решит огромную разницу в размерах. Ваш пример изображения будет 10x10 см на каждом устройстве, но это может охватывать весь экран на мобильном телефоне. Эта проблема еще не полностью решена, но у большинства компаний есть некоторая форма решения для нее. Но в большинстве случаев вам действительно нужно разработать как минимум две страницы, одну для стандартного рабочего стола, одну для мобильных телефонов и, в конечном итоге, одну для планшетов.

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

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

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

Чтобы быть в безопасности, начните с размера холста с тем же соотношением сторон: 1900x1200 - это соотношение 16:10, поэтому должно получиться 16 на 10 дюймов. Когда приходит время сохранять или экспортировать сплющенное изображение («растр» или растровое изображение), вы можете выбрать размеры 1900x1200 пикселей.

Я не знаком конкретно с Corel, поэтому не могу точно сказать вам , как войти в эти настройки, но они, по всей вероятности, есть.

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

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

Пиксели могут быть разнесены разными способами, следовательно, они не представляют никакого реального измерения. При печати они могут быть 300 точек на дюйм (DPI), в этом случае пиксели очень близко друг к другу - или на экране они могут быть 72 DPI, что означает, что они находятся дальше друг от друга. Между прочим, я должен предположить, что 1900x1200 предназначен для экрана, поскольку это одно из стандартных разрешений экрана. В этом случае он будет выглядеть одинаково независимо от того, сколько дюймов в его размерах, при условии, что он отображается в полноэкранном режиме на мониторе 1900x1200.

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

TL; DR Выполните преобразование при экспорте изображения Corel Draw в файл .tif.

Существует два способа описания изображения на компьютере: растровые изображения (также известные как растры ) и векторы, Растровое изображение - это сетка координат, каждая из которых имеет определенный цвет, а каждая точка представляет собой пиксель. Комбинация всех точек в сетке создает изображение. Фотографии являются растровыми изображениями; пиксели соответствуют зернистости пленки или точкам на датчике. Пиксели не имеют собственного размера: они могут быть очень маленькими на изображении с лазерной печатью или очень большими на гигантском экране дисплея. Размер изображения в пикселях говорит о разрешении, при котором оно будет выглядеть плавным. Изображения с высокой плотностью пикселей (точек на дюйм, точек на дюйм) выглядят четкими, а изображения с низкой плотностью пикселей выглядят блочными. Чтобы увидеть разницу, сравните Flickr с Minecraft. Увеличение растрового изображения делает пиксели больше, а изображение становится более четким и менее четким.

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

Corel Draw - это программа векторной графики, поэтому изображения, которые вы создаете, являются векторами. Если вашему клиенту требуется изображение размером 1900x1200, вам необходимо преобразовать его в растровое изображение при экспорте. Ключевым моментом является то, что размер вектора и размер растрового изображения являются независимыми. Вы можете создать файл Corel Draw размером восемь футов на шесть и экспортировать его как изображение размером 400x300 пикселей. Или файл размером с квадратный дюйм в Corel Draw можно экспортировать как растровое изображение с квадратом 10000 пикселей. Однако, вместо того, чтобы запрашивать размеры в пикселях, программы обычно просят вас указать размер и разрешение для растрового изображения, хотя вы можете изменить единицы измерения на пиксели. Это позволяет вам убедиться, что файл будет иметь разумное разрешение в нужном вам размере. Задавая конкретное разрешение, ваш клиент хочет убедиться, что он может использовать изображение с большим размером экрана или с небольшим размером шрифта. Идея о том, что цифровое изображение имеет физический размер, довольно странная, но с ним проще работать.

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

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

У Шона Б. Палмера есть хорошая страница по этому вопросу:

Например, ширина Луны с Земли составляет около 24,3 пикселя. Эйфелева башня на расстоянии в милю составляет приблизительно 550.5px высотой. Это означает, что когда вы делаете «{width: 24.3px}» в CSS 2.1, вы делаете что-то такое же широкое, как выглядит луна.

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

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

Помните: у пикселя нет предопределенного размера. В отличие от пика.

У PSD Tuts есть видео, которое объясняет связь между пикселями здесь

Пиксели

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