Вписать целиком — сохранить всё изображение
Чтобы широкая картинка целиком вошла в квадрат без изменения пропорций, уменьшим её вдвое. Получится прямоугольник шесть на четыре. По ширине он совпадает с рамкой, а по высоте остаются две свободные единицы. При размещении по центру это по одной единице сверху и снизу. Ни одна часть картинки в такой схеме не отрезана. Поля появляются из-за различия пропорций, а не из-за ошибки вычисления. Если нужно сохранить надпись у края или весь предмет, наличие полей может быть осмысленным выбором. Цвет свободного пространства и оформление рамки уже относятся к следующему решению.
Заполнить рамку — допустить обрезку
Для заполнения квадрата зададим картинке высоту шесть. Коэффициент составляет три четверти, поэтому ширина станет девять. Изображение девять на шесть полностью перекрывает квадрат, но три единицы ширины оказываются за его границами. Если картинка расположена по центру, скрывается по полторы единицы слева и справа. Важный объект у бокового края может исчезнуть, хотя пропорции самого изображения сохраняются. Сдвиг картинки внутри рамки меняет, какая именно часть будет видна. Скрытая рамкой область не обязательно удалена из исходного файла: это зависит от способа работы и сохранения. Поэтому следует различать видимый кадр и исходное изображение. В нашем бумажном разборе мы только ограничиваем видимую область, не редактируя настоящий файл.
Растянуть — изменить отношения размеров
Можно принудительно привести исходные двенадцать на восемь к шести на шесть. Тогда ширина уменьшится вдвое, а высота — до трёх четвертей исходной. Преобразования по двум направлениям различаются, поэтому форма объектов изменится. Круг на картинке перестанет выглядеть кругом. Такой результат может быть намеренным художественным приёмом, но его нельзя назвать сохранением пропорций. Если задача состоит в точной передаче формы предмета, растяжение требует отдельного решения. Сам факт, что изображение аккуратно заполнило рамку, не означает, что оно осталось геометрически неизменным. Перед размещением полезно назвать приоритет: показать всё, заполнить площадь без полей или намеренно изменить форму. Затем проверить наиболее важные детали, а не только внешние границы. Автоматический подбор кадра тоже нуждается в такой проверке: программа не обязательно знает, какая деталь важна именно для вашего сообщения. Эта схема касается прямоугольного изображения и квадратной рамки. Декоративные контуры сложной формы могут скрывать дополнительные участки, поэтому их нужно оценивать отдельно.
Попробуйте на практике
Сравните три способа размещения на клетчатой бумаге. Нужны карандаш и лист; изображение генерировать или загружать не требуется.
- Нарисуйте три квадрата со стороной шесть клеток. Подпишите варианты: вписать, заполнить, растянуть.
- В первом обозначьте прямоугольник шесть на четыре по центру. Посчитайте высоту свободных полей.
- Для второго изобразите мысленный прямоугольник девять на шесть и отметьте, сколько ширины скрывает квадрат при центрировании.
- Для третьего сравните коэффициенты изменения ширины и высоты исходной картинки. Запишите, сохраняются ли её пропорции.
Как проверить результат. В первом варианте поля по одной единице сверху и снизу. Во втором скрыто по полторы единицы слева и справа. В третьем пропорции изменены, потому что коэффициенты различаются.
Частые вопросы
Заполнение всегда означает искажение формы?
Нет. При пропорциональном заполнении форма сохраняется, а часть картинки выходит за рамку. Искажение возникает при неодинаковом изменении масштаба по двум направлениям.
Достаточно один раз выбрать центрирование?
Не всегда. Важные детали могут находиться у края. Положение кадра следует проверять по содержанию конкретного изображения, особенно если рамка скрывает часть исходной площади.
Самостоятельный разбор темы. Содержание конкретной обучающей программы здесь не представлено.