Як об’єднати фото в одне: макети, розміри, програми

Майже кожен запит на поєднання зображень зводиться до однієї з чотирьох форм. Поруч розміщує від двох до чотирьох зображень в один ряд; так виглядають «до і після», товар у двох кольорах або пара «тоді і зараз». Вертикальний стовпчик розташовує зображення зверху вниз: так п’ять скриншотів довгого чату, чека чи рецепта стають однією високою картинкою, яку зручно гортати на телефоні. Сітка заповнює рядки й стовпці, 2 × 2 для чотирьох кадрів або 3 × 3 для дев’яти, і це класичний колаж. Четверта, менш очевидна форма — одна довга стрічка, яку потім розрізають на слайди.

Про стрічку варто знати, бо саме так роблять безперервні каруселі в Instagram. Три портретні слайди 1080 × 1350 px, поставлені край до краю, утворюють полотно 3240 × 1350 px. Ви створюєте або об’єднуєте зображення по всій стрічці, тож панорама чи об’єкт можуть перетинати межі слайдів, а потім розрізаєте її на три рівні частини за допомогою розрізання фото. Коли хтось гортає, картинка продовжується з одного слайда на інший. У 2024 році Instagram збільшив ліміт каруселі з 10 до 20 слайдів, тож стрічка може бути значно довшою, ніж раніше.

Обрати форму спочатку важливо, бо вона визначає, який край мають спільно використовувати всі зображення. Ряду потрібна одна висота, стовпчику — одна ширина, а сітці — один розмір комірки, тобто зазвичай одне співвідношення сторін. Вона також визначає, наскільки великим буде файл: ряд росте в ширину з кожним доданим зображенням, стовпчик — у висоту, а сітка — в обидва боки. Картки нижче показують пропорції типового результату для кожного макета, щоб ви могли уявити підсумкове полотно ще до початку роботи.

Фото з різних джерел майже ніколи не мають однакового розміру. Фото з iPhone має 4032 × 3024 px, скриншот з того самого телефона може мати 1179 × 2556 px, а зображення, збережене з сайту, — 800 × 600 px. Якщо покласти їх поруч без змін, вийде нерівний край, крихітна картинка біля величезної та білі або чорні смуги в проміжках. Рішення — масштабувати кожне зображення так, щоб спільний край був однаковим: для ряду змініть розмір кожного до однакової висоти, наприклад 1080 px; для стовпчика — до однакової ширини, наприклад 1080 або 1179 px.

Коли відрізняється ще й форма, самого масштабування замало. Портретне й альбомне фото з однаковою висотою все одно мають дуже різну ширину, і це виглядає неврівноважено в «до і після». Спершу обріжте обидва до однакових пропорцій, безпечний вибір — 4:5 або 1:1, а тоді вирівняйте розмір. У нашому посібнику про обрізання фото до потрібних пропорцій розповідається, як вибрати пропорції й залишити об’єкт по центру. Щоб просто масштабувати до точної кількості пікселів, змініть розмір зображення перед об’єднанням або дозвольте зробити це інструменту об’єднання.

Завжди зменшуйте до найменшого зображення, а не збільшуйте до найбільшого. Стиснення фото 4032 px до 1080 px зберігає різкість; розтягування скриншота 600 px до 1080 px розмиває кожну літеру, і нечітка картинка вирізняється поруч із різкими сусідами. В інструменті об’єднання фото параметр Вирівняти розміри зі значенням Авто задає ряду одну висоту, а стовпчику — одну ширину, а Найменший гарантує, що нічого не буде збільшено.

Проміжок між зображеннями — це порожній простір між ними. Нуль ставить їх край до краю, що підходить для стрічки каруселі або довгого скриншота, де стик має зникнути. Тонкий проміжок 10–20 px на картинці 1080 px, приблизно 1–2% її ширини, сприймається як свідома лінія й робить сітку охайною. Зробіть зовнішню рамку такою самою, як проміжок, щоб краї виглядали рівно. Проміжок і рамка беруть колір тла: білий виглядає чисто в більшості стрічок, чорний пасує темним фото й нічним кадрам, а світло-сірий, як-от #F2F2F2, пом’якшує сітку, не нагадуючи порожню сторінку.

Розмір результату — проста арифметика, і він зростає швидше, ніж очікують. Чотири фото з телефона по 4032 px поруч утворюють картинку шириною понад 16 000 px, значно більшу, ніж показує будь-який екран, і більшу, ніж приймають багато застосунків. Для надсилання в чаті, електронною поштою чи в соцмережах тримайте готову ширину в межах 4000 px; для більшості телефонів цілком вистачає 2048 px, а 1080 px відповідає Instagram. Месенджери все одно повторно стискають великі зображення, тож оригінал розумного розміру переживає стиснення краще, ніж гігантський.

Формат залежить від того, що на зображеннях. Скриншоти, діаграми й усе з текстом краще зберігати в PNG, який стискає без втрат і зберігає чіткість літер. Фото краще в JPG з якістю 80–85: він виглядає ідентично до джерела за значно меншого розміру. Високий PNG із фото легко сягає 20 MB і більше, а той самий стовпчик у JPG зазвичай займає кілька мегабайтів. Пам’ятайте, що JPG не підтримує прозорості, тож прозорий проміжок стає білим, а ще JPEG має жорсткий ліміт 65 535 px з будь-якого боку, що важливо лише для дуже довгих стовпчиків.

