Изображения и фотографии · Изменение размера изображений в социальных сетях
4:5, 0.8 или 1600×2000: три способа записи одинакового соотношения сторон
· Фон
соотношение сторон размеры изображения изменение размера изображения
Соотношение, например 4:5, десятичное число, например 0.8, и размер пикселя, например 1600×2000, описывают одну и ту же форму, и в спецификациях они свободно смешиваются. В этом посте объясняется, как выполнять преобразование между ними, как уменьшить пару размеров до простейшего соотношения и где округление создает путаницу.
Три характеристики, одна форма — конкретная путаница, когда один источник говорит 4:5, другой 0.8, а третий указывает пиксели
В описании одна фигура портрета может описываться как 4:5, 0.8 или 1600×2000. Первый — это пропорция, второй — ширина, разделенная на высоту, а третий — это одна конкретная пиксельная сетка с этой пропорцией. Путаница в этих формах может привести к повороту кадра или получению размеров, которые просто близки к намеченной форме.
Social Image Resizer поддерживает знакомые варианты соотношения сторон и собственный текст, например `4:5`, `4/5` или `1.91:1`. Его анализатор возвращает ширину, разделенную на высоту, затем sizeFromRatio объединяет это число с бюджетом самого длинного края для получения целочисленных размеров. Арифметика видна и проверена на модульном уровне.
Обозначение соотношения — ширина к высоте, почему порядок имеет значение и почему 5:4 и 4:5 представляют собой разные ориентации одних и тех же чисел
Порядок пропорций: сначала ширина, затем высота. Четыре на пять означает портрет, потому что четыре единицы ширины занимают меньше пяти единиц высоты. Пять-четыре — это пейзаж. Одни и те же два числа не описывают одну и ту же ориентацию, если их порядок меняется на обратный.
Соотношения можно масштабировать без изменения формы: 4×5, 800×1000 и 1600×2000 все сводятся к одному и тому же отношению. Сами по себе резолюции они не содержат. Соотношение сообщает инструменту обрезки форму прямоугольника; пара пикселей сообщает средству визуализации, сколько образцов содержит окончательный прямоугольник.
Десятичная форма — деление ширины на высоту и почему десятичные дроби, такие как 1.78, являются приближениями 16:9
Десятичная форма происходит от деления. Четыре разделить на пять равно 0.8, а шестнадцать разделить на девять повторяется и обычно округляется в прозе. Таким образом, десятичное число, такое как 1.78, может быть сокращением, а не точной заменой 16:9. Использование исходной дроби позволяет избежать ненужного дрейфа.
Пользовательский анализатор ToolAcre поддерживает десятичные члены по обе стороны от двоеточия, поэтому `1.91:1` допустим. Он отклоняет нулевой и искаженный текст. Результирующее число JavaScript по-прежнему участвует в округленных целочисленных выходных измерениях, поэтому сохраняйте запрошенное обозначение, когда точное происхождение имеет значение.
От пикселей к отношению — уменьшение пары измерений по ее наибольшему общему делителю и почему происходит «почти 4:5»
Чтобы уменьшить размеры пикселей до простого целочисленного соотношения, разделите ширину и высоту на их наибольший общий делитель. Для 1600×2000 делитель равен 400, остается 4×5. Если пара не сокращается до ожидаемого соотношения, сравните ее десятичную ширину, разделенную на высоту, и решите, привело ли округление к разнице.
Не каждое полезное соотношение имеет аккуратное уменьшение до малых целых чисел после округления выходных данных. sizeFromRatio округляет вычисленное более короткое ребро, поэтому пользовательское самое длинное ребро может создать пару, которая приближается к запрошенному десятичному значению. Холсту по-прежнему требуются положительные целочисленные ширина и высота; дробных выходных пикселей не существует.
Рабочий пример: сокращение нескольких пар измерений — арифметика и выявление случаев, когда пара не совсем соответствует заявленному соотношению.
Уменьшите 1080×1350 на их наибольший общий делитель 270, чтобы получить 4:5. Разделите 1200 на 630, чтобы получить примерно 1.9048, который в текущей предустановке Open Graph помечен как 1.91:1 в качестве краткого описания. Разделите 1584 на 396 и получите ровно 4, соответствующее текущему шаблону баннера с меткой LinkedIn 4:1.
Эти примеры описывают существующие предустановки ToolAcre, а не постоянные спецификации назначения. Их значение здесь арифметическое. Рецензент может определить, когда пара измерений точно соответствует своей метке, когда это округленное условное обозначение и когда кто-то случайно поменял ориентацию.
Слова ориентации — книжная, альбомная, квадратная, вертикальная и как они отображаются на числах.
Квадрат означает, что ширина равна высоте. Портрет означает, что ширина меньше; Ландшафт означает, что ширина больше. Слово «Вертикально» часто описывает высокий портрет, например 9:16, но слова менее точны, чем цифры. Всегда сохраняйте заказанное соотношение или пару размеров в производственных примечаниях.
Текущие метки ToolAcre различают квадрат 1:1, портрет 4:5, полный портрет 9:16 и пейзаж 16:9. Эти слова помогают навигации, а значения управляют геометрией. Если заинтересованное лицо говорит только «портрет», спросите о соотношении или пункте назначения, вместо того, чтобы гадать между несколькими высокими фигурами.
Чего это не касается: какая платформа и какое соотношение использует сегодня; рассматривайте приведенные здесь цифры как арифметические примеры, а не спецификации
В данной статье не приводятся сегодняшние соотношения к социальным продуктам, выходящим за рамки датированной заранее установленной таблицы. Платформы могут пересматривать размеры и представления. Арифметика остается в силе, но хочет ли пункт назначения 4:5 сегодня — это внешний вопрос текущего состояния, который необходимо сверить с его собственными указаниями.
Он также не утверждает, что два файла с одинаковым соотношением сторон имеют одинаковое качество. Изображение 400×500 и изображение 1600×2000 имеют общую форму, но не количество пикселей. Детали источника, направление масштабирования, кодирование и размер отображения остаются отдельными переменными, на которые не может ответить одно только обозначение соотношения.
Вывод: конвертируйте с уверенностью — функция Social Image Resizer позволяет выбрать соотношение сторон, ожидаемое платформой, и выполняет пиксельную арифметику.
Переведите обозначения, разделив понятия: соотношение для формы, десятичное число для числового сравнения и размеры для конкретной пиксельной сетки. Используйте сокращение наибольшего общего делителя, когда это позволяют пары целых чисел, и ожидайте округления, когда отношение достигает самого длинного края целого числа.
Social Image Resizer выполняет последнее преобразование для пользовательских соотношений и публикует фактические выходные размеры. Проверьте рассчитанную пару, сохраните предполагаемое соотношение в примечаниях к обзору и подтвердите текущие требования пункта назначения. Это заменяет путаницу в обозначениях проверяемой арифметикой.