Соотношение сторон изображения в графическом и web-дизайне
Не знаете, какой размер и пропорции использовать для своих изображений в дизайне? В данной статье перечислили наиболее часто встречающиеся пропорции, а также популярные размеры изображений и фотографий, чтобы помочь вам создать ваш проект. Так же расскажем, как сделать необходимые пропорции в программе Фотошоп
Что такое соотношение сторон
Соотношение сторон изображения – это, пропорциональное отношение ширины к высоте. Вы знаете это как два числа, разделенных двоеточием в формате x : y. Например, изображение размером 6 x 4 дюйма имеет соотношение сторон 3: 2. Соотношение сторон не имеет единиц измерения — вместо этого оно показывает, насколько ширина больше по сравнению с высотой. Это означает, что изображение в сантиметрах, будет иметь такое же соотношение сторон, даже если оно в дюймах или пикселях. Соотношение между его шириной и высотой определяет соотношение и форму, но не фактический размер изображения.
Тем не менее, соотношение сторон изображения будет меняться в зависимости от носителя, на котором оно представлено. Соотношение сторон изображения, отображаемого на компьютере, будет отличаться от соотношения сторон того же изображения, отображаемого на телефоне.
Соотношения сторон являются важной частью веб-контента, поскольку изображения необходимо загружать с разными соотношениями сторон для разных целей, например, для настольных компьютеров, мобильных устройств или блогов, для социальных сетей. Когда вы используете правильные пропорции, это гарантирует, что ваши изображения отображаются так, как задумано, без растяжения или потери разрешения.
Давайте рассмотрим некоторые общие пропорции, которые обычно используются в разных местах.
Соотношение 1: 1
Соотношение 1: 1 означает, что ширина и высота изображения равны, создавая квадрат. Некоторые распространенные соотношения 1: 1 — это фотография 8 x 8 дюймов, изображение 1080 x 1080 пикселей или, как правило, любой шаблон профиля изображения на сайтах социальных сетей (например, Facebook).
Соотношение 3: 2
Соотношение 3: 2 произошло от 35-миллиметровой пленки и фотографии и до сих пор широко используется для определенных печатных форматов. Изображения с разрешением 1080 x 720 пикселей или 6 x 4 дюйма устанавливаются в этом соотношении сторон.
Соотношение 4: 3
Соотношение 4: 3 обычно используется для телевизионных дисплеев, компьютерных мониторов и цифровых камер. На каждые 4 единицы ширины приходится 3 единицы высоты, образуя прямоугольную форму. Изображение размером 1024 x 768 пикселей или 8 x 6 дюймов соответствует типичному соотношению 4: 3.
Соотношение 16: 9
Соотношение 16: 9 чаще всего можно наблюдать на слайдах презентаций, компьютерных мониторах или широкоэкранных телевизорах. Этот международный стандарт недавно заменил соотношение 4: 3 для мониторов и экранов телевизоров, создав более тонкую, более вытянутую прямоугольную форму по сравнению с форматом 4: 3.
Общие разрешения в соотношении 16: 9 составляют 1920 x 1080 пикселей и 1280 x 720 пикселей.
Как измерить размер изображения и соотношения сторон
В отличие от пропорций, размер изображения определяет фактическую ширину и высоту изображения в пикселях. Размер изображения – это, размеры изображения. Вы можете измерять размеры изображения в любых единицах, но обычно вы видите пиксели, используемые для веб или цифровых изображений, и дюймы или сантиметры, используемые для печати изображений.
Важно понимать, что два разных изображения с одинаковым соотношением сторон могут иметь разный размер или размеры. Например, изображение размером 1920 x 1080 пикселей имеет соотношение сторон 16: 9, а изображение размером 1280 x 720 пикселей также имеет соотношение 16: 9.
Размеры изображений для веб
Если вы загружаете изображения в Интернет, важно понимать спецификации размера изображения, потому что неправильные размеры изображения могут растягиваться или искажаться, чтобы заполнить фиксированные размеры.
Когда вы работаете над созданием веб-сайта или системой управления контентом (CMS), например WordPress или Joomla, требования к размеру изображения будут различаться в зависимости от используемой темы или шаблона. Зачастую создатель веб-сайта изменяет размеры изображений, чтобы они правильно отображались в нескольких различных форматах. Поэтому, чтобы удовлетворить несколько различных стандартных размеров изображения, загрузите изображение, которое достаточно велико, чтобы уменьшить его, не теряя разрешения, и достаточно мало, чтобы удобно соответствовать ширине стандартного экрана. Мы рекомендуем загружать изображения шириной от 1500 до 2500 пикселей. Проверьте свой шаблон или тему на любой CMS, которую вы используете, чтобы определить правильный размер изображения для загрузки. Точно так же сайты социальных сетей часто меняют размеры изображений, но при этом, обеспечивает правильное отображение ваших изображений.
Важное замечание: не путайте размер изображения с размером файла изображения.
Размер файла изображения измеряется в байтах в зависимости от того, сколько места он занимает на диске (например, килобайт или мегабайт).
Вот некоторые из самых распространенных размеров изображений в Интернете.
1920 х 1080 пикселей
Этот стандартный размер изображения широко виден на телевизорах высокой четкости, в презентациях и на фотографиях в социальных сетях. Это соответствует соотношению сторон 16: 9.
1280 х 720 пикселей
Этот размер соответствует стандартному формату HD, используемому в фотографии и кино. Подходит для формата 4: 3.
1080 х 1080 пикселей
Размер изображения в соотношении 1: 1 широко используется в социальных сетях, а именно в Instagram и Facebook.
Общие размеры фотографий
Вы когда-нибудь хотели напечатать изображение, но не понимали, какой размер использовать? Несмотря на то, что вы можете печатать изображения любого размера, есть несколько стандартных размеров фотографий, которые помогут вам более точно соблюдать параметры.
Различные размеры работают в разных средах, например, чтобы отображать большие отпечатки или плакаты, чтобы привлечь внимание к событию, или использовать меньшие размеры для показа дома или для пересылке по электронной почте.
Печатные изображения и фотографии обычно измеряются в дюймах, хотя в России чаще используются сантиметры или миллиметры.
Важное замечание. Если вы создаете рамку изображения, вам может потребоваться два размера: размер изображения и размер подложки.
Вот некоторые из самых распространенных размеров фотографий.
4 х 6 или 5 х 7 дюймов
Эти размеры являются стандартными и популярными размерами изображений, как правило, для отображения фотографий или небольших иллюстраций.
8 х 10 дюймов
Этот размер на один шаг больше по размеру популярных размеров фотографий и широко распространен среди портретов и больших печатных изображений.
8,5 х 11 дюймов
Используйте этот стандартный размер флаера для рекламы, отображаемой в местах с ограниченным пространством.
Хотя размер флаера не так заметен, как большие размеры плакатов, он по-прежнему нацелен на то, привлекать к себе внимание.
12 х 18 или 18 х 24 дюйма
Эти стандартные плакаты размером больше обычных листовок, идеально подходят при разработке мероприятий или рекламных объявлений, которые должны охватить среднюю аудиторию.
24 х 36 дюймов
Рекламодатели используют этот размер плаката для наружной рекламы и специальных витрин в местах с высокой посещаемостью.
Как создать пользовательский размер и пропорции в Adobe Photoshop CC 2019
Откройте изображение в программе Фотошоп и выберите в панели инструментов Рамка, после этого, в панели настройки инструментов вверху слева, из выпадающего списка вы можете выбрать как хотите обрезать изображение, в определенных пропорциях или в определенном размере с указанием ширины, высоты и разрешения. Красными стрелками указаны актуальные поля для ввода параметров обрезаемого изображения — ширина, высота, разрешение.
Выбор способа обрезки, по размерам или в определенной пропорции
После указания параметров обрезки, создайте необходимую рамку обрезки и нажмите на Enter на клавиатуре или на галку в панели настроки инструмента.
Позвоните чтобы узнать подробнее
+7(963)972-82-58
или отправьте письмо:
Спросите нас письменно
Базовый курс фотошоп для начинающих
Соотношения и пропорции
МАТЕМАТИЧЕСКИЙ ОБЗОР: ПОЛЕЗНАЯ МАТЕМАТИКА ДЛЯ КАЖДОГО
РАЗДЕЛ 1.2. СООТНОШЕНИЯ И ПРОПОРЦИИ
|
вернуться к Коэффициенты, Страница 1
Пропорция есть
похож на отношение, за исключением того, что оно указывает на часть целого, и поэтому
числитель получается из знаменателя.
Например, исследователь может
говорят, что на каждые десять студентов общежития приходилось пять женщин.
Пять на десять (5/10) — это пропорция. Пропорции должны соответствовать всем
числа в одних и тех же единицах и часто записываются в виде дробей.
Что бывает, когда хочешь написать пропорцию, а цифры даны в разных единицах? Предположим, вас попросили написать долю 3 чашки по 56 унций (3 чашки по 56 унций). Вы должны написать пропорцию из чашек в чашки (чашки:чашки) или из унций в унции (унции:унции), поэтому вам придется преобразовать одно из чисел так, чтобы оба числа были выражены в одних и тех же единицах измерения. Преобразуем чашки в унции поэтому мы можем выразить отношение как унции: унции. Так как есть 8 унций в одной чашке 3 чашки равны 24 унциям:
3 чашки * 8 унций/чашка = 24 унции
Сейчас два числа 3 чашки и 56 унций можно записать в следующем соотношении:
От 24 до 56 унций,
24:56,
или, теперь, когда единица измерения то же самое, 24:56 тоже можно записать в виде пропорции:
24/56
Вы
может потребоваться решить некоторые проблемы, связанные с соотношениями.
Если вы разделили 36 на две части в соотношении 1:2 и одну часть равно a, а другое b, вы можете найти значение a и b:
Вы знаете, что
а+б = 36
и
а/б = 1/2
Вы можно использовать эти уравнения для решения a и b, или вы можете использовать следующий простой метод:
Найти сколько единиц в 1 части отношения. Для этого разделите сумма по количеству частей.
Номер частей: 1 + 2 = 3.
Номер единиц в каждой части: 36/3 = 12.
Затем, умножить количество единиц в каждой части на количество частей в каждой переменной.
а = 1 * 12 = 12
б = 2 * 12 = 24
Как
в сторону.
. .
Проценты настолько часто используются, что мы должны уделить им немного времени здесь. Самое важное в процентах то, что все они имеют с одинаковым знаменателем: 100. Когда две дроби имеют одинаковый знаменатель, сравнения можно сделать очень легко.
0,21 = 21% = 21/100
в алгебраические выражения
Для больше информации об этом сайте свяжитесь с Дистанцией Координатор по образованию.
Авторские права © 2004 регентами Миннесотского университета, равные возможности работодатель и педагог.
Соотношение сторони распространенные форматы печати
Что такое соотношение сторон? Как они влияют на размер печати? И зачем нам о них знать?
Соотношение сторон изображения — это просто соотношение между его шириной и высотой .
Соотношения записываются как ширина:высота с : (двоеточием), разделяющим значения. Вы также можете называть это пропорциями изображения.
Большинство* 35-мм цифровых зеркальных камер снимают в формате 3:2 . 3:2 означает, что изображение кратно 9.0005 3 единицы в ширину и кратное 2 единицы в высоту . Например, 3 x 2 дюйма и 6 x 4 дюйма имеют соотношение 3:2.
ЧТО ОПРЕДЕЛЯЕТ СООТНОШЕНИЕ ФОРМАТ КАМЕРЫ? Соотношение сторон вашего изображения определяется соотношением сенсора камеры или кадра пленки , изначально. Большинство цифровых зеркальных камер содержат датчик с соотношением 3:2 , такой же, как у 35-мм пленки. Следует отметить, что на рынке есть несколько моделей цифровых зеркальных камер с датчиками с соотношением сторон 4:3, которые по умолчанию захватывают изображения с соотношением сторон 4:3.
(Обратите внимание, что некоторые современные цифровые зеркальные камеры предлагают переменных соотношения сторон через меню камеры. Когда пользователь меняет соотношение сторон в камере, камера фактически обрезает изображение. По этому поводу обратитесь к производителю камеры.)
ПОЧЕМУ ТАК МНОГО СООТНОШЕНИЙ И РАЗМЕРОВ ДЛЯ ПЕЧАТИ?
С момента зарождения фотографии камеры были сконструированы таким образом, чтобы они подходили для различных форматов пленки. Хотя многие из нас начинали с 35-мм пленки (соотношение 3:2), которая была наиболее распространенным форматом, и она, и однообъективные зеркальные камеры (цифровые или пленочные) являются относительно молодым форматом в мире профессиональной фотографии.
До этого средне- и широкоформатные камеры были прерогативой профессиональных фотографов . Камеры среднего формата (например, Bronica, Mamiya, Hasselblad) обычно используют размеры пленки 6×4,5 см (соотношение 4:3), 6×6 (1:1), 6×9 (2:3), 6×7 (6:3).
7) и панорама 6х17. Камеры большого формата, популярные с 1830-х по 1960-е годы и используемые до сих пор, использовали пленку большего размера, часто листы 5 × 7 дюймов (соотношение 5 × 7) или 8 × 10 дюймов (4: 5).
Это очень простой обзор истории камер и соотношений сторон, но важно понимать, откуда взялось наше ремесло, и почему службы печати и обрамления предлагают такой диапазон размеров .. потому что они существуют уже более 100 лет.
И эти средние и большие форматы ВСЕ ЕЩЕ ИСПОЛЬЗУЮТСЯ СЕГОДНЯ, часто с цифровыми задниками вместо пленки. Посмотрите это видео распаковки от Hasselblad, чтобы увидеть компоненты среднеформатной камеры с цифровым задником.
К вашему сведению, большинство камер смартфонов содержат датчик с соотношением сторон 4:3 . Вот почему изображения с вашего смартфона и DSLR имеют разное соотношение сторон!
ЗАЧЕМ НУЖНО ПОНИМАТЬ КОЭФФИЦИЕНТЫ ПЕЧАТИ?
В то время как большинство цифровых зеркальных камер захватывают изображение с соотношением сторон 3:2, не все распространенные форматы печати имеют такое же соотношение .
Общие коэффициенты печати: 3:2, 7:5, 5:4 и 1:1 .
Если соотношение запрошенного отпечатка отличается от соотношения камеры , которая сделала снимок, изображение необходимо обрезать . Таким образом, часть области изображения будет потеряна.
На приведенной ниже диаграмме показана изображение, снятое с соотношением сторон 3:2 . Наложения показывают количество изображения, которое необходимо обрезать, чтобы получить отпечаток с другим соотношением сторон. Зная об этих общих коэффициентах печати, мы можем учитывать их при компоновке изображений в камере . Это дает нам большую гибкость для окончательной печати и вариантов дизайна альбома.
ОБЫЧНЫЕ ФОРМЫ ПЕЧАТИ
На рисунке показаны популярные форматы печати для наиболее распространенных соотношений сторон.
Вам не обязательно предлагать все эти размеры печати . На самом деле, мы рекомендуем вам ограничить количество вариантов в вашем руководстве по продукту до небольшого диапазона, а не перегружать вашего клиента слишком большим количеством вариантов.
Вы всегда можете предоставить индивидуальное предложение из прайс-листа «только для офиса», если у них есть специальный запрос.
КАДРИРОВАНИЕ ВО ВРЕМЯ РЕДАКТИРОВАНИЯ
При редактировании максимально придерживайтесь стандартного кадрирования 3:2 . Произвольные или случайные пропорции обрезки часто проблематичны, создавая ограничения на размеры печати , которые вы можете предложить своим клиентам.
Таким образом, лучший подход состоит в том, чтобы строго компоновать в камере , помня об общих коэффициентах печати , и выполнять минимальную обрезку, используя соотношение 3:2 по умолчанию в постобработке. Вы можете узнать больше о композиции и заполнении кадра в учебнике Келли «Как правильно работать с камерой» .
Придерживаясь стандартного кадрирования с соотношением сторон 3:2, вы сможете:
- предлагать изображения соответствующих размеров без потери изображения (6×4″, 8×12”, 12×18″, 16×24″ , 20×30”)
- создание тематических страниц в популярном размере альбома 12×8 дюймов с изображением от края до края
- с полным кадром 3:2 предоставляет больше возможностей; другие коэффициенты накладывают ограничения
Нестандартные кадры также могут быть проблематичными для оформления альбомов.