Как склеить фото рядом и не потерять резкость
Какую раскладку выбрать, почему из-за разной высоты получается уродливый стык и какие настройки отступов и формата сохраняют коллаж резким.
Две фотографии, один файл. Звучит как самая простая правка на свете, и обычно так и есть — до того момента, когда выясняется, что картинки разной высоты, а результат похож на записку из вырезанных букв.
Почти вся морока со склейкой держится на трёх настройках, про которые нигде не пишут: как приводятся размеры, какой зазор остаётся между картинками и чем заполняется всё лишнее. Разберитесь с ними, и останется только нажать «Скачать». Инструмент Объединение изображений делает это целиком в браузере, ничего никуда не отправляя.
Раскладку выбирают по задаче, а не по красоте
Ряд — для сравнения. «До и после», два образца краски, одна комната с двух точек: глаз читает слева направо и сравнивает, что и требуется.
Столбец — для последовательностей. Длинная переписка, разрезанная на три скриншота, чек, снятый двумя кадрами, пошаговая инструкция. Поставьте их друг под другом, и всё читается сверху вниз как одна высокая страница.
Сетка — для наборов, где нет главного кадра: четыре фото товара, мудборд, девять кадров с одной съёмки. Два столбца по две картинки смотрятся спокойно. Три в ряд уже напоминают контрольный лист с плёнки — годится, если именно это и нужно.
Разная высота и портит всё дело
Вот где чаще всего спотыкаются. Скриншот с iPhone — это 1290 × 2796 пикселей. Фотография с камеры того же телефона — 4032 × 3024. Поставьте их в ряд с исходными размерами, и холст выйдет 5322 × 3024: высоты хватает для фото, а над скриншотом и под ним остаётся по 114 пикселей мёртвого фона. Выглядит как ошибка, потому что это она и есть.
Переключите режим размеров на «по минимальной» — и фото пересчитается в 3728 × 2796. Теперь обе картинки ровно 2796 пикселей высотой, края сходятся вплотную, и оправдываться за остатки фона не придётся.
Режим «по максимальной» тоже работает, и его цена понятна, если произнести вслух: скриншот растянется с 2796 до 3024 пикселей, прибавив 8% размера и ноль деталей. Увеличение выдумывает пиксели. Уменьшение просто часть выбрасывает, и глаз прощает это куда охотнее. Сомневаетесь — приводите к меньшей.
Режим «как есть» нужен тогда, когда исходники уже совпадают: два кадра с одной камеры, две обрезки одинакового размера. Тогда пересчёта нет вообще и каждый пиксель доезжает до результата целым.
Нулевой зазор — это тоже настройка
Если вы собираете обратно то, что было разрезано, — скриншот из двух частей, половинки панорамы, — поставьте и зазор, и рамку на 0. Картинки встанут край в край, и ни один пиксель фона в результат не попадёт. Обычно дефолтный зазор так и оставляют, а потом удивляются тонкой полоске, пересекающей панораму.
А когда зазор нужен, цвет стоит выбрать осознанно. Белый хорош на белой странице и выглядит браком на тёмной. Для PNG и WebP можно вместо цвета поставить галочку «прозрачный» и пустить сквозь картинку то, что лежит под ней.
PNG для краёв, JPG для фотографий
Два склеенных скриншота в PNG остаются пиксель в пиксель: текст такой же резкий, каким был. Та же пара в JPG получает вокруг букв бледные серые ореолы — JPEG всегда так обходится с резкими границами.
С фотографиями расчёт обратный. Склеенная пара кадров с камеры может весить 14 МБ в PNG и 1,4 МБ в JPG на качестве 92, и отличить их рядом будет непросто. WebP обычно экономит ещё 20–30% и при этом умеет прозрачность — это стоит держать в голове.
Один потолок, про который надо знать
Браузер не выделит холст любого размера. Шесть фото 4032 × 3024 в один ряд потребовали бы 24 192 пикселя ширины и 73 мегапикселя памяти, поэтому инструмент держит результат в пределах 12 000 пикселей по стороне и примерно 60 мегапикселей, а при выходе за эту границу пропорционально уменьшает весь коллаж. В строке статуса видно, что это случилось. Перекладывание в сетку снимает ограничение по стороне, но не по площади: четыре таких фото сеткой 2 × 2 дают 8064 × 6048, то есть 49 МП, и проходят спокойно, а шесть не пройдут ни в какой раскладке. Если нужен каждый пиксель, склеивайте парами и соединяйте результаты.
Добавьте свои картинки в Объединение изображений, выберите раскладку и посмотрите на предпросмотр: это и есть итоговый холст, так что скачается ровно то, что вы видите.