У застосунку «Фото» на iPhone немає колажів чи об’єднання, але є застосунок «Команди» (Shortcuts). Його дія Combine Images поєднує будь-яку кількість вибраних фото горизонтально, вертикально або сіткою із заданим відступом у пікселях; наступна дія Save to Photo Album додає результат до вашої медіатеки. «Команди» вбудовані в iOS починаючи з iOS 13, а на Mac з’явилися разом із macOS Monterey у 2021 році, тож та сама команда працює на обох. На Android у Google Photos серед інструментів створення є Колаж із готовими шаблонами для кількох зображень, а в Samsung Gallery є Створити → Колаж для двох–шести зображень.

На комп’ютері доведеться трохи імпровізувати. У Windows Paint можна збільшити полотно, вставити друге зображення й перетягнути його на місце: це працює для двох зображень, але точно вирівняти складно. PowerPoint точніший: задайте власний розмір слайда, розмістіть зображення за допомогою інструментів вирівнювання, а потім експортуйте слайд як PNG або JPG. macOS Preview добре змінює розмір зображень у меню Tools → Adjust Size, але не вміє розширювати полотно чи поєднувати файли, тож на Mac скористайтеся дією «Команд», Keynote або інструментом у браузері. Canva та браузерні інструменти об’єднання дають точний контроль над проміжками, тлом і розміром результату.

Зшивання скриншотів — це вертикальний стовпчик з однією додатковою проблемою: перекриттям. Коли ви прокручуєте й знімаєте знову, низ одного кадру зазвичай повторюється вгорі наступного, тож простий стовпчик показує те саме повідомлення чи рядок двічі. Перед об’єднанням обріжте повторювану смугу зверху кожного наступного скриншота, залишивши один–два рядки контексту, щоб читач бачив стик. Android 12 і новіші можуть робити скриншот із прокруткою напряму через Capture more, а Safari на iPhone зберігає знімок усієї сторінки як PDF, але ні те, ні інше не працює в кожному застосунку, тож ручне зшивання лишається звичним способом для чатів і екранів застосунків.

Порівняльні зображення підпорядковуються суворішим правилам, ніж колажі, бо глядач оцінює різницю. Знімайте або обрізайте обидва зображення з однаковим кадруванням, однаковими пропорціями й, за можливості, однаковим освітленням, а потім об’єднайте їх поруч в однаковій висоті з невеликим проміжком або без нього. Ставте «до» ліворуч, бо читають зліва направо, а підписи додавайте, лише якщо платформа дозволяє текст на зображеннях. Маркетплейси часто обмежують головне фото оголошення; наприклад, Amazon вимагає один товар на чисто білому тлі, тож порівняльні композиції варто розміщувати у додаткових слотах для зображень.

Фото з телефона містять метадані EXIF: модель камери, дату й час, а часто й точні GPS-координати місця, де зроблено кожен знімок. Об’єднане зображення — це новий файл, намальований на чистому полотні, і більшість інструментів для об’єднання не копіюють у нього EXIF вихідних фото. Зазвичай це саме те, що потрібно перед публікацією колажу з вашим будинком чи дитячою школою. Проте не покладайтеся на це наперед. Перегляньте результат у вікні «Відомості» чи «Властивості» файлу, а на iPhone проведіть по фото вгору, і перевірте, чи немає геолокації, перш ніж ділитися ним публічно.

Друк змінює мету: замість пікселів на екрані важливі пікселі на дюйм. Фотолабораторії друкують із роздільністю 300 dpi, тож для відбитка 4 × 6 дюймів потрібно 1200 × 1800 px, а для 5 × 7 дюймів — 1500 × 2100 px. Аркуш A4 при 300 dpi має 2480 × 3508 px, а US Letter — 2550 × 3300 px. Створіть колаж у цих розмірах із проміжком 20–30 px, щоб фото візуально не торкалися одне одного, і залиште кілька міліметрів поля, бо лабораторії трохи обрізають краї.

Перед об’єднанням підберіть сітку під пропорції паперу, інакше фотолабораторія обріже зображення або додасть поля, щоб воно вмістилося в аркуш. Відбиток 4 × 6 має пропорції 2:3, тому сітка з 2 стовпців і 3 рядків квадратних фото заповнює його точно, а сітка 3 × 3 із квадратів залишає смуги вгорі та внизу. Якщо колаж призначений для порталу чи електронного листа, а не для друку, зменште розмір зображення в KB після об’єднання, а не до нього.

Більшість невдалих об’єднань псується кількома передбачуваними способами, і майже всі вони зводяться до пропущеного кроку з розмірами. Ряд фото різної висоти змушує інструмент або залишити смуги, або щось розтягнути; збільшений знімок екрана розмивається; стопка, збережена в неправильному форматі, стає надто важкою, щоб її надіслати чи прикріпити. Для виправлення не потрібні спеціальні програми, лише повторний прохід із правильним налаштуванням і хвилина на перевірку результату.

Перевіряйте готове зображення в масштабі 100%, а не лише як мініатюру, перш ніж ділитися ним. Подивіться на стики, найдрібніший текст і розмір файлу у файловому менеджері. Якщо створення фотосітки чи будь-який інший інструмент дав завеликий результат, спершу зменште ширину, а не якість JPG: удвічі менша ширина скорочує файл приблизно вчетверо, а чіткість за звичайного перегляду зберігається. Знижуйте якість нижче 80, лише якщо ширина вже така, як вам потрібно.