Вписать изображение в холст без обрезки

Поместите изображение целиком в точные целевые размеры, ни разу не обрезая его: оно уменьшается, чтобы поместиться на холсте, центрируется, а оставшееся место заполняется цветными полосами.

Как это работает

Некоторые обязательные форматы (баннер, рекламное место, макет вёрстки) требуют точных размеров в пикселях, но обрезка изображения под них часто отсекает часть содержимого. Инструмент уменьшает изображение (никогда не увеличивая его сверх исходного размера и не искажая), чтобы оно целиком поместилось в целевые размеры, а затем центрирует результат на фоне выбранного цвета.

Чем это отличается от простого изменения размера?

Обычное изменение размера до точных значений искажает изображение, если его пропорции не совпадают с целевыми. Здесь исходное соотношение сторон всегда сохраняется: изображение видно целиком, а по бокам при необходимости остаются цветные полосы (letterbox/pillarbox) вместо растягивания.

Что произойдёт, если моё изображение меньше целевого холста?

Если изображение меньше целевых размеров по обеим сторонам, его можно увеличить, чтобы как можно лучше заполнить доступное место с сохранением пропорций; в противном случае (хотя бы один размер слишком велик) оно пропорционально уменьшается.

100% локальная обработка: расположение на холсте вычисляется прямо в вашем браузере через Canvas API — ваше изображение никогда не отправляется на сервер.