Об этом инструменте
Коллаж превращает несколько отдельных фотографий в одно изображение, которым удобно поделиться — сетка 2×2 из поездки, полоса 3×1 из фотографий товаров или большая мозаика 3×3 для мудборда. Этот инструмент собирает такую сетку полностью в вашем браузере: добавьте изображения, выберите нужное число строк и столбцов, задайте отступ и цвет фона, видимый в промежутках, и всё будет скомпоновано на одном холсте, который можно скачать в формате PNG или JPG.
Каждое фото масштабируется так, чтобы полностью заполнить свою ячейку, и обрезается по центру в соответствии с пропорциями ячейки — точно так же, как работает `object-fit: cover` в CSS, — поэтому портретные и альбомные фото плотно прилегают друг к другу вместо того, чтобы сжиматься или оставлять пустые поля. Изображения заполняют сетку в том порядке, в котором вы их добавили; если фотографий больше, чем ячеек, лишние просто не используются (с соответствующим уведомлением), а если меньше — оставшиеся ячейки остаются цвета фона. Ничего не загружается на сервер — весь коллаж рисуется локально с помощью Canvas API и никогда не покидает ваше устройство.
Частые вопросы
Что произойдёт, если изображение не соответствует пропорциям ячейки?
Оно масштабируется, чтобы полностью покрыть ячейку (как CSS `object-fit: cover`), затем обрезается по центру для соответствия — изображение всегда заполняет свою ячейку от края до края без искажений или пустых полос-«писем», но любая часть, не соответствующая пропорциям ячейки, обрезается по бокам или сверху/снизу.
Могу ли я использовать другое количество изображений, чем ячеек в сетке?
Да, оба варианта обрабатываются корректно: если изображений меньше, чем ячеек, оставшиеся ячейки просто отображают выбранный вами цвет фона; если изображений больше, чем ячеек, лишние просто игнорируются (с примечанием о том, сколько было пропущено), а не вызывают ошибку — настройте строки×столбцы, чтобы точно соответствовать, если хотите включить каждое изображение.