Изображения и фотографии · Редактор изображений и рисунков в браузере
Объяснение соотношений сторон: 3:2, 4:3, 16:9 и обрезка в соответствии с ними.
· Фон
редактирование изображений холст обработка браузера
У каждой камеры, экрана и платформы есть свое мнение о форме изображения, и кадрирование — это то, как вы их согласовываете. В этом посте объясняется, откуда взялись общие пропорции и как кадрировать одно из другого, не теряя при этом тему.
Фотография, которая никуда не годится — одно изображение, три места размещения, три разные формы.
Одна фотография может быть идеально пригодна для использования, но при этом плохо вписываться в три разных места. Рамке с альбомной ориентацией может потребоваться обрезать стороны для баннера, уменьшить верхнюю и нижнюю часть для портретной карточки или сбалансировать края для квадратного эскиза. Первое полезное различие — это форма: соотношение сторон описывает ширину относительно высоты, в то время как редактор предоставляет свободный прямоугольник обрезки, а не элемент управления блокировкой соотношения.
Проверьте разницу с помощью дубликата изображения. Запишите предполагаемые формы, нарисуйте их прямоугольники, затем перетащите каждую обрезку вручную и прочтите полученные размеры в пикселях. Исходный файл остается на устройстве, пока изменяется документ в памяти, а экспорт дает отдельный растровый результат. Исторические утверждения о камерах, экранах или платформах не входят в предоставленные доказательства хранилища и не нужны для этого расчета.
Что такое соотношение сторон — ширина к высоте как соотношение, почему 3000×2000 и 1500×1000 — одна и та же форма и почему количество пикселей — отдельный вопрос
Соотношение сторон — это соотношение, а не метка разрешения. Изображение 3000 от 2000 и изображение 1500 от 1000 оба являются 3:2, поскольку деление ширины на высоту дает одинаковый результат, даже если одно из них содержит в четыре раза больше пикселей. Разделение этих идей предотвращает распространенную ошибку: выбор правильной формы не приводит автоматически к выбору достаточного количества деталей для окончательного отображения или размера печати.
Для целевого соотношения сохраните измерение, которое дает вам наиболее полезный урожай, и найдите другое. Кадр 3:2 может быть представлен как 3000 через 2000, 1500 через 1000 или любой парой меньших целых чисел с таким же отношением. Поскольку в этом редакторе нет предустановок с фиксированным соотношением сторон или наложения направляющих, перед перетаскиванием выполните арифметические действия и используйте отображаемые размеры в качестве проверки.
3:2 из пленки 35 мм — как кадр 24×36 мм устанавливает значение по умолчанию для камер
Используйте 3:2 как геометрию, а не как историческое обещание. Это соотношение означает три единицы ширины на каждые две единицы высоты, поэтому обрезка 2400 на 1600 и обрезка 1200 на 800 имеют одинаковый контур. В этом хранилище не установлено, стала ли эта пропорция распространенной через конкретный носитель; Практическая ценность здесь состоит в том, что зависимость легко вычислить и сравнить.
Начните с объекта, а затем выберите, какие края могут отступить. Если оригинал шире предложенного прямоугольника 3:2, удалите равные или неравные части по бокам, сохраняя при этом человека, объект или горизонт в удобном положении. Редактор браузера позволяет вам сделать этот свободный выбор и сообщает о полученных пикселях, но он не привязывает прямоугольник к 3:2 за вас.
Репозиторий не указывает историческое происхождение 3:2; используйте его здесь только как арифметику
Рамка 4:3 — это еще одно соотношение ширины и высоты: четыре единицы по горизонтали на каждые три единицы вниз. Часто оно кажется менее панорамным, чем 3:2, но это визуальное впечатление не следует путать с историей происхождения. Доступные здесь доказательства подтверждают сравнение геометрии, а не утверждение о телевидении, компактных камерах или каком-либо конкретном историческом пути, благодаря которому это соотношение стало известно.
Чтобы создать версию 4:3, вычислите кандидата, например 1600, по 1200, поместите этот прямоугольник поверх важного содержимого и обрежьте только лишнее. Сравните результат с необрезанным изображением в том же масштабе просмотра. Наложение обрезки затемняет область за пределами выделения, а отсутствие предустановленного соотношения означает, что окончательная ширина и высота зависят от того, где вы отпустите обрезку.
Репозиторий не указывает историческое происхождение 4:3; сравни его геометрию
Относитесь к 16:9 как к расчету, а не как к приглашению изобретать широкоэкранную историю. Шестнадцать единиц по горизонтали и девять внизу создают заметно широкую рамку, и это соотношение полезно, когда композиция должна иметь такую форму. Для этого рабочего процесса важен прямоугольник, который вам нужен, и предметная область, которую вы можете позволить себе удалить, а не необоснованное объяснение того, как какая-либо отрасль остановилась на нем.
Если исходное изображение — 3:2, кадрирование 16:9 обычно просит вас отказаться от вертикального пространства. Сначала проверьте верх и низ, поскольку лицо возле верхнего края или высокий предмет могут сделать мишень непригодной для использования. Нарисуйте прямоугольник вручную, прочтите размеры в пикселях и экспортируйте копию. Редактор не предлагает режима обрезки с фиксированным соотношением или встроенного руководства по композиции, которое могло бы помочь вам принять это решение.
Репозиторий не хранит широкоэкранную историю; вычислить 16:9, не придумывая происхождение
Квадратные и вертикальные рамки — полезное сравнение, потому что они делают цену формы особенно заметной. Обрезка 1:1 дает равную ширину и высоту; вертикальная обрезка 4:5 дает объекту больше места сверху и снизу, чем квадрат, но при этом игнорирует боковой контекст. Это выбор кадра, а не фиксированные пресеты, поставляемые этим редактором, и репозиторий не поддерживает утверждение о том, что интерфейс рисует руководства для конкретной платформы.
Создайте квадрат, вертикальную обрезку в стиле 4:5 и намеренно узкую портретную обрезку из одного и того же дубликата. Обратите внимание на то, что исчезает первым: фоновый контекст, руки, вывески или передышка вокруг объекта. Каждый результат представляет собой свободный прямоугольник, действительные размеры которого следует проверить после выбора. Для предустановленных размеров для конкретной платформы используйте функцию изменения размера изображений для социальных сетей; этот редактор лучше подходит для сознательного ручного оценивания.
Квадратные и вертикальные рамки — это полезные сравнения, а не фиксированные настройки в этом редакторе.
Предположим, что источником является 3000 от 2000, четкое изображение 3:2. Для 16:9 обрезка на всю ширину равна 3000 на 1687.5, поэтому перед обрезкой выберите целочисленную высоту, например 1687, или уменьшите ширину до удобной кратной пары. Для 4:5 сохранение полной высоты потребует 1600 пикселей ширины; для 1:1 центральная обрезка — 2000 по 2000. Цифры показывают сделку до того, как изображение изменится.
Теперь разместите каждый прямоугольник вокруг объекта, не предполагая, что центр правильный. Экспортируйте 16:9, 4:5 и квадратные версии отдельно, а затем сравните их с исходными размерами. Редактор может обрезать и экспортировать растровые изображения локально, но он не может обещать точные пропорции при выделении от руки, добавлять недостающий фон или сохранять руководство по композиции. Расчет – контроль; сопротивление - это казнь.
Рабочий пример: вычислите несколько прямоугольников, прежде чем делать обрезку от руки.
Практическая последовательность: сначала форма, потом предмет, потом обрезка. Решите, нужна ли месту назначения 3:2, 4:3, 16:9, квадратная или вертикальная рамка; вычислить полезный пиксельный прямоугольник; затем сделайте выбор, наблюдая за тем, что выходит за рамки. Этот редактор поддерживает этот осторожный локальный рабочий процесс и хранит исходный файл отдельно от редактируемого документа, но не поддерживает режим обрезки или наложение с фиксированным соотношением.
Если для службы требуются известные предустановки платформы, следует рассмотреть возможность использования Social Image Resizer. Если задача представляет собой продуманную обрезку без заранее определенного шаблона, воспользуйтесь редактором изображений и рисунков в браузере, проверьте полученные размеры и экспортируйте копию. Относитесь к соотношению как к арифметике, а к обрезке — как к визуальному решению, а не как к функции автоматической композиции или обещанию неподтвержденного исторического контекста.