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 системы измерения
- «мм» или «см» у которых есть фиксированный стандарт (линейка)
- «px» пиксели — по сути единица измерения цифровых графических данных, но она не имеет привязки к «мм» или «см»
- «dp» придуманная виртуальная система измерения, цель которой дать программисту что то среднее между «px» и «мм». Суть идеи в том, что «dp» на конкретном устройстве умножается на «Density» (его производители записывают в прошивку). В итоге получаем пусть и не «строго точный» размер, но всё же «близко приближенный»!
потому во всех фагах по андройду и говорят что размеры нужно указывать в «dp», но проблема в том что мало где разъясняется «почему».
em, px, pt, cm, in…
См. также оглавление со всеми советами.
На этой странице:
em, px, pt, cm, in…Указывать длину в CSS можно в разных единицах. Некоторые из них
пришли из типографской традиции, как пункт (pt)
и пика (pc), другие, напр. сантиметр (cm) и дюйм (in), знакомы нам в повседневном
обиходе. Есть и «волшебная» единица, придуманная специально для
CSS: px. Значит ли это, что для разных свойств нужны
разные единицы?
Нет, единицы измерения не имеют отношения к свойствам, но имеют прямое отношение к средствам отображения: экран или бумага.
Любые единицы измерения можно использовать где угодно. Свойство
со значением в пикселях (margin: 5px
margin:
1.2in; margin: 0.5cm), и наоборот.Но в целом для отображения на экране и для печати лучше использовать разные наборы единиц измерения. Советы по использованию единиц собраны в следующей таблице:
| Рекомендуются | Можно иногда | Не рекомендуются | |
|---|---|---|---|
| Экран | em, px, % | ex | pt, cm, mm, in, pc |
| Печать | em, cm, mm, in, pt, pc, % | px, ex |
Соотношение между абсолютными единицами таково: 1in = 2.54cm = 25.4mm = 72pt = 6pc
Если у вас есть под рукой линейка, можете проверить точность
своего устройства. Вот прямоугольник высотой 1 дюйм (2.54cm):
↑
72pt
↓
cm, mm, in, pt и pc) в CSS означают то же самое, что и везде, но только если
у устройства вывода достаточно высокое разрешение. На лазерном
принтере 1cm должен быть точно равен 1 сантиметру.
Но на устройствах низкого разрешения, вроде компьютерных экранов,
CSS этого не требует. И вправду, разные устройства и разные
реализации CSS норовят отобразить их по-разному. Лучше оставить эти
единицы для устройств высокого разрешения, в частности для печати.
На компьютерных экранах и мобильных устройствах может получиться
не то, что ожидалось.В прошлом CSS требовал, чтобы абсолютные единицы отображались правильно даже на компьютерных экранах. Но поскольку неправильных реализаций было больше, чем правильных, и никаких улучшений не предвиделось, в 2011-м CSS отказался от этого требования. Сейчас абсолютные единицы обязаны работать правильно только при выводе на печать и на устройствах высокого разрешения.
CSS не уточняет, что именно понимается под «высоким разрешением». Но так как у дешевых принтеров сегодня бывает не менее 300 точек на дюйм, а у хороших экранов порядка 200 точек на дюйм, граница, скорее всего, проходит где-то между этими значениями.
Еще одна причина не использовать абсолютные единицы где-либо,
кроме печати: на разные экраны мы смотрим с разного расстояния.
1 сантиметр на экране настольного компьютера выглядит маленьким.
Но на мобильном экране прямо перед глазами — это много. Лучше
вместо них использовать относительные единицы, напр. em.
Единицы em и ex зависят от размера
шрифта и могут быть свои для каждого элемента в документе. Единица em — просто размер шрифта. В элементе, которому
задан шрифт в 2in, 1em и означает эти 2in. Указание размеров
(напр., для отступов) в em означает, что они
задаются относительно шрифта, и какой бы ни был шрифт
у пользователя — крупный (напр. на большом экране) или мелкий
(напр. на мобильном устройстве), эти размеры останутся
пропорциональными. Объявления наподобие text-indent:
1.5em и margin: 1em в CSS крайне популярны.
Единица ex используется нечасто. В ней выражаются
размеры, которые должны отсчитываться от x-высоты шрифта.
X-высота — это, грубо говоря, высота строчных букв вроде a, c, m, или o. У шрифтов
с одинаковым размером (и, соответственно, при одинаковом em) может быть огромная разбежка в размерах строчных букв,
и если важно, чтобы какая-то картинка, например, соответствовала
x-высоте, единица ex к вашим услугам.
Единица px в CSS волшебная. Она не связана
с текущим шрифтом, но и с физическими сантиметрами или дюймами
обычно тоже не связана. Единица px по определению не фиксированная длина,
а нечто, зависящее от типа устройства и его обычного использования.
Чтобы понять, почему единица px именно такая,
представьте ЭЛТ-монитор из 1990-х: наименьшая точка, которую он мог
отобразить, была размером примерно в 1/100 дюйма (0,25 мм) или чуть
больше. Свое название единица px получила от тех
экранных пикселей.
Нынешние устройства в принципе могут отображать и более мелкие
четкие точки (хотя их может быть трудно разглядеть без лупы).
Но документы из прошлого века, которые использовали px в CSS, независимо от устройства выглядят по-прежнему. Принтеры,
в особенности, могут отображать четко отображать линии гораздо
тоньше 1px, но даже на принтерах линия в 1px выглядит почти так же,
как выглядела бы на мониторе. Устройства меняются, но единица px всегда выглядит одинаково.
На самом деле CSS требует, чтобы 1px был точно
равен 1/96 дюйма при любом выводе на печать. В CSS считается, что
принтерам, в отличие от экранов, не нужны разные размеры для px, чтобы отображать четкие линии. Поэтому при печати
px не только одинаково выглядит независимо от устройства,
но и заведомо измеряется одной и той же величиной (совсем как
единицы cm, pt, mm, in и pc, как
объяснялось выше).
CSS также определяет, что растровые изображения (напр.
фотографии) по умолчанию отображаются в масштабе 1 пиксель
изображения на 1px. Фотография разрешением 600 на 400 будет 600px
шириной и 400px высотой. Тем самым пиксели фотографии привязываются
не к пикселям устройства вывода (которые могут быть очень мелкими),
а к единицам px. Это позволяет точно совмещать
изображения с другими элементами документа, при условии, что
вы используете в своих стилях единицы px, а не pt, cm и т.д.
Используйте
em или px для шрифтовЕдиницы pt (пункт) and pc (пика)
CSS получил в наследство от печатного дела. Там традиционно
применялись эти и подобные единицы, а не сантиметры или дюймы.
В CSS незачем использовать pt, пользуйтесь любой
единицей на свой выбор. Но есть хорошая причина
не использовать ни pt, ни других абсолютных
единиц,
em и px.Вот несколько линий разной толщины. Некоторые из них могут казаться четкими, но как минимум линии в 1px и 2px должны быть четкими и видимыми:
0.5pt, 1px, 1pt, 1.5px, 2px
Если первые четыре линии выглядят одинаковыми (либо линия в 0.5pt пропала), скорее всего вы видите это на мониторе, не способном отображать точки мельче 1px. Если линии выглядят возрастающими по толщине, скорее всего вы видите эту страницу на качественном экране или на бумаге. А если 1pt выглядит толще, чем 1.5px, то это скорее всего экран мобильного устройства (похоже, последняя фраза описывает ситуацию до правки 2011 года — прим. перев.).
Волшебная единица CSS, px, часто бывает удачным
выбором, особенно если нужно выровнять текст с картинками, либо
просто потому, что что-либо толщиной 1px (или кратной 1px) заведомо
будет выглядеть четко.
Но размеры шрифтов еще лучше задавать в em. Идея
в том, чтобы 1) не задавать размер шрифта для элемента BODY
(в HTML), а использовать размер шрифта по умолчанию для устройства,
поскольку это наиболее удобный для читателя размер; и 2) указывать
размеры шрифта других элементов в em: h2
{font-size: 2.5em}, чтобы h2 был в 2½ раза крупнее
основного шрифта страницы.
Едиственное место, где можно использовать pt (либо cm или in) для размера
шрифтов — стили для печати, если нужно, чтобы напечатанный шрифт
был строго определенного размера. Но даже там чаще всего лучше
использовать размер шрифта по умолчанию.
Таким образом, единица px избавляет
от необходимости знать разрешение устройства. Независимо
от разрешения устройства вывода (96 dpi, 100 dpi, 220 dpi или
1800 dpi), длина, указанная в виде целого числа px,
всегда выглядит хорошо и везде достаточно похоже. Но что, если
мы хотим узнать разрешение устройства, например, чтобы
решить, можно ли использовать линию в 0.5px?
Выход — проверить разрешение с помощью медиавыражений.
Подробности о медиавыражениях — за рамками этой статьи, но вот
небольшой пример:
div.mybox { border: 2px solid }
@media (min-resolution: 2dppx) {
/* Media with 2 or more dots per px */
div.mybox { border: 1.5px solid }
}
Новые единицы измерения в CSS
Чтобы было еще проще писать стилевые правила, зависящие только
от размера шрифта по умолчанию, с 2013 года в CSS есть новая
единица: rem. Один rem (от «root em»,
т.е. «корневой em» или «em корневого элемента») — это размер шрифта
корневого элемента в документе. В отличие от em,
который может быть для каждого элемента свой, rem для всего документа один и тот же. Например, чтобы задать
элементам P и h2 одинаковый внешний отступ слева, вот для сравнения
CSS-код до 2013 года:
p { margin-left: 1em }
h2 { font-size: 3em; margin-left: 0.333em }и новая версия:
p { margin-left: 1rem }
h2 { font-size: 3em; margin-left: 1rem }Благодаря другим новым единицам стало можно указывать размеры
относительно окна пользователя. Это vw и vh. Единица vw — 1/100 ширины окна, а vh — 1/100 его высоты. Еще есть vmin,
соответствующая меньшему из vw и vh.
И vmax (можете догадаться, что она делает).
Поскольку они новые, они еще работают не везде. Но к началу 2015 года многие браузеры уже их поддерживали.
Единицы измерения в CSS.EM, EX, PX, %, IN, CM, MM, pt, pc -Будни программиста
В CSS есть несколько основных единиц измерения это относительные и абсолютные. При работе с CSS следует точно разобраться с их применением иначе работа с каскадными таблицами стилей будет сложна и непонятна. Абсолютные единицы измерения делятся на 5 типов, относительные на 4. Следует знать что Абсолютные единицы измерения не зависят от устройства вывода, т.е. мониторов и экранов, относительные же определяют размер элемента относительна другого размера т.е. монитора, экрана, родительского элемента и т.д.Теперь подробнее о них.
Относительные единицы измерения.Относительные единицы измерения обычно используют для работы с текстом и в «расширяемых» верстках. В следующей таблице приведены основные относительные единицы измерения.
| Единица | Описание |
| em | Высота текущего элемента |
| ex | Высота символа х |
| px | Пиксел |
| % | Процент |
EM
Измеряемое значение зависит от размера шрифта текущего элемента (он устанавливается через атрибут font-size). Когда он явно не задан используется размер текста который заложен в браузере. Поэтому 1em изначально равен размеру шрифта заложенному в браузере по умолчанию.
EX
Этот аргумент определяется как высота символа «х» в нижнем регистре. Ex привязан к размеру шрифта заданного в браузере по умолчанию, если у родительского элемента задан атрибут «font-size» то он привязан к нему.
PX
Пиксель это 1 точка разрешения устройства вывода (монитора или экрана). Т.е. Если у вас разрешение монитора 1024*768 то вы имеете 1024 пикселя по горизонтали и 768 пикселей по вертикале. Т.е. размер пикселя напрямую зависит от разрешения устройства вывода и его технических характреристик.
%
Процентная единицы измерения зависит от размеров родительского элемента.
Абсолютные единицы измерения.
Абсолютные единицы измерения применяются не так часто и в большинстве своем при работе с текстом. В следующий таблицы приведены Абсолютные единицы измерения.
| Единица | Описание |
| in | Дюйм (1 дюйм равен 2,54 см) |
| cm | Сантиметр |
| mm | Миллиметр |
| pt | Пункт (1 пункт равен 1/72 дюйма) |
| pc | Пика (1 пика равна 12 пунктам) |
Из данных единиц следует описать только pt (пункт), т.к. pc это производное от pt а использование in, cm и mm описывать не нужно.
Пункт является самой распространенной и повсеместно используемой единицей измерения шрифтов (помните как выставляли размер шрифта в том же ворде или опен офисе?).
На этом все, удачи 😉
Теги: %, cm, CSS, em, ex, font-size, in, mm, pc, pt, pxЕдиницы измерения шрифта или «Как сделать шрифт нужного размера?» | by Dr. Egor
Однако, когда дело касается цифровой среды, на арену выходят виртуальные величины измерения.
Размер шрифта в векторе
Как правило, цифровые шрифты являются векторными, и все их метрики задаются в некоторых условных единицах, не имеющих размерности.
Основные метрики шрифта «Новая Гельветика Тонкая» в окне настроек шрифтового редактора «Фонтлаб 5».Конкретная система измерения в данном случае не нужна и не важна, поскольку векторный формат представления данных подразумевает свободное масштабирование и легкий перенос данных из одной системы в другую.
При этом в векторном представлении все же присутствует точка отсчета и мера, а точнее соразмерность отдельных элементов друг другу.
Глиф G из шрифта «Новая Гельветика Тонкая» в окне глифа программы «Фонтлаб 5».Для связи безразмерного мира векторных знаков с миром реальным, в котором шрифт используется и измеряется в пикселях, сантиметрах или других осязаемых величинах, существует специальный параметр «UPM шрифта».
Окно настроек шрифта в редакторе «Фонтлаб 5». Обратите внимание, что параметр UPM является глобальным и влияет на все глифы в шрифте.UPM (Units Per Em) — это количество условных единиц на кегельную (литерную) площадку.
В данном случае кегельная площадка тоже условная. Потому что этот объект, перебравшись из физического мира в цифровой, утратил свои реальные габариты бруска и стал эдакой оговоренной эталонной единицей измерения для расчетов других параметров. Мы в виртуальной среде, поэтому для простоты можете представлять себе кегельную площадку как некий абстрактный безразмерный прямоугольник, на котором располагается глиф шрифта.
Другими словами, UPM — это плотность тех самых единиц, в которых измеряются различные метрики векторного шрифта: размеры глифов, их полуапрошей, отступов для кернинговых пар и другие.
Здесь можно провести аналогию с разрешением монитора и физическими пикселями, из которых он состоит. Чем больше у.е. вмещается в наш прямоугольник, тем выше наша степень свободы, выше «доступное разрешение».
Будьте осторожны, изменяя значение UPM с 1000 на какое-то другое. Ходят слухи, что не все компьютерные программы корректно работают со шрифтами, у которых значение этого параметра отличается от стандартного.
Прямо на процесс создания или хранения векторных шрифтов параметр UPM не влияет. Он становится важен только тогда, когда шрифт попадает в конкретную систему координат.
Например, в окно тестирования/предпросмотра шрифта или в Фотошоп.
Размер шрифта в Фотошопе
О, как обманчивы могут быть привычные вещи! Многие дизайнеры и простые обыватели годами работают в Фотошопе, но так никогда и не задумывались, а как измеряется шрифт в этой программе.
Чтобы понять, что происходит с векторными метриками шрифта в Фотошопе, давайте разберемся, а что же означают пиксели в параметре «размер шрифта»?
Окно настройки шрифта в программе Адобе Фотошоп.Когда вы выбираете размер шрифта, например, в «16 px», на самом деле вы устанавливаете это значение для параметра PPM.
PPM (Pixels Per Em) — это количество пикселей на кегельную площадку.
Другими словами, это плотность все той же условной кегельной площадки, но в пикселях.
То есть, ни одна из вертикальных метрик шрифта не станет при этом равной 16 пикселям! Ни высота строчных, ни высота прописных, ни расстояние между верхними и нижними выносными элементами.
Шрифт Helvetica, PPM = 16 пикселей, сглаживание в режиме Strong. Высота прописных букв равна 12 пикселям, а строчных — 9 пикселей.Так что же в действительности изменяет параметр «размер шрифта»? Вы уже догадались? Молодцы, совершенно верно.
Коэффициент масштабирования
Изменяя «размер шрифта» в Фотошопе, мы, ни много ни мало, изменяем коэффициент масштабирования при переносе условных единиц из безразмерного мира векторов в мир размерных пикселей. Он служит «мостиком» при переходе условных векторных метрик в пиксели.
Происходит это следующим образом.
Как вы уже поняли, величины UPM и PPM связаны между собой элементом «M», общим множителем — неопределенным размером условной кегельной площадкой. Отсюда получаем простую формулу:
Х у.е. в 1 пикселе = UPM / PPM
Используя эту формулу, условные единицы, которыми мы оперировали в векторном редакторе шрифта, можно выразить в пикселях. И наоборот.
Аналогичные преобразования можно провести для сантиметров, пунктов и любых других единиц измерения, которые используются в предметной области применения шрифта.
Живой пример
В процессе создания шрифта «5 копеек» (FE 5Cent), было важно добиться абсолютной четкости линий при «размере шрифта» (PPM) в 5 пикселей в Фотошопе или в любой другой программе.
Шрифт FE 5Cent — это, пожалуй, самые большие «5 копеек», добавленные в вопрос пиксельных шрифтовЭто требование предполагало точное попадание в пиксель — размеры и метрики в итоговом рендеринге должны были ровняться целому числу пикселей. А именно, исходя из минимально возможных значений, толщина линий при заданном PPM должна быть ровна одному пикселю.
Значение UPM для шрифта предполагалось стандартное, в 1000 единиц.
Дано:
PPM в Фотошопе = 5 пикселей
UPM шрифта = 1000 у.е.
Задача: Найти количество Х у.е. для рендеринга в 1 пиксель.
Решение:
X у.е. в 1 пикселе = UPM / PPM = 1000 / 5 = 200.
Ответ: 200 у.е.
Таким образом все линии, отступы и даже кернинг в шрифте были сделаны со значениями, кратными 200 у.е.
Все по 200!Вывод о пользе
Понимая значение метрик PPM и UPM, а также формулу зависимости между ними, можно с требуемой точностью управлять метриками при разработке цифрового шрифта.
Как перевести сантиметры в пиксели? Перевести сантиметры в пиксели. Что такое ppi
Что такое ppi?
Размер пикселя на экране и количество пикселей в квадратном сантиметре всегда различно и зависит от матрицы экрана. Следовательно пиксель — величина относительная.
И для того, чтобы вычислить количество пикселей в сантиметре необходимо знать такой параметр как PPI.
PPI (произносится как пи-пи-ай), сокращение для англ. pixels per inch, пикселей на дюйм — единица измерения разрешающей способности монитора.
Зная эту величину можно вычислить количество пикселей в мм и см и наоборот.
Не стоит путать ppi с dpi (ppi — это разрешение самого цифрового изображения, а dpi — это разрешение печатающего устройства).
Для начала узнаем как рассчитать ppi
Если нам известны такие параметры как :
- dp — диагональное разрешение экрана в пикселях,
- w — ширина разрешения в пикселях,
- h — высота разрешения в пикселях и
- di — размер диагонали в дюймах (это число объявляется как размер дисплея.)
Можно рассчитать количество пикселей на дюйм:
- Рассчитать диагональное разрешение в пикселях с использованием теоремы Пифагора:
dp = √ w2+h2 - Вычислить PPI:
ppi = dp / di
Например, разрешение экрана составляет 1024*768 px. А диагональ равна 15».
- dp = √ 10242+7682
dp = 1280 px - ppi = 1280 px / 15»
ppi = 85,5
Вспомним также, что 1 дюйм равен 2,54 см (и соответственно 25,4 мм).
Рассчитать сколько пикселей в сантиметре
С помощью деления узнаем сколько пикселей содержится в 1 см: ppi / 2,54
85,5 / 2,54 ≈ 33,6 пикселей в 1 см
Следовательно в 1 мм содержится примерно 3,36 пикселей.
Перевести пиксели в сантиметры:
Предположим у нас имеется изображение размером 336*504 px, при этом ppi = 85,5 px/дюйм
Производим вычисления:
336 px / 85,5 px/дюйм ≈ 3,36 дюйм ≈ 10 см
504 px / 85,5 px/дюйм ≈ 5,89 дюйм ≈ 15 см
Перевести сантиметры в пиксели:
Попробуем перевести сантиметры в пиксели:
Предположим у нас имеется изображение физические размеры которого составляют 10*15см.
Зная, что в одном сантиметре содержится 33,6 пикселей (величина ppi в сантиметрах) можно рассчитать:
10 см * 33,6 px/см = 336 px
15 см * 33,6 px/см = 504 px
Получаем размеры изображения в пикселях: 336*504 px.
Как правило люди, которые слабо разбираются в компьютерной графике, составляют себе представление о качестве фотографии именно по её размерам в пикселах, что является заблуждением. Потому что изображение 100×150см с разрешением 8,5ppi также будет иметь размер в пикселах 336×504px.
При печати такого изображения рассматривать его невозможно будет ближе чем с 20 метров, иначе оно перестанет быть понятным изображением, а превратиться в набор разноцветных квадратных пикселов.
Теоретический вес нержавеющего листа — УТК-Сталь Екатеринбург
ТЕОРЕТИЧЕСКИЙ ВЕС НЕРЖАВЕЮЩЕГО ЛИСТА, КГ
Выберите интересующую вас продукцию в сортаменте листа нержавеющего.
| Толщина, мм |
Раскрой, мм |
||||
| 1000х2000 | 1250х2500 | 1500х3000 | 1500х6000 | 2000х8000 | |
| 0,50 | 8,00 | 12,50 | 18,00 | 36,00 | 64,00 |
| 0,60 | 9,60 | 15,00 | 21,60 | 43,20 | 76,80 |
| 0,70 | 11,20 | 17,50 | 25,20 | 50,40 | 89,60 |
| 0,80 | 12,80 | 20,00 | 28,80 | 57,60 | 102,40 |
| 0,90 | 14,40 | 22,50 | 32,40 | 64,80 | 115,20 |
| 1,00 | 16,00 | 25,00 | 36,00 | 72,00 | 128,00 |
| 1,20 | 19,20 | 30,00 | 43,20 | 86,40 | 153,60 |
| 1,25 | 20,00 | 31,25 | 45,00 | 90,00 | 160,00 |
| 1,50 | 24,00 | 37,50 | 54,00 | 108,00 | 192,00 |
| 2,00 | 32,00 | 50.00 | 72,00 | 144,00 | 256,00 |
| 2,50 | 40,00 | 62,50 | 90,00 | 180,00 | 320,00 |
| 3,00 | 48,00 | 75,00 | 108,00 | 216,00 | 384,00 |
| 3,50 | 56,00 | 87,50 | 126,00 | 252,00 | 448,00 |
| 4,00 | 64,00 | 100,00 | 144,00 | 288,00 | 512,00 |
| 5,00 | 80,00 | 125,00 | 180,00 | 360,00 | 640,00 |
| 6,00 | 96,00 | 150,00 | 216,00 | 432,00 | 768,00 |
| 8,00 | 128,00 | 200,00 | 288,00 | 576,00 | 1 024,00 |
| 10,00 | 160,00 | 250,00 | 360,00 | 720,00 | 1 280,00 |
| 12,00 | 192,00 | 300,00 | 432,00 | 864,00 | 1 536,00 |
| 14,00 | 224,00 | 350,00 | 504,00 | 1 008,00 | 1 792,00 |
| 16,00 | 20,00 | 37,00 | 0,00 | 1 080,00 | 1 920,00 |
| 16,00 | 256,00 | 400,00 | 576,00 | 1 152,00 | 2 048,00 |
| 18,00 | 288,00 | 450,00 | 648,00 | 1 296,00 | 2 304,00 |
| 20,00 | 320,00 | 500,00 | 720,00 | 1 440,00 | 2 560,00 |
| 22,00 | 352,00 | 550,00 | 792,00 | 1 584,00 | 2 816,00 |
| 24,00 | 384,00 | 600,00 | 864,00 | 1 728,00 | 3 072,00 |
| 25,00 | 400,00 | 625,00 | 900,00 | 1 800,00 | 3 200,00 |
| 28,00 | 448,00 | 700,00 | 1 008,00 | 2 016,00 | 3 584,00 |
| 30,00 | 480,00 | 750,00 | 1 080,00 | 2 160,00 | 3 840,00 |
| 32,00 | 512,00 | 800,00 | 1 152.00 | 2 304,00 | 4 096,00 |
| 35,00 | 560,00 | 875,00 | 1 260,00 | 2 520,00 | 4 480,00 |
| 36,00 | 576,00 | 900,00 | 1 296,00 | 2 592.00 | 4 608,00 |
| 40,00 | 640,00 | 1 000,00 | 1 440,00 | 2 880,00 | 5 120,00 |
ПРЕДЕЛЬНЫЕ ОТКЛОНЕНИЯ ПО ТОЛЩИНЕ СТАЛИ (ПРИ НОРМАЛЬНОЙ ТОЧНОСТИ ПРОКАТКИ)
| При ширине от 1000 мм до 1500 мм | При ширине от 1000 мм до 1200 мм | При ширине от 1200 мм до 1500 мм | |||
| Толщина стали, мм | Отклонения, мм | Толщина стали, мм | Отклонения, мм | Толщина стали, мм | Отклонения, мм |
| Св. 1,1 до 1,2 |
±0,15 |
Св. 12,0 до 25,0 | +0,2 | Св. 12,0 до 25,0 | +0,2 -0,8 |
| Св. 1,2 до 1,3 | ±0,15 | -0,8 | Св. 25,0 до 30,0 | +0,2 -0,9 | |
| Св. 1,3 до 1,4 | ±0,18 | Св. 25,0 до 30,0 | +0,2 | Св. 30,0 до 34,0 | +0,3 — 1,0 |
| Св. 1,4 до 1,6 | ±0,18 | -0,9 | Св. 34,0 до 40,0 | +0,4 — 1,1 | |
| Св. 1,6 до 1,8 | ±0,18 | Св. 30,0 до 34,0 | +0,2 | Св. 40,0 до 50,0 | +0,5 — 1,2 |
| Св. 1,8 до 2,0 | ±0,18 | -1 | Св. 50,0 до 60,0 | +0,5 -1,3 | |
| Св. 2,0 до 2,2 | ±0,19 | Св. 34,0 до 40,0 | +0,3 | Св. 60,0 до 70,0 | +0,7 -1,6 |
| Св. 2,2 до 2,5 | ±0,20 | -1,1 | Св. 70,0 до 80,0 | +0,7 -2,2 | |
| Св. 2,5 до 3,0 | ±0,21 |
Св. 40,0 до 50,0 |
+0,4 | Св. 80,0 до 90,0 | +0,8 — 2,5 |
| Св. 3,0 до 3,5 | ±0,22 | -1,2 | Св. 90,0 до 100,0 | +0,9 -2,7 | |
| Св. 3,5 до 3,9 | ±0,24 | Св. 50,0 до 60,0 | +0,6 | Св. 100,0 до 115,0 | +1,4 -3,5 |
| Св. 3,9 до 5,5 | +0,3 -0,4 | -1,3 | Св. 115,0 до 125,0 | +1,4 -3,5 | |
| Св. 5,5 до 7,5 | +0,25 -0,6 | Св. 125,0 до 140,0 | +1,6 -3,8 | ||
| Св. 7,5 до 10,0 | +0,3 -0,8 | Св. 140,0 до 160,0 | -2,3 | ||
| Св. 10,0 до 12,0 | +0,3 -0,8 | ||||
Google представила «бюджетный» Pixel 4a за $349 — Техника на vc.ru
{«id»:147271,»url»:»https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349″,»title»:»Google \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u00ab\u0431\u044e\u0434\u0436\u0435\u0442\u043d\u044b\u0439\u00bb Pixel 4a \u0437\u0430 $349″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349″,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349&title=Google \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u00ab\u0431\u044e\u0434\u0436\u0435\u0442\u043d\u044b\u0439\u00bb Pixel 4a \u0437\u0430 $349″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349&text=Google \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u00ab\u0431\u044e\u0434\u0436\u0435\u0442\u043d\u044b\u0439\u00bb Pixel 4a \u0437\u0430 $349″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349&text=Google \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u00ab\u0431\u044e\u0434\u0436\u0435\u0442\u043d\u044b\u0439\u00bb Pixel 4a \u0437\u0430 $349″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349″,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=Google \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u00ab\u0431\u044e\u0434\u0436\u0435\u0442\u043d\u044b\u0439\u00bb Pixel 4a \u0437\u0430 $349&body=https:\/\/vc.ru\/tech\/147271-google-predstavila-byudzhetnyy-pixel-4a-za-349″,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}
26 580 просмотров
Конвертер пикселей в миллиметрыМиллиметр (мм) — это общепринятая единица измерения, но она нечасто используется в CSS или на печатных носителях. Но, если возникнет необходимость получить эквивалент пикселей в миллиметры, этот конвертер пикселей в миллиметры может быть очень кстати.
Как использовать преобразователь пикселей в миллиметры
- Шаг 1: Введите количество пикселей на дюйм (PPI).
- Шаг 2: Введите значение пикселей, которое вы хотите преобразовать.
- Шаг 3: Нажмите клавишу ввода или нажмите кнопку преобразования, чтобы начать преобразование.
Что такое PPI?
пикселей на дюйм или PPI, используется для измерения количества пикселей в одном дюйме. Для веб-дизайна / разработки 96 пикселей в 1 дюйме. Однако, если вы выполняете некоторую работу по редактированию фотографий, PPI (некоторые называют его DPI или Resolution) должен быть установлен на желаемый результат.
Например, если вы хотите напечатать изображение размером 200 x 100 мм, которое будет выглядеть одинаково на вашем дизайне, вы можете установить для этого PPI значение 300 пикселей на дюйм.
пикселей в миллиметры Таблица преобразования
| Пикселей | Миллиметры |
|---|---|
| 37,8 пикс. | 10 мм |
| 56.69px | 15 мм |
| 75.59px | 20 мм |
| 94.49px | 25 мм |
| 113.39 пикселей | 30 мм |
| 132.28px | 35 мм |
| 151.18px | 40 мм |
| 170.08px | 45 мм |
| 188.98px | 50 мм |
| 207.87px | 55 мм | Астрахань
| 226.77 пикселей | 60 мм |
| 245.67px | 65 мм |
| 264.57px | 70 мм |
| 283.46px | 75 мм |
| 302.36px | 80 мм |
| 321.26px | 85 мм |
| 340.16 пикселей | 90 мм |
| 359.06px | 95 мм |
| 377.95px | 100 мм |
| 755.91px | 200 мм |
| 1133.86px | 300 мм |
| 1511.81px | 400 мм |
| 1889.76 пикселей | 500 мм |
Как преобразовать пиксели в миллиметры
Вот преобразования из World Wide Web Consortium :
| Имя | Эквивалентность |
|---|---|
| миллиметры | 1 мм = 1/10 1 см |
| в дюймах | 1 дюйм = 2.54см |
| пикселей | 1 пиксель = 1/96 от 1 дюйма |
Итак, основываясь на приведенных выше преобразованиях единиц, мы хотим прийти к выводу, что мы хотим получить эквивалент 1 пикселя в мм.
Учитывая, что 1 мм = 1/10 от 1 см, мы можем проанализировать это значение и получить дюймы:
1 дюйм = 2,54 см x 10 (* потому что в 1 см 10 мм)
Результат будет:
1 дюйм = 25.4мм
Итак, исходя из приведенного выше преобразования пикселей и того факта, что 1 дюйм = 25,4 миллиметра,
96 пикселей = 25,4 мм
Другими словами,
1 пиксель = 25,4 мм / 96
Это приводит к тому, что 1 мм равен 3,77952755906
Примечание: 96 пикселей — это количество пикселей на дюйм.В Интернете на 1 дюйм приходится 96 пикселей. Но для других экранов и печатных носителей вам может потребоваться установить значение PPI (например, 300ppi)
пикселей в миллиметры Формула:
миллиметры = пиксели * (25,4 / PPI)
Примечание. Если вы работаете в Интернете или CSS, PPI по умолчанию составляет 96 пикселей.
мм в
пикселей1 метр равен 1,0E-6 мм, или 2834.6456692913 пт. Измените соотношение сторон изображения с помощью этого калькулятора соотношения. Если наши инструменты не могут сделать то, что вы ищете, попробуйте наши API, чтобы интегрировать их в свой рабочий процесс. Если вам действительно нужна фотография для паспорта, выданного за пределами Великобритании, попробуйте использовать наш анализатор persofoto, чтобы … Цена на товары: золото, серебро, масло, живой скот и многое другое. Вы можете преобразовать любую систему единиц шрифта в любую другую систему единиц шрифта. С помощью конвертера NinjaUnits вы можете легко конвертировать миллиметры в пиксели за секунды. jQuery попытается временно показать, а затем снова скрыть элемент, чтобы измерить его размеры, но это ненадежно и (даже если оно точно) может значительно повлиять на производительность страницы.Преобразуйте пиксели в проценты. Чтобы получить точное значение, перед использованием .height () убедитесь, что элемент виден. Вы можете просмотреть более подробную информацию о каждой единице измерения: Mm или pt. Базовая единица измерения длины в системе СИ — метр. Как использовать конвертер REM в PX. 1 миллиметр равен 0,03937007874 дюйма: 18 пикселей. Затем Indesign будет использовать ММ по умолчанию. Но есть загвоздка. Калькулятор преобразования миллиметры в дюймы (мм в дюймы) и способы преобразования. Доля. пиксель y = 300 dpi * 18 мм / 25,4 мм = 2126 пикселей, разрешение = 1535 пикселей * 2126 пикселей / 1`000`000 = 3.3 Mpx У меня есть изображение размером 3264 x 2448 пикселей, и я хочу напечатать его как плакат. Всегда проверяйте результаты; Возможны ошибки округления. 4.7625000000694 мм. Что, если… 20 дюймов = 508 мм 30 = 762 40 = 1016 50 = 1270 60 = 1524 70 = 1778 80 = 2032 90 = 2286 100 = 2540 1000 = 25400: В 1958 году США и страны Содружества Наций определили длина международного дюйма (дюйма) должна составлять ровно 25,4 миллиметра (мм). 108 мм: 70 точек на дюйм: 115 мм: 66 точек на дюйм: 120 мм: 63 точек на дюйм: 127 мм: 60 точек на дюйм: что такое пиксель, что такое дюйм? Преобразование основано на размере шрифта по умолчанию, равном 16 пикселям, но его можно изменить.Пиксель, пикс. px: наш обычный стандартный пиксель, который отображается на пиксель экрана. Ат-правило CSS @ font-face позволяет авторам указывать онлайн-шрифты для отображения текста на своих веб-страницах. Привет и добро пожаловать! пикселей = (мм * dpi) / 25,4. 1 мм = 3,7795280352161 PX. 1 мм = 3,779528 пикселей; 1 пиксель = 0,264583 мм. pt: 1/72 дюйма относительно физического размера экрана. Миллиметры (мм) Точки (постскриптум) (pt) Точность: обратное преобразование? in: дюймы относительно физического размера экрана. Ну, я не уверен, как и почему, но внезапно весь текст в фотошопе измеряется PT, а не PX, как я привык.. Размеры A → A0 841 × 1189 мм A1 594 × 841 мм A2 420 × 594 мм A3 297 × 420 мм A4 210 × 297 мм A5 148 × 210 мм A6 105 × 148 мм A7 74 × 105 мм A8 52 × 74 мм A9 37 × 52 мм A10 26 × 37 мм A11 18 × 26 мм A12 13 × 18 мм A13 9 × 13 мм 2A0 1189 × 1682 мм 4A0 1682 × 2378 мм A0 + 914 × 1292 мм A1 + 609 × 914 мм… Узнайте, как сделать ваши шрифты работают во всех стандартных браузерах. 24px; 200% 32 пикс. Обратите внимание, что могут возникать ошибки округления, поэтому всегда проверяйте результаты. Добро пожаловать ! Найти мое местоположение: IP-адрес, город, широта и долгота.Кроме того, в некоторых странах требуются фотографии разных размеров в зависимости от предполагаемого использования. в @ Android не выполняется прямое сопоставление пикселей, он использует значения Density Independent Pixel (dpi) для масштабирования фактического размера экрана для расчета плотности пикселей — getResources (). getDisplayMetrics (). density; px Пиксели. Рассчитайте здесь соотношение сторон (ARC), указав свои в пикселях или пропорциях. Это не изменит существующие документы, но изменит любой новый документ. 1 мм = 3,7795275591 пиксель (X) 1 пиксель (X) = 0,2645833333 мм.А потом снова от миллиметров к пикселям. В рецептах процесса без опции «Масштаб» вы сможете установить желаемую единицу измерения в инструменте «Обрезка». Ответ: 3,5277777777778E-10. Следовательно, один дюйм равен 1 дюйму = 96 пикселей. Таблица преобразования дюймов в пиксели. Ознакомьтесь с нашим конвертером шрифтовых единиц здесь. Шаг 1: Введите базовый (корневой) размер шрифта. Калькулятор пропорций пикселей позволяет очень легко изменить любой формат «W: H» на индивидуальную ширину или высоту. Скотт Скотт. На этой странице вы узнаете, как переводить миллиметры в пакеты.19 пикс. Этот калькулятор переводит пиксели в проценты. В вашем примере: 5 мм = 500 пикселей, 1 мм = 100 пикселей, 1 пиксель = 0,01 мм. Просто умножьте результат измерения в пикселях на 0,01, и вы получите результат в миллиметрах. Описание агрегатов; 1 миллиметр: 1/1000 метра. В комплекте с множеством объяснений, советов и примеров. Вычисление основано на преобразованиях единиц, предоставленных консорциумом World Wide Web (W3C). Пиксель, px: Миллиметр, мм. Пример: преобразовать 15 мм в пиксель (X): 15 мм = 15 × 3.7795275591 пиксель (X) = 56,6929133858 пиксель (X) Преобразование миллиметра в другие единицы типографики Вы попали в идеальное место. Шаг 3: Нажмите клавишу ввода или нажмите кнопку преобразования, чтобы получить эквивалент в пикселях. Проверьте соотношение между единицами измерения dp, px, sp, in, mm и pt и преобразуйте их в другие единицы. Поправьте меня, если я ошибаюсь, но разве CSS не позволяет указывать измерения в единицах физического расстояния? Justin XoXo :), Миллиметр (символ = мм) или миллиметр (британское написание) — это единица измерения длины в метрической системе, равная одной тысячной метра, которая является базовой единицей СИ..больше определения +. Любая обратная связь приветствуется. 96 точек на дюйм означает 96 пикселей на дюйм. Шаг 2: Введите значение rem (root em), которое вы хотите преобразовать в пиксели (px). Пожалуйста, поддержите этот сайт, отключив или добавив Adblock в белый список для «justintools.com». 1 метр равен 1000 мм, или 39,370078740157 меш. 1 мм = 3,7795275591 пиксель (X) Пример: преобразовать 15 пикселей (X) в мм: 15 пикселей (X) = 15 × 0,2645833333 мм = 3,96875 мм. Преобразование миллиметров в пиксели никогда не было таким простым, как конвертер NinjaUnits.Дополнительные примечания: точность значения, сообщаемого функцией .height (), не гарантируется, если элемент или его родительский элемент скрыты. dpi — это плотность пикселей или точек на дюйм. Для веб-заданий и проектов печати в Adobe Photoshop, Indesign и т. Д. Вы можете преобразовать любую систему единиц шрифта в любую другую систему единиц шрифта. Этот сайт — моя страсть, и я регулярно добавляю новые инструменты / приложения. Миллиметр Преобразование пикселей. Преобразование между пикселями и миллиметрами. Сколько мм в 1 пт? Мы предполагаем, что вы конвертируете мегаметр в точку [Adobe].Некогда сложная задача преобразования пикселей (px) в неуловимые em теперь была сведена к писку, поедающему козлят. Введите свои числа в форму, чтобы преобразовать единицы! 183k 19 19 золотых знаков 251 251 серебряный знак 498 498 бронзовых знаков. Значения диаграммы преобразования дюймов в пиксели для 96 точек на дюйм. Конвертер единиц шрифта / Конвертер единиц типографики. — DaveRandom 09 июля 2012 в 8:58 | Я потратил на этот проект более 10 триллионов микросекунд (и это количество продолжает расти). PXtoEM.com — это простое преобразование px в em.Добавить комментарий | Конвертер PT в PX — это бесплатный онлайн-инструмент, который вы можете использовать для эффективного преобразования точек (pt) в пиксели (px). Я уверен, что вы можете использовать миллиметры и сантиметры, которые переводились бы в правильные расстояния, когда вы приходите на печать — что, безусловно, имеет значение здесь. Допустим, мы использовали пиксели по всему нашему веб-сайту, а также управляли медиа-запросами. Преобразование пикселей: пиксель ⇔ сантиметр ⇔ миллиметр DPI I PPI. 5.0270833334066 мм. пикс. Миллиметр (символ = мм) или миллиметр (британское написание) — это единица измерения длины в метрической системе, равная одной тысячной метра, что является… Таким образом, изменить это невозможно.Используйте наши инструменты прямо здесь из вашего браузера в Linux / Windows / Mac OSX или любой другой платформе, которая поддерживает приличный браузер. Начало: 0 5 10 15 20 30 40 50 60 70 80 90 100. мм = (пикселей * 25,4) / dpi. Калькулятор пикселей для 72 dpi, 300 dpi и других разрешений. Преобразование единиц разрешения цифрового изображения между точкой / дюйм и пиксель / миллиметр, преобразование пикселя / миллиметра в точку / дюйм в пакетном режиме, диаграмма преобразования точек на дюйм пиксель / мм Миллиметр (символ = мм) или миллиметр (британская орфография) — это единица длины в метрической системе равняется одной тысячной метра, что является базовой единицей СИ..more definition + По отношению к базовой единице [длина] => (метры), 1 пиксель (PX) равен 0,0002645833 метрам, а 1 миллиметр (мм) =… Всегда используйте dp и sp… 17 пикселей. Пункты (постскриптум) в миллиметры (или просто введите значение в поле «до»). Поделитесь, если вы нашли этот инструмент полезным: Твитнуть. Конвертер пикселей в мм. Очень простой способ конвертировать пиксели в миллиметры. Установка единиц измерения в пиксели поможет документам более точно отражать то, что будут отображать целевые устройства ваших конечных пользователей. Шаг: 1 0.5 0,2 0,1 5 10. Заинтересованы в типографике или у вас есть работа, связанная со шрифтами? Миллиметр, мм. Он должен составлять от 32 до 36 мм по сравнению с требованиями Великобритании от 29 до 34 мм. Улучшите этот ответ. Преобразование, конечно, работает в обоих направлениях, просто измените противоположное значение. Пиксель:: Пиксель. Если вы выберете любую другую опцию в раскрывающемся меню в поле «Масштаб» и установите метрику измерения в / мм / см / пиксель, единица измерения в инструменте «Обрезка» унаследует ее. 1 мм в упаковке = 0,03937 пакета.А главное — бесплатные! Сколько миллиметров в пикселе? Например, при создании графики пользовательского интерфейса для iphone X ваша монтажная область будет установлена на 1125 x 2436 пикселей, что позволит вам работать и экспортировать файлы с соответствующим разрешением изображения. Ответ дан Follow 02 дек. 1 x 3,7795280352161 PX = 3,7795280352161 пикселей. 16 пикс. Предполагая, что плотность пикселей составляет 96 точек на дюйм, что означает… Как преобразовать миллиметры в дюймы. Обратите внимание, что могут возникать ошибки округления, поэтому всегда проверяйте результаты. Спасибо.Избавьтесь от работы наугад из инструментов шрифтов. Опыт пользователей очень важен, поэтому я использую ненавязчивую рекламу. 4,233333333395 мм. Вот и все. ›› Таблица быстрого перевода миллиметров в пакеты. 4.4979166667322 мм. мм: миллиметры относительно физического размера экрана. Пиксели — это самый простой способ измерения. Выберите размер основного шрифта в пикселях (px), и вы получите полную таблицу преобразования пикселей (px) в em, что делает гибкий веб-дизайн с помощью CSS несложным. Видеоурок: преобразование rem в px 1 мм: 3.779 Пиксель: 26 мм: 98,267 Пиксель: 2 мм: 7,559 Пиксель: 27 мм: 102,047 Пиксель: 3 мм: 11,338 Пиксель: 28 мм: 105,826 Пиксель: 4 мм: 15,118 Пиксель: 29 мм: 109,606 Пиксель: 5 мм: 18,897 Пиксель : 30 мм: 113,385 пикселей: 6 мм: 22,677 пикселей: 31 мм: 117,165 пикселей: 7 мм: 26,456 пикселей: 32 мм: 120,944 пикселей: 8 мм: 30,236 пикселей: 33 мм: 124,724 пикселей:… миллиметры в пиксели, мы просто меняем формулу, используя простую алгебру. Конвертер MM в PX, конвертер миллиметров в пиксель для фотографий и подписей, cm, mm, px, dpi, конвертер разрешения, калькулятор Исчерпывающий ресурс, в котором перечислены все размеры, размеры и форматы бумаги.Конвертер PT в PX.
Как работают CSS-пиксели?
17 сен 2019 · 846 словДавайте начнем с
пикселей, и пикселей,Вы, наверное, уже видели блоки пикселей, и пикселей, , раньше в CSS. Если вы не знали, пикселей означает пикселя , а pt означает точки .
Единицы измерения пикселей, и пикселей, связаны. 1px всегда равен 0.75pt, точно так же, как 1 дюйм всегда равен 2,54 см.
Кроме того, 1pt равен 1/72 части 1 дюйма, что означает, что 1px составляет около 0,265 мм. Большой!
В чем проблема?
Проблема в том, что единица измерения мм в CSS не равна единице измерения расстояния в миллиметрах в системе СИ, которую мы используем повсюду. То же самое с см и в .
Почему?
Давай представим, что они были равны. Скажем, один мм в CSS равен ровно одному миллиметру по расстоянию.Допустим, мы рисуем на экране линию шириной 10 пикселей. Поскольку один пиксель равен 0,265 мм, эта линия будет шириной 2,65 мм.
Но: линия будет нарисована с использованием разного количества физических пикселей каждым устройством. Это связано с тем, что разные устройства имеют разную плотность пикселей (измеряется в DPI). Сколько пикселей нужно, чтобы нарисовать линию? Это зависит от DPI устройства.
Допустим, у нас есть устройство с разрешением 160 точек на дюйм, или, другими словами, на один дюйм умещается 160 пикселей.Теперь один дюйм равен 25,4 мм, это означает, что 160 пикселей умещаются на 25,4 мм. Нам нужна линия шириной 2,65 мм, поэтому нам нужно использовать ((2,65) / (25,4)) x 160 = 16,69 пикселей, чтобы нарисовать линию.
Но подождите! Это дробное количество пикселей. Это не хорошо. Думаю, нам нужно округлить до целого числа. Ничего страшного, правда?
Но попробуйте вот что: что, если бы каждый пиксель на нашем экране был больше 0,265 мм? Что, если у нас есть граница в 1 пиксель, которая после всех вышеперечисленных вычислений оказалась меньше половины пикселя? Он исчезнет.А это нехорошо. Просто спроси этого парня.
Чтобы решить эту проблему, каждый браузер устанавливает размер блока пикселей и пикселей. После этого определяется размер всех остальных блоков на основе их взаимосвязи с блоком пикселей пикселей. Это называется привязкой к системе единиц.
Система могла также работать, если бы браузер устанавливал размер единицы длины (например, см, единица), а затем заставлял все работать относительно этого. Но тогда мы снова столкнемся с проблемой округления пикселей.
Итак, насколько велик 1 пиксель?
Каждое устройство выбирает размер 1 пикселя. Это означает, что они выбирают, сколько физических пикселей используется для представления 1 пикселя в CSS.
Это приводит к очевидному вопросу: сколько физических пикселей должен выбрать браузер? Давайте попробуем несколько вариантов и начнем с очевидного: взаимно однозначного сопоставления.
А как насчет того, чтобы сделать один физический пиксель равным 1 пикселю?
Проблема в том, что каждое устройство имеет разную плотность пикселей.Макеты, стилизованные с помощью CSS, должны выглядеть одинаково независимо от DPI устройства. В соответствии с этой системой устройства с более высокой плотностью размещения будут иметь меньшие размеры. Так что это нехорошо.
Как насчет того, чтобы сделать 1 пиксель равным 0,265 миллиметра CSS?
Хорошая идея. У нас было раньше, что 1 пиксель равен 0,265 миллиметра CSS. Если бы мы сделали это, миллиметр CSS был бы как можно ближе к миллиметру единицы длины.
Так что, если бы 1px был равен максимально возможному количеству пикселей к 0.265мм. В нашем примере выше это будет 17 пикселей экрана. Что бы это значило?
Представьте, что у нас есть текст размером 18pt. Это соответствует 24px, что сделало бы наш текст равным 6,36 мм. На каждом экране. Независимо от размера. Что, если бы у нас был огромный экран размером со стену? Что, если бы у нас был крошечный экран?
Так что это тоже бесполезно. Нам нужно решение, которое масштабируется по размеру экрана. Другими словами, 1 пиксель должен иметь больше физических пикселей на большом экране, чем на меньшем.
Эталонный пиксель был введен авторами стандарта CSS для решения этой проблемы.
Опорный пиксель
Возможно, вы не задумывались об этом, но вы смотрите на меньшие экраны с близкого расстояния, а на большие с большего расстояния.
Мобильные, держите их вплотную. Экраны ноутбуков, чуть дальше. Большие мониторы, подальше; Телевизоры и даже больше. Для огромных экранов проектора вам придется толкаться в дальний конец комнаты.
Опорный пиксель — это масштабируемый пиксель. Он масштабируется в зависимости от того, как далеко вы смотрите на него, что, в свою очередь, зависит от размера экрана. Таким образом, эталонный пиксель больше для больших экранов, меньше — для маленьких.
Наконец
Наконец-то мы можем сказать, что такое 1px. Это количество пикселей физического устройства, округленное до ближайшего целого числа, которое делает 1 пиксель максимально близким к размеру контрольного пикселя.
В пикселях меньше на маленьких экранах, больше на больших экранах.На экранах с более высоким разрешением DPI стоит больше пикселей устройства, чем на экранах с более низким разрешением.
И все.
Источник
Эта прекрасная статья содержит информацию по большинству вещей в этом посте.
единиц измерения — графическая мельница
Обычно при работе с цифровыми изображениями, если возникает необходимость в работе с координатами или размерами, в качестве единиц используются пиксели. Однако это не всегда удобно. Иногда предпочтительнее работать с физическими единицами измерения, такими как дюймы, сантиметры и т. Д.
Разрешениеи DPI
Предположим, вам нужно создать визитную карточку размером 3,5×2 дюйма. Сколько пикселей потребуется? Как указать, как масштабировать изображение при печати? Чтобы ответить на эти вопросы, изображения имеют параметр, который называется , разрешение — количество пикселей на некоторую физическую единицу. Обычно разрешение измеряется в точек на дюйм ( точек на дюйм, ) — количество пикселей на один дюйм.Обычно разрешения по горизонтали и вертикали равны, но иногда они могут отличаться.
Чем выше разрешение, тем лучше качество (т.е. чем более детализировано изображение, тем меньше будет пикселизация), но изображение с высоким разрешением заметно больше. Обычно разрешение экрана 72 или 96 точек на дюйм, у отсканированных документов 300 точек на дюйм. Обратите внимание, принтеры имеют ограниченное разрешение (некоторые принтеры не могут печатать более 600 точек на дюйм, хотя некоторые профессиональные модели имеют емкость до нескольких тысяч точек на дюйм).Поэтому нет смысла выбирать разрешение, которое не может быть воспроизведено вашим печатающим устройством.
Например, возьмем разрешение 300 DPI. Это означает, что изображение размером 3,5×2 дюйма будет иметь ширину 3,5 * 300 = 1050 пикселей и высоту 2 * 300 = 600 пикселей. Если бы мы выбрали 96 точек на дюйм, ширина была бы 3,5 * 96 = 336 пикселей, а высота была бы 2 * 96 = 192 пикселей.
Не только размер изображения может быть измерен в дюймах (или других аппаратно-независимых единицах).Вы также можете измерить все его координаты и пространственные параметры. Все они будут зависеть от разрешения.
Разрешение в графической системе Mill
Чтобы указать разрешение изображения (или прочитать его из файла вместе с другими данными), используйте свойства DpiX и DpiY класса Bitmap. В Graphics Mill размер и координаты изображения измеряются в пикселях, а разрешение — в DPI. Однако, если вам нужно преобразовать пиксели в независимые от устройства единицы или наоборот, вы можете использовать служебный класс UnitConverter.Этот класс не влияет на данные или атрибуты изображения, он просто преобразует пространственные параметры в разные единицы. Например, вы можете использовать его для расчета размера изображения в сантиметрах для предварительного просмотра готовых к печати фотографий.
Единицы измерения в графической мельнице
дюйма — это не единственные устройства, не зависящие от устройства, которые можно использовать. Graphics Mill предоставляет перечень поддерживаемых устройств:
- Пиксель .Единица измерения по умолчанию, что означает, что все пространственные значения измеряются в пикселях (зависит от устройства).
- Пункт . Этот модуль очень популярен для определения размера шрифта. Точка равна 1/72 дюйма (то есть 72 точки — это один дюйм). Вот почему разрешение 72 DPI совпадает с пикселями.
- дюйм . Эта единица измерения описывалась выше и указывает, что все пространственные значения измеряются в дюймах.
- Документ .Поскольку отсканированные документы в основном имеют разрешение 300 DPI, удобно сделать специальный блок, который будет указывать одну точку на отсканированном документе. Эта единица измерения может быть рассчитана как 1/300 дюйма (чтобы получить разрешение 300 DPI).
- мм (миллиметр). Иногда вместо дюймов удобно использовать метрическую систему единиц. Поэтому вы можете указать все пространственные параметры в миллиметрах. Один миллиметр равен 10/254 дюйма (один дюйм содержит 25.4 миллиметра).
- см (сантиметр). Один сантиметр равен 10 миллиметрам или 100/254 дюйма.
- M (метр). Один метр равен 1000 миллиметрам или 10000/254 дюйма.
- Пика . Это равно 1/6 дюйма.
- Столбец . Это равно 100/263 дюйма.
- Twip .Эта единица измерения в основном используется, когда вам нужен точный способ указать координаты или другие параметры, измеряемые в единицах. Например, единицей измерения по умолчанию в конструкторе форм VB6 являются твипы. У него очень мелкий шаг — всего 1/20 точки (или 1/1440 дюйма).
См. Также
Номер ссылки
em, px, pt, cm, дюйм…
См. Также указатель всех подсказок.
На этой странице:
высотой , пикселей , пикселей , см , дюймов … CSS предлагает несколько различных единиц для выражения длины.Некоторые из них имеют свою историю в типографике, например point ( pt ) и pica ( pc ), другие известны из
повседневное использование, например, сантиметр ( см, ) и дюйм
( в ). А еще есть «магический» юнит, который был
придумано специально для CSS: пикселей . Это
Значит, для разных свойств нужны разные блоки?
Нет, единицы не имеют ничего общего с недвижимостью, но все, что есть на носителе: экран или бумага.
Нет ограничений на то, какие блоки могут быть использованы и где. Если
свойство принимает значение в пикселей (поле :
5px ) также принимает значение в дюймах или сантиметрах.
( поле: 1,2 дюйма; поле: 0,5 см ) и наоборот.
Но в целом вы бы использовали другой набор единиц для отображать на экране, чем при печати на бумаге. Следующая таблица дает рекомендуемое использование:
| Рекомендуется | Периодическое использование | Не рекомендуется | |
|---|---|---|---|
| Экран | em, пикс,% | пр. | pt, cm, mm, in, pc |
| Печать | em, см, мм, дюйм, пт, шт,% | пикс, бывш. |
Соотношение между абсолютными единицами измерения выглядит следующим образом: 1 дюйм = 2.54 см = 25,4 мм = 72 точки = 6 шт.
Если у вас под рукой есть линейка, вы можете проверить точность вашего устройства.
это: вот коробка высотой 1 дюйм (2,54 см): ↑
72pt
↓
Так называемые абсолютные единицы ( см, , мм , в , pt и pc ) означают то же самое в CSS, что и везде, , но только
если ваше устройство вывода имеет достаточно высокое разрешение. на
лазерный принтер, 1 см должен быть ровно 1 сантиметр.Но на
устройства с низким разрешением, такие как экраны компьютеров, CSS не
требуют этого. И действительно, результат имеет тенденцию отличаться от одного
устройство к другому и от одной реализации CSS к другой. Это
лучше зарезервировать эти блоки для устройств с высоким разрешением и в
особенно для печатной продукции. На экранах компьютеров и портативных
устройств, вы, вероятно, не получите того, чего ожидаете.
Раньше CSS требовал, чтобы реализации отображали абсолютные единицы корректно даже на экранах компьютеров.Но поскольку количество неправильных реализаций больше, чем правильных, и ситуация, похоже, не улучшилась, CSS отказался от этого требования в 2011 году. В настоящее время абсолютные единицы должны корректно работать только на распечатка и на устройствах с высоким разрешением.
CSS не определяет, что означает «высокое разрешение». Но как бюджетный принтеры в настоящее время начинаются с 300 точек на дюйм, а экраны высокого класса — с 200dpi, обрезка, вероятно, находится где-то посередине.
Есть еще одна причина избегать использования абсолютных единиц для других целей.
чем печатать: вы смотрите на разные экраны с разного расстояния.1 см на экране рабочего стола выглядит маленьким. Но то же самое на мобильном телефоне
прямо на ваших глазах выглядит большим. Лучше использовать
относительные единицы, например em .
Агрегаты em и ex зависят от
шрифт и может быть разным для каждого элемента в документе. В em — это просто размер шрифта. В элементе с 2-дюймовым
font, 1em, таким образом, означает 2in. Выражение размеров, таких как поля и
paddings в em означает, что они связаны со шрифтом
размер, и если у пользователя большой шрифт (например.г., на большом экране) или
мелкий шрифт (например, на портативном устройстве), размеры будут в
пропорция. Объявления, такие как text-indent: 1.5em и margin: 1em чрезвычайно распространены в CSS.
Агрегат ex используется редко. Его цель —
выразить размеры, которые должны быть связаны с x-высотой шрифта. В
x-height — это, грубо говоря, высота строчных букв, таких как a, c, m, или o. Шрифты одинакового размера (и
таким образом, тот же em ) может сильно отличаться по размеру
их строчные буквы, и когда важно, чтобы какое-то изображение,
е.г., соответствует высоте x, блок ex соответствует
имеется в наличии.
Блок пикселей — это волшебная единица CSS. Это не так
связаны с текущим шрифтом и обычно не связаны с физическим
сантиметры или дюймы тоже. Определен блок пикселей, пикселей.
быть маленьким, но видимым и таким, чтобы горизонтальная линия шириной 1 пиксель
может отображаться с резкими краями (без сглаживания). Что
резкий, мелкий и видимый — зависит от устройства и от того, как оно расположено
используется: вы держите его близко к глазам, как мобильный телефон, на
длина вытянутой руки, как монитор компьютера, или где-то посередине, например
читалка электронных книг? Таким образом, пикселей не определяется как
постоянной длины, но как то, что зависит от типа
устройство и его типичное использование.
Чтобы составить представление о внешнем виде px , представьте
компьютерный монитор с ЭЛТ 1990-х годов: самая маленькая точка, которую он может
дисплей измеряет около 1/100 дюйма (0,25 мм) или немного
более. Блок пикселей получил свое название от этого экрана.
пикселей.
В настоящее время существуют устройства, которые в принципе могут отображать
более мелкие острые точки (хотя вам может потребоваться лупа, чтобы увидеть
их). Но документы прошлого века, которые использовали пикселей в CSS, по-прежнему выглядят одинаково, независимо от устройства.В частности, принтеры могут отображать четкие линии с гораздо меньшим
детали, чем 1 пиксель, но даже на принтерах линия в 1 пиксель выглядит очень
так же, как это выглядело бы на мониторе компьютера. Смена устройств,
но пикселей всегда имеют одинаковый внешний вид.
Фактически, CSS требует, чтобы 1px было точно
1/96 дюйма во всей распечатываемой продукции. CSS считает, что
принтеры, в отличие от экранов, не должны иметь разные размеры для пикселей для печати четких линий.В печатных СМИ
px, таким образом, не только имеет одинаковый внешний вид с одного устройства на
другой, но на самом деле он в значительной степени то же самое.
CSS также определяет, что растровые изображения (например, фотографии)
по умолчанию, отображается с отображением одного пикселя изображения на 1 пиксель. Фото
с разрешением 600 на 400 пикселей будет 600 пикселей в ширину и 400 пикселей в высоту. В
пиксели на фотографии, таким образом, не сопоставляются с пикселями устройства отображения.
(который может быть очень маленьким), но сопоставьте с пикселями единиц.Который
позволяет точно выровнять изображения по другим элементам
документ, если в вашем стиле используются блоки пикселей и пикселей.
лист, а не пт , см, и т. д.
Используйте
em или пикселей для размера шрифта CSS унаследовал блоки pt, (point) и pc, (pica) от типографики. Принтеры традиционно
использовали те и аналогичные блоки вместо см или в .В CSS нет причин использовать pt , используйте ту единицу, которая вам больше нравится. Но там это хороший
причина использовать ни pt , ни какой-либо другой абсолютный
блок и используйте только em и пикселей .
Вот несколько линий разной толщины. Некоторые или все они могут выглядеть резкими, но по крайней мере линии 1px и 2px должны быть резкие и заметные:
0.5pt, 1px, 1pt, 1,5 пикс., 2 пикс.
Если первые четыре строки выглядят одинаково (или если 0.Линия 5pt отсутствует), вы, вероятно, смотрите на монитор компьютера, который не может отображать точки меньше 1 пикселя. Если линии появляются увеличения толщины, вы, вероятно, смотрите на эту страницу на качественный компьютерный экран или на бумаге. И если 1pt выглядит толще чем 1.5px, у вас, вероятно, портативный экран.
Волшебная единица CSS, пикселей , часто бывает хорошей
единицы измерения, особенно если стиль требует выравнивания текста по
изображения, или просто потому, что все, что имеет ширину 1 пиксель или кратное
1px гарантированно будет выглядеть резким.
Но для размеров шрифта еще лучше использовать em .
Идея состоит в том, чтобы (1) не устанавливать размер шрифта элемента BODY (в
HTML), но используйте размер устройства по умолчанию, потому что это
размер, удобный для чтения; и (2) экспресс-шрифт
размеры остальных элементов в em : h2 {font-size:
2.5em} , чтобы h2 в 2,5 раза больше обычного, body
шрифт.
Единственное место, где вы можете использовать pt (или см или в ) для установки размера шрифта, находится в
таблицы стилей для печати, если вам нужно убедиться, что напечатанный шрифт
точно определенного размера.Но даже там, используя размер шрифта по умолчанию
обычно лучше.
Таким образом, блок пикселей защищает вас от необходимости знать
разрешение устройства. Будет ли выход 96 точек на дюйм,
100, 220 или 1800 точек на дюйм, длина, выраженная целым числом пикселей всегда выглядит хорошо и очень похоже во всех
устройств. Но что, если вы и хотите узнать разрешение
устройства, например, чтобы узнать, безопасно ли использовать 0.Линия 5px ? Ответ — проверить разрешение через Media Queries.
Объяснение медиа-запросов выходит за рамки этой статьи, но
вот небольшой пример:
div.mybox {border: 2px solid}
@media (минимальное разрешение: 2dppx) {
/ * Медиа с 2 или более точками на пиксель * /
div.mybox {border: 1.5px solid}
}
Больше единиц в CSS
Чтобы еще проще было писать правила стиля, зависящие только от
размер шрифта по умолчанию, CSS с 2013 года имеет новый блок: rem . rem (от «root em») — это шрифт
размер корневого элемента документа. В отличие от em , который может быть разным для каждого элемента, rem постоянен во всем документе. Например, дать P
и элементы h2 на том же левом поле, сравните этот стиль до 2013 года.
простынь:
p {margin-left: 1em}
h2 {размер шрифта: 3em; margin-left: 0,333em} с новой версией:
p {margin-left: 1rem}
h2 {размер шрифта: 3em; margin-left: 1rem} Другие новые блоки позволяют указывать размеры относительно
окно читателя.Это vw и vh . vw составляет 1/100 ширины окна
а vh составляет 1/100 высоты окна. Там
также vmin , что означает, какой
самый маленький из vw и vh . И vmax . (Вы можете догадаться, что он делает.)
Поскольку они такие новые, они еще не везде работают. Но, как на начало 2015 года их поддерживают несколько браузеров.
Абсолютных единиц — Мастерская макета CSS
У нас есть абсолютные единицы с момента появления CSS, и они наиболее полезны для нас, когда выходной формат известен как .
Мастер-класс по макету CSS: абсолютные единицы
У нас есть абсолютные единицы с момента появления CSS, и они наиболее полезны для нас, когда выходной формат известен как . Если вы создаете таблицу стилей печати для веб-сайта и особенно работаете со спецификациями CSS для создания печатных книг, вы познакомитесь с работой с реальными единицами измерения, такими как на дюймов.
Единицы измерения мм, (миллиметры), см, (сантиметры), дюймов, (дюймы), pt, (точки) и шт. Макеты CSS для использования на экране. Поэтому мы сконцентрируемся здесь на блоке пикселей и пикселей.
Что такое пиксель?
Хороший вопрос! Мы склонны думать о пикселях как о единой точке на экране. Однако, как и многие другие вещи в CSS, это оказывается немного сложнее.
В спецификации CSS (как CSS2, так и CSS Values and Units Level 3) указано:
«Контрольный пиксель - это угол обзора одного пикселя на устройстве с плотностью пикселей 96 точек на дюйм и расстоянием от считывающего устройства на расстоянии вытянутой руки. Следовательно, для номинальной длины руки 28 дюймов угол обзора составляет около 0,0213 градуса. Таким образом, для чтения на расстоянии вытянутой руки 1 пиксель соответствует примерно 0,26 мм (1/96 дюйма). ”
Оказывается, что пикселей на самом деле является единицей угла обзора. Техническое объяснение того, что это означает, можно найти в этой статье.Что еще более важно, в мире устройств с высоким разрешением нам нужно понимать разницу между аппаратным пикселем и эталонным пикселем, который использует наш CSS.
Аппаратные пиксели
Аппаратный пиксель - это физическая точка на экране, наименьшая точка, которая может быть отображена. Его нельзя изменить в размере или увеличить. При работе с экраном без «сетчатки» опорный пиксель и аппаратный пиксель выглядят одинаково. Если мы используем CSS для рисования на экране прямоугольника шириной 200 пикселей и высотой 200 пикселей, это будет напрямую отображаться на пиксели нашего оборудования.
Если бы «сетчатка» или дисплей с высоким разрешением отображали прямоугольник с использованием тех же аппаратных пикселей, он бы оказался вдвое меньше, чем мы ожидали. На дисплее с высоким разрешением аппаратные пиксели меньше, а количество используемых удвоено. «Пикселей на дюйм» больше, и поэтому фактический эталонный пиксель, который используется для рисования прямоугольника, теперь равен двум аппаратным пикселям. Это позволяет получить коробку ожидаемого размера, но также означает, что дисплей выглядит более гладким и четким, вы не можете видеть отдельные пиксели.
Опорный пиксель
Мы узнали, что эталонный пиксель - это пиксель, который визуально соответствует тому, что мы ожидаем. Он может содержать 2 или 3 или более опорных пикселя в зависимости от плотности пикселей используемого нами дисплея.
Когда вам нужно заботиться об этом, так это когда вы используете изображения в своих проектах. В остальное время аппаратное обеспечение занимается отображением аппаратных пикселей на опорные пиксели. Когда вы используете изображения, вы можете создать несколько версий значков - для дисплеев сетчатки и без нее.Или используйте вместо этого SVG, поскольку этот масштабируемый формат имеет больше смысла для дисплеев, которые удваивают количество пикселей, используемых для отображения изображения.
пикселей в макете CSS
Когда вы используете измерение в пикселях, вы фиксируете размер элемента на экране. Ниже я создал контейнер, в котором я мог бы разместить дизайн сайта, придав ему ширину 940 пикселей. Если пользователь растягивает свой экран в ширину, он получит много пустого пространства справа от контейнера, если экран меньше 940 пикселей, он получит полосу прокрутки.
Этот div имеет ширину 940 пикселей.
.wrapper {
ширина: 940 пикселей;
} Следовательно, абсолютная единица не идеальна, если мы пытаемся создать плавную сетку для адаптивного дизайна.
Мы могли бы захотеть использовать пиксели, однако, если имеет смысл, чтобы элемент имел определенный размер в компоненте, который мы создаем. Например, у вас может быть изображение фиксированного размера, такое как логотип, и вы хотите, чтобы текст под ним аккуратно выстраивался под изображением.
В моем первом примере я продемонстрировал проблему контейнера фиксированного размера, создающего полосу прокрутки. Однако может быть полезно объявить размер, после которого контейнер не будет расти.
В этом примере я дал своему контейнеру ширину 90%, единицу длины относительно контейнера, который является окном просмотра. Итак, у нас нет полосы прокрутки. Чтобы контейнер не увеличивался в ширину, что затрудняло чтение строк, я установил максимальную ширину в пикселях.
Для этого div установлено значение от 90% области просмотра до максимальной ширины 940 пикселей.
.wrapper {
ширина: 90%;
максимальная ширина: 940 пикселей;
} Когда использовать абсолютные единицы длины?
Как мы видели, вам следует избегать использования абсолютных единиц, когда ваша цель - создать гибкий и отзывчивый сайт. Однако они могут быть полезны в компонентах, когда вы знаете, что не хотите растягивать область. Они также могут быть полезны при определении максимальной и минимальной ширины, чтобы области не становились слишком узкими или слишком широкими.
Как изменить измерения в Adobe Illustrator
Adobe Illustrator имеет множество вариантов измерения, которые подходят для вашего удобства и потребностей проекта.Будь то пиксели, метрическая или британская система мер, Adobe Illustrator поможет вам.
Работа с измерением пикселей
Пиксель - это наименьшая единица цифрового изображения или графики, которая может быть отображена и представлена на цифровом устройстве. Пиксели объединяются, чтобы сформировать законченное изображение, видео, текст или любую видимую вещь на цифровом дисплее, например на мобильных устройствах, планшетах или компьютерах. Обычно круглые или квадратные, они обычно расположены в виде двухмерной сетки. Пиксель - это основная единица измерения в цифровой графике.
Установка единиц измерения в пикселях идеально подходит для:
- Проекты цифрового дизайна пользовательского интерфейса , такие как дизайн веб-страниц, дизайн тем (WordPress, Shopify и т. Д.), Игровые интерфейсы, дизайн приложений и значки.
- Публикация контента в Интернете в виде изображений (.jpeg .png), таких как сообщения в социальных сетях, инфографика, баннерная реклама и изображения продуктов
- Графика для фильмов и видео , например эскизы, анимированная графика, гифки, последовательности заголовков и Текст.
Это поможет вам настроить монтажную область в правильных размерах для цифрового проекта, над которым вы работаете. Например, при создании графики пользовательского интерфейса для iphone X ваша монтажная область будет установлена на 1125 x 2436 пикселей, что позволит вам работать и экспортировать файлы с соответствующим разрешением изображения. Установка единиц измерения в пиксели поможет документам более точно отражать то, что будут отображать целевые устройства ваших конечных пользователей.
Работа в метрических или британских единицах измерения
Метрическая система (сантиметры, миллиметры, метры) была разработана во Франции в 1790-х годах и используется практически во всех странах мира.Интересно, что в трех странах мира метрическая система не используется, несмотря на ее простоту и универсальность. Это Мьянма, США и Либерия, которые следуют имперской системе (дюймы, футы, ярды). Так что выбор между вами и вашей командой остается за вами.
Обе системы используются в основном для полиграфического дизайна. Установка единиц измерения в метрической или британской системе идеально подходит для:
- Искусство и иллюстрации , например, футболки, графические узоры для текстиля, обложки книг, технические иллюстрации, концепт-арт и графические романы
- Визуальный дизайн идентичности например, логотипы, визитные карточки и бланки
- Дизайн упаковки
- Дизайн публикации , например книги, газеты, информационные бюллетени, каталоги, годовые отчеты, журналы, каталоги
- Дизайн печатного маркетинга , например открытки, флаеры, журналы и газетная реклама, Плакаты, баннеры и рекламные щиты, Брошюры, Упаковка для транспортных средств, Вывески и дисплеи для выставок, Меню
- Графический дизайн окружающей среды , такой как Вывески, Настенные росписи, Музейные выставки, Брендирование офиса, Навигация в общественном транспорте, Интерьеры магазинов розничной торговли, Мероприятия и конференц-залы.Для больших проектов печати вы можете выбрать метры или ярды.
Работа с измерениями Pica
«Точка» - это единица измерения размера букв и межстрочного интервала. Балльные системы были разработаны типографами, а затем адаптированы и переинтерпретированы литейными компаниями. Французскому типографу Фурнье приписывают создание функциональной балльной системы в середине 18 века. 1 балл = 1/72 дюйма (точка PostScript в истинный дюйм). «пика» - это единица измерения параметров макета страницы, ширины текста, ширины столбцов, пробелов и т. Д. 12 точек = 1 пика и 6 пиков = 1 дюйм.
Установка единиц измерения в пиктограммах идеальна для:
- Типографские работы на заказ , такие как разработка нового шрифта или настройка существующего
- Дизайн публикации , например, газеты, журналы, информационные бюллетени, книги и каталоги
Изменить легко документировать единицы измерения, выполнив следующие действия.
Я создал дизайн логотипа в пикселях для цифрового использования, но теперь мой клиент хотел бы создать некоторые печатные маркетинговые материалы для своего бренда. Давайте изменим единицы измерения с пикселей на сантиметры за несколько быстрых шагов.
Примечание. Этот параметр измерения влияет на линейки, измерение расстояния между точками, перемещение и преобразование объектов, настройку расстояния между сетками и направляющими и создание фигур.
Шаг 1:
Убедитесь, что ваши линейки видны, нажав сочетание клавиш CTRL-R для ПК или Command-R для Mac.Вы также можете перейти в меню: Вид> Линейки> Показать линейки.
Шаг 2
Щелкните правой кнопкой мыши линейку и выберите единицу измерения, в которой вы хотите работать.
Шаг 3
Теперь линейки изменились на сантиметры. Я хочу изменить размеры монтажной области на 20 x 30 см для дизайна плаката. Перейдите к инструменту монтажной области на панели инструментов слева и дважды щелкните.
Step 4
Должно появиться окно параметров артборда, и, как вы можете видеть, я могу изменить ширину и высоту в сантиметрах.
Изменение единиц измерения для Обводки и Типа
Adobe Illustrator также имеет возможность изменять размеры обводки на пиковые изображения, точки, пиксели, сантиметры, миллиметры, дюймы, а измерения типа на точки, миллиметры, дюймы и пиксели. Вот как это сделать:
Шаг 1:
В верхнем меню перейдите в Edit> Preferences> Units
Step 2:
Как видите, есть опции для установки General, Stroke и Type Единицы измерения.Выберите желаемый вариант в раскрывающемся меню и нажмите «ОК».
Adobe Illustrator Classroom in a Book - официальная серия учебных курсов от Adobe, разработанная при поддержке экспертов по продуктам Adobe. Эта книга поможет вам заложить прочную основу для создания потрясающих логотипов, иллюстраций и плакатов.
Курс Adobe Illustrator
Наш курс Adobe Illustrator длится 2 недели и состоит из 3 занятий.