Что такое пропорции пикселя
это упоминается в каждой статье о мобильном Интернете, но нигде я не могу найти объяснение того, что именно измеряет этот атрибут.
Может кто-нибудь, пожалуйста, уточните, что делает такие запросы, как эта проверка?
Соотношение пикселей устройства - это соотношение между физическими и логическими пикселями. Например, iPhone 4 и iPhone 4S сообщают о соотношении пикселей устройства 2, потому что физическое линейное разрешение вдвое превышает логическое линейное разрешение.
- Физическое разрешение: 960 х 640
- Логическое разрешение: 480 х 320
является физическим линейным разрешением
это логическое линейное разрешение
Другие устройства сообщают о различном соотношении пикселей устройства, включая нецелые. Например, Nokia Lumia 1020 сообщает 1.6667, Samsumg Galaxy S4 сообщает 3, а Apple iPhone 6 Plus сообщает 2.46 (источник: dpilove ) . Но это ничего не меняет в принципе, так как вы никогда не должны разрабатывать для какого-то одного конкретного устройства.
CSS «пиксель» даже не определен как «один элемент изображения на экране какого - то», а скорее в качестве нелинейного углового измерения от угла обзора, который составляет примерно дюйм на расстоянии вытянутой руки. Источник: CSS Абсолютные Длины
Это имеет много последствий, когда дело доходит до веб-дизайна, таких как подготовка ресурсов изображений высокой четкости и аккуратное применение различных изображений с разным соотношением пикселей устройства. Вы не хотели бы заставлять устройство низкого уровня загружать изображение с очень высоким разрешением, только чтобы уменьшить его локально. Вы также не хотите, чтобы устройства высокого класса улучшали изображения с низким разрешением для размытого пользовательского опыта.
Если вы застряли с растровыми изображениями, чтобы приспособиться к множеству различных соотношений пикселей устройства, вы должны использовать CSS Media Queries для предоставления разных наборов ресурсов для разных групп устройств. Объедините это с хорошими трюками, такими как background-size: cover или явно установите background-size процентные значения.
Примеры кода
Панорамирование и сканирование
Сдвиг и сканирование — это способ, с помощью которого изображение с широкоэкранным экраном обрезается до 4 × 3 прямоугольной области, отображаемой на устройстве с дисплеем 4:3. Полученное изображение заполняет весь экран, не требуя черной леттербокс областей, но фрагменты исходного изображения обрезаются из изображения. Обрезанная область может перемещаться из рамки в рамку в качестве области сдвигов интересов. Термин «PAN» в « сдвиге» и «сканирование » обозначает эффекты панорамирования, вызванные перемещением области «сдвиг и сканирование».
Какие бывают стандартные разрешения и какие соотношения сторон для них используются?
Наиболее часто используемые разрешения и соотношения сторон для них приведены в следующей таблице.
Пропорции рисунка
Пропорции рисунка определяет форму отображаемого видеоизображения. Пропорции рисунка — это КС:И, где КС:И — отношение ширины изображения к высоте изображения. Большинство стандартов видео используют пропорции изображения 4:3 или 16:9. Пропорции 16:9 обычно называются широкоформатными. На пленке в кинотеатрах часто используется пропорции 1:85:1 или 1:66:1. Пропорции изображения также называются отображаемыми пропорциями (Dar).
Иногда видеоизображение не имеет такой же формы, как и отображаемая область. Например, видео 4:3 может отображаться на широкоформатном телевизоре (16 × 9). Видео на компьютере может отображаться в окне с произвольным размером. В этом случае можно создать три способа размещения изображения в области экрана:
- Растяните изображение вдоль одной оси в соответствии с отображаемой областью.
- Масштабирование изображения в соответствии с областью экрана с сохранением пропорций исходного изображения.
- Обрезка изображения.
Растяжение изображения по размеру отображаемой области почти всегда неверно, поскольку не сохраняет правильные пропорции изображения.
Разрешение и размер – это одно и то же?
Одно из самых больших недопониманий исходит из концепции разрешения. Если это ваш случай, поверьте мне, что вы не одиноки.
Проблема в том, что разрешение может относиться ко многим вещам, две из которых могут стать проблемой. Далее я объясню эти две концепции разрешения, однако у них есть одна общая черта, которую мне нужно прояснить в первую очередь. Обе они имеют отношение к пикселям.
Вы, наверное, много слышали о пикселях, по крайней мере, когда покупали свою камеру. Это одна из самых понятных и «существенных» спецификаций на рынке, поэтому я начну с этого.
Как выявить проблемы неправильного соотношения сторон?
При проигрывании видео, сохраненного с неверным соотношением сторон, вы увидите в кадре один из следующих дефектов:
Искажение пропорций. Изображение выглядит вытянутым или, напротив, сплющенным.
Нежелательные черные полосы по вертикали или горизонтали либо черную рамку вокруг изображения на видео.
Иногда такие проблемы возникают из-за неправильных настроек дисплея проигрывающего устройства. Однако если все настройки верны, а изображение на экране вас по-прежнему не радует, нужно поменять соотношение сторон самого видеофайла – в Movavi Конвертере Видео это можно сделать легко и быстро. Достаточно поставить программу на компьютер и выполнить несколько простых шагов.
В этом разделе описываются две связанные понятия: пропорции рисунка и пропорции пикселей. Затем он описывает, как эти понятия выражаются в Microsoft Media Foundation с помощью типов мультимедиа.
Работа с пропорциями
Правильная форма видеокадра определяется попиксельным пропорциями (номинал) и областью просмотра.
- Номинал определяет форму пикселей в изображении. Квадратные пиксели имеют пропорции 1:1. Любые другие пропорции описывают неквадратные Пиксели. Например, NTSC-Телевизор использует 10:11 НОМИНАЛа. Если вы проводите показ видео на мониторе компьютера, экран будет иметь квадратные пиксели (1:1 номинал). Значение НОМИНАЛа для исходного содержимого указывается в атрибуте пропорции MF _ MT _ _ _ в типе носителя.
- Область отображения — это регион видеоизображения, которое должно отображаться. Существует две соответствующие области, которые можно указать в типе носителя:
- Апертура и сканирование. Апертура "сдвиг и сканирование" — это 4 × 3 региона видео, который должен отображаться в режиме панорамирования и сканирования. Он используется для отображения содержимого на широком экране на 4 × 3 дисплее без пустых. Апертура «сдвиг и сканирование» задается в атрибуте _ _ _ _ апертуры панорамного поиска в MF , и его следует использовать только в том случае, если атрибуту « _ _ _ _ Включить сканирование MF в Pan » задано значение true.
- Отображение апертуры. Это Апертура определено в некоторых стандартах видео. Все, что находится за пределами отображаемого Апертура, является областью пересканирования и не должна отображаться. Например, NTSC-телевизор — 720 × 480 пикселей с отображаемым апертуром в 704 × 480. Отображаемый Апертура задается в атрибуте « _ _ Минимальный _ отображаемый _ Апертура MF MT ». Если он есть, его следует использовать, если режим панорамирования и сканирования имеет значение false.
Если режим "сдвиг и с" имеет значение false и не задано окно апертуры, отображается весь видеокадр. На самом деле, это так для большинства видеоматериалов, отличных от телевизионных и DVD-видео. Пропорции всего изображения рассчитывается как (Отображаемая ширина / отображаемой области высота) × номинал.
Поиск отображаемой области
В следующем коде показано, как получить область отображения из типа мультимедиа.
Преобразование между пропорциями в пикселях
В следующем коде показано, как преобразовать прямоугольник из одной пиксельной пропорции (НОМИНАЛа) в другую, сохраняя пропорции изображения.
Что такое пропорции видео?
Видеоряд любого фильма или клипа состоит из большого числа одинаковых по размеру кадров, размер каждого из которых характеризуется двумя величинами: шириной (длиной кадра по горизонтали) и высотой (длиной кадра по вертикали). Так вот, пропорция ширины и высоты кадра – и есть соотношение сторон видео. Эта величина обозначается двумя цифрами, разделенными двоеточием (2:1, 4:3 и т. д.).
Вариантов соотношения сторон существует немало, однако на сегодня наиболее распространены два: 4:3 и 16:9 (см. рисунок). Поскольку соотношение сторон 16:9 наиболее близко к тому, как человек видит окружающее пространство, именно этот формат сегодня наиболее популярен. Определенную популярность также набирает соотношение сторон 21:9 – для мониторов с ультрашироким экраном.
Так количество означает качество?
Из-за вышеупомянутой взаимосвязи между размером и разрешением многие думают, что мегапиксели означают качество. И в некотором смысле это происходит потому, что чем больше пикселей вы имеете, тем выше их плотность.
Это уже больше того, что глаз может отличить, что означает, что 16-бит или 32-бит будут выглядеть для нас относительно одинаково. Конечно, это означает, что ваше изображение будет тяжелее, даже если размер одинаков, потому что в каждом пикселе содержится больше информации. Именно поэтому качество и количество не обязательно идентичны.
Поэтому количество имеет значение, но и размер и глубина каждого пикселя определяют качество. Вот почему вы должны смотреть все характеристики камеры и ее сенсора, а не только количество мегапикселей. В конце концов, существует ограничение на размер, который вы можете распечатать или просмотреть, более того, это приведет только к дополнительному размеру файла (мегабайт) и не повлияет на размер изображения (мегапиксели) или качество.
Как выбрать и контролировать размер изображения и размер файла?
Конечно, мы говорим обобщенно, потому что каждый монитор и каждый принтер будут иметь немного другие разрешения. Например, если вы хотите распечатать фотографию до 8 × 10 дюймов, вам нужно, чтобы изображение имело 300 точек на дюйм x 8 "= 2400 пикселей и 300 точек на дюйм x 10" = 3000 пикселей (поэтому 2400 × 3000 для печати 8 × 10 при 300 dpi). Все, что больше, будет лишь занимать место на жестком диске.
Как узнать соотношение сторон видеоклипа?
Когда мы говорим о соотношении сторон видеоклипа, обычно мы имеем в виду характеристику DAR (Display Aspect Ratio) – соотношение сторон, с которым запись отображается на экране. DAR зависит от двух величин:
Pixel Aspect Ratio (PAR) – соотношение сторон пикселя. Поскольку в современном цифровом видео, как правило, используются только квадратные пиксели, для большинства «компьютерных» видеофайлов эта величина всегда будет равна 1:1.
Storage Aspect Ratio (SAR) – отношение количества пикселей по горизонтали к количеству пикселей по вертикали (эти цифры указаны в разрешении видеофайла).
Умножив PAR на SAR, мы получаем DAR – фактическое соотношение сторон видеоклипа.
Разберем на примере. Допустим, нам нужно узнать соотношение сторон видеоклипа в формате AVI с разрешением 640 × 480. Чтобы вычислить SAR, нам нужно разделить ширину видеофайла (640) на высоту (480) до простой дроби. Получаем 4/3. Поскольку, как мы уже выяснили, PAR нашего видео равно единице, соотношение 4:3 и будет являться соотношением сторон видеоклипа.
К слову, значения DAR и SAR совпадают не всегда. Например, в стандартах VCD и DVD видеозаписи кодируются с использованием неквадратных пикселей, соотношение сторон которых не равно 1:1. Чтобы разобраться, давайте посчитаем DAR для DVD-видео с распространенным разрешением 720 × 576. В этом случае SAR будет равно 5:4, а PAR, согласно стандарту, – 16:15. Перемножив эти значения, получим все то же соотношение сторон 4:3.
Нет времени считать вручную? Если у вас установлен Movavi Конвертер Видео, вам повезло – эта умная программа сделает все за вас! Просто загрузите свое видео в конвертер, кликните по нему правой кнопкой мыши, выберите пункт Свойства файла, и вы увидите нужные цифры.
Вычисление области Леттербокс
Следующий код вычисляет область леттербокс с учетом исходного и целевого прямоугольников. Предполагается, что оба прямоугольника имеют одинаковое значение НОМИНАЛа.
Размер, разрешение и форматы . Что происходит с пикселями? Вы покупаете камеру из-за количества мегапикселей? У вас есть проблемы с размещением фотографий в Интернете? Отличается ли печать ваших фотографий низким качеством, даже если они выглядит великолепно на экране? Кажется, есть некая путаница между пикселями и байтами (размер изображения и размер файла), качеством и количеством, размером и разрешением. В этом уроке мы разберем эту крайне важную для любого фотографа информацию
Итак, давайте рассмотрим некоторые базовые понятия, чтобы сделать вашу жизнь проще, а ваш рабочий процесс стал более эффективным, и ваши изображения будут иметь нужный размер для предполагаемого использования.
Это изображение размером 750 × 500 пикселей с разрешением 72 dpi, сохраненное формат сжатый JPG, который составляет 174kb. Давайте разберемся, что все это значит.
пример
Таким образом, каждый тип устройства загружает только правильный ресурс изображения. Также имейте в виду, что px модуль в CSS всегда работает с логическими пикселями .
По мере того, как появляется все больше и больше типов устройств, становится все сложнее предоставить всем им адекватные растровые ресурсы. В CSS медийные запросы в настоящее время являются единственным способом, а в HTML5 элемент изображения позволяет вам использовать разные источники для разных медиа-запросов, но поддержка все еще не на 100%, так как большинству веб-разработчиков все еще приходится поддерживать IE11 еще некоторое время ( источник: caniuse ) .
Если вам нужны четкие изображения для иконок, штриховых рисунков, элементов дизайна, которые не являются фотографиями , вам нужно задуматься о SVG, который прекрасно масштабируется для всех разрешений.
спасибо, так что, если я сделаю CSS-файл для iphone 4 и задаю размеры CSS страницы 480 x 320, и width=device-width я растяну его на весь экран?
Ты не можешь Вам необходимо расположить элементы в логических пикселях, использовать изображения с более высоким разрешением и background-size хитрость для оптимального использования дисплея.
Я понятия не имею о случае Android. Возможно, у разных производителей разные представления о логических и физических пикселях . Попробуйте сами на паре сотен различных устройств . Или просто предположите, что значения, сообщаемые устройством, верны. Не проектируйте для определенных устройств, но проектируйте для диапазонов значений, используя медиа-запросы!
Количество пикселей
Первый вид разрешения относится к количеству пикселей, которые формируют вашу фотографию. Чтобы рассчитать это разрешение, вы просто используете ту же формулу, которую вы бы использовали для площади любого прямоугольника; умножьте длину на высоту. Например, если у вас есть фотография с 4500 пикселями на горизонтальной стороне и 3000 по вертикальной стороне, она дает вам 13 500 000. Поскольку это число очень непрактично, вы можете просто разделить его на миллион, чтобы преобразовать его в мегапиксели. Таким образом, 13 500 000/1 000 000 = 13,5 мегапикселей.
Заключение
Итак, вот что означают качество, количество, размер и разрешение, и все они связаны с пикселями, поскольку те являются основными единицами, которые составляют изображение. Теперь, когда вы знаете, как сделать лучший выбор для печати, отправки и хранения ваших фотографий. Вся эта информация более подробна разложена в видеокурсе: "Секреты творческой обработки фотографий для новичка", чтобы ознакомится с описанием курса, кликните по картинке ниже.
Пропорция в пикселях
Попиксельное соотношение сторон (номинал) измеряет форму пикселя.
При захвате цифрового изображения изображение выводится как по вертикали, так и по горизонтали, что приводит к выделению прямоугольного массива примеров квантования, называемых пикселями или пикселей. Форма сетки выборки определяет форму пикселей в разрядном изображении.
Ниже приведен пример, в котором для упрощения математических вычислений используются небольшие числа. Предположим, что исходное изображение является квадратным (то есть пропорция изображения — 1:1); Предположим, что сетка выборки содержит 12 элементов, расположенных в сетке 4 × 3. Форма каждого полученного пикселя будет больше по сравнению с шириной в ширину. В частности, форма каждого пикселя будет иметь значение 3 × 4. Пиксели, которые не являются квадратными, называются неквадратными пикселями.
Пропорции пикселя также применяются к устройству вывода. Физическая форма устройства вывода и разрешение физического пикселя (по горизонтали и вертикали) определяют номинал отображаемого устройства. Мониторы компьютеров обычно используют квадратные пикселы. Если изображение имеет номинал и отображаемое значение не совпадает, изображение должно масштабироваться в одном или вертикальном или горизонтальном порядке для правильного вывода. Следующая формула относится к НОМИНАЛу, отображению пропорций (DAR) и размеру изображения в пикселях:
Dar = (Ширина изображения в пикселях / Высота изображения в пикселях) × номинал
Обратите внимание, что ширина и высота изображения в этой формуле относятся к изображению в памяти, а не к отображаемому изображению.
Пример практического практического примера: аналоговый видеоролик NTSC-M содержит строки сканирования 480 в активной области изображения. ITU-R Rec. BT. 601 задает горизонтальную частоту выборки 704 видимых пикселей в строке, что приводит к получению цифрового изображения с 704 x 480 пикселей. Предполагаемый пропорции изображения — 4:3, что дает НОМИНАЛу 10:11.
- DAR: 4:3
- Ширина в пикселях: 704
- Высота в пикселях: 480
- НОМИНАЛ: 10/11
4/3 = (704/420) x (10/11)
Чтобы правильно отобразить это изображение на устройстве вывода с квадратными пикселами, необходимо масштабировать ширину на 10/11 или высоту на 11/10.
Что такое пиксель?
Цифровая фотография не является одной неразделимой вещью. Если вы достаточно сильно приблизите ее, вы увидите, что изображение похоже на мозаику, образованную из маленьких плиточек, которые в фотографии называются пикселями.
Количество этих пикселей и способ их распределения являются двумя факторами, которые необходимо учитывать, чтобы понять, что такое разрешение.
Соотношение пикселей устройства == Соотношение пикселей CSS
В мире веб-разработок соотношение пикселей устройства (также называемое CSS Pixel Ratio) определяет то, как разрешение экрана устройства интерпретируется CSS.
CSS браузера рассчитывает логическое (или интерпретированное) разрешение устройства по формуле:
Apple iPhone 6s
- Фактическое разрешение: 750 x 1334
- Соотношение пикселей в CSS: 2
- Логическое разрешение:
При просмотре веб-страницы CSS будет думать, что устройство имеет экран с разрешением 375x667, а Media Queries будет отвечать так, как если бы экран был 375x667 . Но визуализированные элементы на экране будут в два раза четче, чем реальный экран 375x667, потому что физических пикселей на физическом экране в два раза больше.
Некоторые другие примеры:
Самсунг гэлакси с4
- Фактическое разрешение: 1080 х 1920
- Соотношение пикселей CSS: 3
- Логическое разрешение:
айфон 5с
- Фактическое разрешение: 640 x 1136
- Соотношение пикселей в CSS: 2
- Логическое разрешение:
Причина, по которой было создано соотношение пикселей в CSS, заключается в том, что, поскольку экраны телефонов получают более высокие разрешения, если бы у каждого устройства оставалось соотношение пикселей в CSS, равное 1, веб-страницы отображались бы слишком маленькими для просмотра.
Типичный полноэкранный настольный монитор составляет примерно 24 "при разрешении 1920x1080. Представьте, что этот монитор был уменьшен до 5", но имел то же разрешение. Просмотр вещей на экране был бы невозможен, потому что они были бы такими маленькими. Но производители выпускают экраны телефонов с разрешением 1920x1080 постоянно.
Таким образом, соотношение пикселей устройства было изобретено производителями телефонов, чтобы они могли продолжать увеличивать разрешение, резкость и качество экранов телефонов, не делая элементы на экране слишком маленькими, чтобы их можно было увидеть или прочитать.
Вот инструмент, который также сообщает вам плотность пикселей вашего текущего устройства:
Таким образом, изображения растягиваются, чтобы соответствовать высоким точкам на дюйм или физическим пикселям. Скажем, изображение имеет размер 300 пикселей, логический / CSS-пиксель тоже равен 300, но физический пиксель равен 600, тогда установка ширины изображения будет означать, что изображение будет растянуто. Я также слышал, что иногда изображения выглядят меньше при высоком разрешении, почему?
@MuhammadUmer В вашем примере изображение размером 300px width: 100% будет иметь полную ширину экрана. Это не будет растягиваться. Экран «думает», что это дисплей с разрешением 300 пикселей. Изображения отображаются в соответствии с логическим / CSS разрешением. Теперь, в вашем примере, вы также можете использовать изображение размером 600 пикселей. Это будет полная ширина логического дисплея в 300 пикселей, но, поскольку ваш дисплей имеет исходные 600 пикселей, изображение будет выглядеть в два раза чище, чем исходное изображение в 300 пикселей. Изображение большего размера, но выглядит лучше, поскольку на дисплее есть все лишние пиксели. Это идея «Retina Displays».
@JakeWilson: это новая тема для меня, и я не до конца ее понимаю. В примере соотношение пикселей CSS = 2. Ширина изображения составляет 300 физических пикселей, в CSS мы установили его на 100%, поэтому он будет иметь ширину 300 CSS-пикселей. Поскольку отношение CSS px равно 2, оно станет 600 физических пикселей в ширину, и его ширина будет точно соответствовать ширине дисплея. Но почему же он не растягивается, если его исходная ширина составляет 300 физических пикселей, а теперь - 600 физических пикселей? Насколько я понимаю, его качество ниже, потому что он был физически растянут от 300 до 600 пикселей. Не могли бы вы подробнее остановиться на этом, пожалуйста?
@ Anuj Я не знаю, и это не имеет значения, как это определено в аппаратном / программном обеспечении. Один рассчитывается от другого, в любом случае вы его обрезаете.
-moz-device-pixel-ratio
Предоставляет количество пикселей устройства на пиксель CSS.это почти самоочевидно. число описывает отношение того, сколько «реальных» пикселей (физических пикселей экрана) используется для отображения одного «виртуального» пикселя (размер установлен в CSS).
как узнать, использует ли устройство вообще измерение виртуального пикселя и что это такое? и как я могу использовать пиксели устройства в измерениях CSS, а не виртуальные?
При запуске нового файла в Photoshop предоставляется выбор из множества вещей, в том числе «Пиксельное соотношение сторон».
Что это? Что оно делает?
Получу ли я более плавные линии, если я выберу что-нибудь, кроме «Квадратных пикселей»? Все ли увидят одинаковое качество?
На нормальном мониторе элемент изображения находится в квадратной матрице. Затем мы называем соотношение сторон этого пикселя 1. Соотношение сторон это просто ширина / высота. Соотношение сторон 1 представляет собой квадрат, а соотношение 16/9 является удлиненным. В случае мониторов у нас есть 2 отдельных соотношения сторон: соотношение монитора и формы каждого пикселя, называемое соотношением сторон в пикселях . Эти два не следует путать вместе, это разные вещи.
Изображение 1 : Соотношение сторон определяется как ширина, деленная на высоту
В некоторых устройствах, особенно в старых телевизионных сигналах и в некоторых форматах фильмов, пиксель не квадратный, а несколько вытянутый, шире, чем высокий. Таким образом, если установить для этого значения значение, отличное от 1, Photoshop будет эмулировать такой экран, соответственно растягивая изображение.
Изображение 2 : пиксельная бобба фетт от Шкваппера в соотношении 1: 1 и соотношении 3: 2 (или 1,5, выраженном одним числом)
Большинству пользователей эта опция никогда не понадобится ни для чего! Так что безопасно держать это в 1, если вы не знаете, что это нужно. Скорее всего, вы никогда не столкнетесь с ситуацией, когда вам когда-нибудь потребуется изменить пропорции пикселя .
Параметр « Вид → Пиксельное соотношение сторон» в Photoshop имитирует неквадратные (вытянутые, прямоугольные) пиксели на экране с квадратными пикселями, в основном для предварительного просмотра.
Фотошоп делает это просто, масштабируя рабочую область вдоль одной из осей, чтобы получить желаемую, смоделированную форму пикселя. Масштабирование выполняется только для отображения; Когда вы изменяете пропорции пикселя, программное обеспечение не будет касаться данных базового пикселя в изображении, над которым вы работаете.
Разрешение изображения (количество пикселей по горизонтальной оси и количество пикселей по вертикальной оси) останется неизменным независимо от того, смотрите ли вы его в режиме с коррекцией пропорций или в режиме квадратных пикселей. Если вы установите пропорции пикселя не 1: 1 и используете инструмент «Лупа» для увеличения масштаба до уровня, который покажет вам отдельные пиксели в виде сетки, вы увидите, что ячейки этой сетки теперь вытянуты вдоль одной из осей. , следуя установленному вами соотношению пикселей x / y.
Однако Photoshop позволяет рисовать на изображении в этом режиме и соответствующим образом масштабирует выходные данные своих инструментов в соответствии с новым соотношением сторон в пикселях. Таким образом, вы можете, например, нарисовать круги, которые будут выглядеть идеально без каких-либо искажений, даже если вы изучите их в режиме просмотра увеличительного стекла или с помощью инструмента линейки (настроенного на использование единиц пикселей), по горизонтали будет различное количество пикселей. и вертикальные оси.
Так зачем тебе это делать? Ваши пиксели должны быть четкими и квадратными; их ширина соответствует их высоте, верно?
Как подсказывают предустановленные параметры в меню « Вид → Пиксельное соотношение сторон» , Photoshop в основном реализует эту функцию для работы с видеокадрами. Существует несколько стандартных форматов цифрового видео - таких, которые используются на DVD-дисках PAL и NTSC и в цифровых телевизионных трансляциях с разрешением SD, - которые по техническим и историческим причинам используют пропорции пикселей, отличные от 1: 1.
То же самое относится и к ранним (в 1980-е годы) домашним и офисным компьютерам и игровым консолям. Ранние чипы видео графики обычно генерировали сигнал, когда пиксели - реализованные в виде видео растра, отображаемого на экране ЭЛТ - были явно шире или уже, чем их высота. Если вы хотите, чтобы ваш компьютер рисовал идеальные круги вместо вытянутых эллипсоидов или проектировал любые другие виды графики или рисунков, которые должны были отображаться на экране компьютера, вам нужно было принять во внимание пропорции пикселя и сопоставить свои рисунки с основными характеристики режимов видео графики вашего компьютера.
Позже ПК стали стандартизировать графические режимы, которые будут производить (номинально) пиксели в форме 1: 1 на правильно настроенных ЭЛТ-экранах, а также заполняют область экрана от края до края. Еще позже ЖК-мониторы фиксировали пиксельный массив раз и навсегда, что делает обязательным (для всех практических целей) использование графических режимов с квадратными пикселями и собственного разрешения дисплея вместо некоторого произвольного разрешения.
Все это было разумным и долгожданным событием, поскольку стандартизация квадратных пикселей значительно упростила создание и отображение графики в портативном виде. Первые компьютеры не делали этого, потому что у них были различные технические ограничения и компромиссы, когда получение определенного разрешения или цветовой палитры на экране было более важным, чем точная форма пикселей.
Вы все еще можете время от времени наткнуться на специальные дисплеи (например, светодиодный рекламный дисплей на внешней стене торгового центра, светодиодные матрицы, показывающие следующую остановку на местной шине, или монохромный ЖК-дисплей на панель управления некоторого промышленного устройства), где элементы изображения не обязательно имеют квадратную форму, и где ваши пиксельные графические проекты должны быть соответственно масштабированы или сформированы. То есть, если вы хотите сохранить правильное (физическое) соотношение сторон для графики, которую вы выводите.
Чем меньше разрешение и цвета у дисплея, тем больше он требует ручной настройки вашей графики попиксельно или разработки ее с нуля для определенного графического режима или дисплея. Тем более, если конечные элементы изображения не квадратные. (Простое механическое применение алгоритмов интерполяции обычно дает довольно плохие результаты, если целевое разрешение или глубина цвета достаточно малы. Или наоборот, качество ваших проектов может быть значительно лучше, если вы проектируете ограничения устройства и управляете выходом для уровень отдельных элементов изображения вместо того, чтобы просто применять алгоритмы масштабирования и автоматические преобразования.)
Потребность в этих соображениях в целом становится все более редкой, поскольку даже устройства самого низкого уровня часто имеют большое разрешение и цвет на своих дисплеях, и инженеры в основном стараются сделать адресные элементы изображения квадратными по форме, если это вообще возможно. Если вы работаете с SD-видео (для целей архивирования или редактирования) или проектируете графику для ретро-вычислений или демонстрационных проектов, они все же очень реальны.
Если вы часто скачиваете кино из Интернета или загружаете собственные клипы на YouTube и другие сайты, вы наверняка сталкивались с искажением картинки в видеофайлах.
Яснее не стало? Прочтите нашу статью, и вы не только узнаете, что такое соотношение сторон видео, но и научитесь выявлять и исправлять проблемы, связанные с неправильным значением этого параметра.
Как изменить размер в Photoshop
Откройте меню Размера изображения и во всплывающем окне вам нужно пометить поле «resample». Если вы не активируете «resample», вы будете перераспределять пиксели, как я объяснила в начале статьи.
Вы также можете выбрать галочку «Пропорция», если вы хотите, чтобы параметры регулировались в соответствии с вашими изменениями. Таким образом, ширина изменяется при изменении высоты и наоборот.
8×10 дюймов при 300 ppi, это размер, необходимый для печати 8 × 10. Обратите внимание на размер пикселей 3000 x 2400.
750×500 пикселей при 72 ppi. Это веб-разрешение, и это точный размер всех изображений в этой статье. Размер в дюймах не имеет значения при публикации в Интернете - имеет значение только размер в пикселях.
В верхней части окна вы также увидите, как изменяется размер файла. Это несжатая версия вашего изображения, это прямая связь, о которой я говорила в первой части статьи: меньшее количество пикселей означает меньше информации.
Теперь, если вы все еще хотите изменить размер файла без изменения размера, то вы можете сделать это, когда сохраняете изображение. Перед сохранением фотографии вы можете выбрать нужный формат:
Если вы не хотите потерять какую-либо информацию, вам необходимо сохранить несжатый формат. Наиболее распространенным является TIFF.
Если вы не возражаете потерять небольшую информацию и иметь более легкий файл, перейдите в JPEG и выберите, насколько маленьким он должен быть. Очевидно, чем меньше значение вы устанавливаете, тем больше информации вы потеряете. К счастью, у него есть кнопка предварительного просмотра, чтобы вы могли видеть влияние вашего сжатия.
JPG высокое качество.
JPG низкое качество. Обратите внимание, как он пикселизирован и разбит? Если вы выберете очень низкое качество, вы рискуете ухудшить изображение слишком сильно.
Плотность пикселей
Другое разрешение - это то, как вы распределяете имеющееся общее количество пикселей, что обычно называют плотностью пикселей.
Теперь разрешение выражается в dpi (или ppi), которое является аббревиатурой для точек (или пикселей) на дюйм, да именно на дюйм, так уж сложилось, что в метрическую систему это не перевели. Итак, если вы видите 72 dpi, это означает, что изображение будет иметь плотность 72 пикселя на дюйм; если вы видите 300 dpi – это 300 пикселей на дюйм и т. д.
Конечный размер вашего изображения зависит от выбранного вами разрешения. Если изображение имеет 4500 x 3000 пикселей, это означает, что он будет напечатан в размере 15 x 10 дюймов, если вы установите разрешение 300 dpi, но при 72 dpi оно будет 62,5 x 41,6 дюйма. Хотя размер печатного снимка меняется, вы не изменяете размер своей фотографии (файл изображения), вы просто меняете организацию существующих пикселей.
Представьте себе резиновую ленту, вы можете растянуть ее или сжать, но вы не меняете количество ленты, вы не добавляете и не разрезаете ее.
Таким образом, разрешение и размер – это не одно и то же, но они связаны между собой.
Пустых
Процесс масштабирования широкоэкранных изображений в соответствии с отображаемым 4:3 называется пустых, как показано на следующей схеме. Итоговые ректанглулар области в верхней и нижней части изображения обычно заполняются черным цветом, хотя можно использовать и другие цвета.
Обратная ситуация, масштабирование изображения 4:3 в соответствии с широкоэкранным дисплеем, иногда называется пилларбоксинг. Однако термин леттербокс также используется в общем смысле, что означает Масштабирование видеоизображения в соответствии с заданной областью экрана.
Какое соотношение сторон рекомендуется для YouTube?
Тут все просто: на сайте популярного видеохостинга соотношение сторон составляет 16:9, в противном случае к видео добавляются черные полосы.
Читайте также: