Як перетворити квадратну обкладинку на фон трансляції 16:9

Обкладинки альбомів і подкастів квадратні, а кадр прямої трансляції — 16:9 або 9:16, якщо ви стримите вертикально. Розміщена на всю висоту в кадрі 1920×1080, квадратна обкладинка займає 1080×1080 і залишає 840 пікселів порожньої ширини, тож вам потрібен план для боків. Є чотири надійні варіанти: розмитий фон, кольорове поле, нова сцена з вирізаних об'єктів і розширення за допомогою ШІ. Правильний вибір залежить від того, як довго глядачі дивитимуться на результат.

У музичній чи подкаст-трансляції 24/7 глядачі дивляться годинами. У цьому посібнику ми покажемо математику цієї невідповідності, як кожен варіант виглядає на екрані і як створити один набір матеріалів, що підходить і для горизонтальних, і для вертикальних трансляцій.

Головне

• Квадратне зображення на всю висоту покриває лише 56,25% кадру 16:9. Якщо обрізати його до 16:9, ви втратите ті самі 43,75% зображення.
• Ніколи не розтягуйте обкладинку, щоб заповнити кадр. Зображення 1:1, розтягнуте до 16:9, спотворюється в 1,78 раза, і це одразу впадає в око.
• Нова композиція з вирізаних об'єктів дає найбільше корисного простору: об'єкт з одного боку, інформація про трек чи епізод — з іншого.
• Робіть горизонтальну й вертикальну версії з тих самих вирізок і тримайте їх в окремих плейлистах з однаковими налаштуваннями.

Чому квадратна обкладинка не вписується в кадр трансляції?

Бо форми різні, і жодне налаштування цього не виправить. Подкаст-застосунки та музичні сервіси хочуть квадратні обкладинки: Apple Podcasts, наприклад, рекомендує 3000×3000 пікселів для обкладинки шоу. Трансляція на YouTube чи Twitch має формат 16:9, зазвичай 1920×1080, а вертикальна трансляція в TikTok LIVE чи у стилі YouTube Shorts — 9:16, зазвичай 1080×1920.

Ось що відбувається, коли ви вставляєте квадратну обкладинку в кожен із цих кадрів:

У будь-якому разі 43,75% кадру порожні. Обидва швидкі способи не працюють. Розтягування квадрата на весь кадр спотворює обличчя й шрифти в 1,78 раза. Обрізання квадрата до 16:9 зберігає всю ширину, але відрізає 43,75% висоти, а з нею зазвичай голову виконавця чи назву шоу.

Варіант 1: розмитий фон

Розмістіть обкладинку в центрі на всю висоту, а позаду неї — збільшену й сильно розмиту копію того самого зображення, яка заповнить боки. Будь-який відеоредактор зробить це за хвилину, і кольори завжди збігатимуться з обкладинкою.

Мінус у тому, що це виглядає як відео з телефона, викладене на широкоекранний сайт. Для завантаження окремого епізоду це нормально, але в трансляції 24/7 розмиті боки стають найбільш переглядуваною частиною вашого каналу й нічого йому не додають.

Коли використовувати: вам потрібен результат уже сьогодні або ви чергуєте в одному плейлисті багато різних обкладинок.

Варіант 2: кольорове поле

Заповніть кадр одним суцільним кольором, взятим з обкладинки, і розмістіть квадратну обкладинку з одного боку, а не по центру. Тепер порожній бік має призначення: на ньому назва шоу, назва епізоду чи треку й короткий рядок на кшталт «нові епізоди щовівторка».

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

Коли використовувати: у вашої обкладинки є яскравий основний колір і вам потрібне місце для тексту.

Варіант 3: нова сцена з вирізаних об'єктів

Цей варіант потребує найбільше роботи, але дає найкращий результат для цілодобової трансляції. Замість того щоб сприймати обкладинку як один плаский квадрат, ви вирізаєте з неї головний об'єкт (виконавця, ведучого, персонажа чи предмет з обкладинки) і будуєте навколо нього широку сцену.

1. Починайте з оригінальних файлів, а не з готової обкладинки. Фото виконавця чи ілюстрація, з яких зробили обкладинку, зазвичай мають більше простору навколо й не містять вбудованого тексту назви. Попросіть їх у дизайнера чи фотографа, якщо є можливість.
2. Виріжте об'єкт. Пропустіть фото через ШІ-засіб для видалення фону, наприклад remover.bg, і завантажте результат як прозорий PNG. Волосся, хутро та інші тонкі краї чисто обробляються за один прохід — саме це потрібно, коли об'єкт буде на екрані годинами.
3. Створіть новий фон у повному розмірі кадру. Використайте колір з обкладинки, градієнт між двома її кольорами або текстуру чи фото, що пасує до настрою. Створіть його в 1920×1080 для горизонтальної трансляції та 1080×1920 для вертикальної.
4. Розмістіть об'єкт на всю висоту з одного боку. У кадрі 16:9 об'єкт може займати приблизно ліву чи праву третину. На іншому боці — назва й текст «зараз грає».
5. За бажання додайте саму обкладинку як невеликий елемент. Маленький квадрат оригінальної обкладинки поруч із назвою треку підкаже постійним слухачам, що вони там, де треба.
6. Зведіть шари й відрендеріть. Відео не підтримує прозорість, тож готовий кадр експортується як звичайне зображення або рендериться безпосередньо у ваш відеофайл.

Та сама вирізка працює для будь-якого формату. Для вертикальної версії розташуйте елементи один над одним: об'єкт у верхній частині кадру, назва під ним, а нижню частину залиште вільною для кнопок і підписів самої платформи.

Якщо ви також створюєте саму квадратну обкладинку, наш посібник про обкладинки для подкастів, що залишаються читабельними в малому розмірі, розповідає про стиль із вирізаним ведучим, який добре працює в подкаст-застосунках.

Коли використовувати: трансляція — головний продукт вашого каналу й працюватиме тижнями чи місяцями.

Варіант 4: розширення за допомогою ШІ

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

Перевіряйте кожен розширений кадр у повному розмірі, перш ніж його використовувати, і спершу запитайте автора оригіналу, якщо обкладинка не ваша. Лейбл чи ілюстратор можуть не хотіти, щоб їхню роботу розширювала програма.

Коли використовувати: обкладинка — це сцена (пейзаж, кімната, панорама міста), а не портрет, і ви маєте право її змінювати.

Як зберегти картинку живою в трансляції 24/7

Один нерухомий кадр, що транслюється годинами, може здаватися застиглим. Невеликий повільний рух допомагає глядачам повірити, що трансляція справді наживо, і коштує він дуже мало:

• Повільне панорамування чи наближення фону — настільки повільне, що його майже не помітно.
• Звукова хвиля чи спектр під назвою для музики й подкастів.
• Атмосферний рух в одній частині сцени: дощ на вікні, пара з чашки, мерехтливе світло.
• Назва треку чи епізоду, вбудована в кожне відео, щоб вона змінювалася, коли плейлист переходить далі.

Робіть рух ледь помітним і чисто зациклюйте його. Посібник StreamHouse про створення lofi музичної трансляції 24/7 розповідає про тривалість петлі, а стаття про перетворення подкасту на відеотрансляцію 24/7 — про поєднання аудіоепізодів із візуалом.

Горизонтальна й вертикальна версії з одного набору матеріалів

Якщо ви одночасно стримите на YouTube чи Twitch і в TikTok LIVE, вам потрібні дві версії кожного візуалу. Якщо створювати їх з тих самих вирізок, вони залишаються узгодженими:

1. Зберігайте вирізаний об'єкт, фон і текст як окремі шари чи файли.
2. Скомпонуйте версію 16:9, розташувавши елементи поруч.
3. Скомпонуйте версію 9:16 з тими самими елементами один над одним.
4. Рендеріть кожну версію з одним пресетом експорту для кожної орієнтації.

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

Поширені запитання

Якого розміру має бути фон трансляції?

Відповідно до роздільної здатності трансляції: 1920×1080 для горизонтальної трансляції 1080p, 3840×2160 для 4K і 1080×1920 для вертикальної трансляції.

Чи можна просто розтягнути обкладинку альбому до 16:9?

Ні. Квадратне зображення, розтягнуте до 16:9, розширюється в 1,78 раза, що спотворює обличчя, логотипи й текст. Натомість використайте розмитий фон, кольорове поле або нову сцену з вирізок.

Яку частину кадру 16:9 покриває квадратне зображення?

На всю висоту квадрат покриває 56,25% кадру 16:9. У кадрі 1920×1080 це 1080×1080 пікселів, і залишається 840 пікселів ширини, які треба заповнити.

Чи потрібен прозорий PNG для фону трансляції?

Лише для шарів, які ви накладаєте. Вирізаний об'єкт має бути прозорим PNG, щоб чисто лягти на новий фон, але готовий кадр зводиться в один шар під час рендеру відео, бо відеофайли не зберігають прозорість.

Чи можна використовувати чужу обкладинку альбому у своїй трансляції?

Лише з дозволу. Обкладинка захищена авторським правом, як і будь-який інший твір. Використовуйте графіку, яка належить вам, яку ви замовили чи ліцензували для трансляцій, і питайте дозволу, перш ніж розширювати чи редагувати чужу роботу.

---

Про автора: цей посібник написала команда remover.bg — ШІ-засобу для видалення фону у вебі та на мобільних пристроях, який перетворює фото на прозорі PNG для візуалу трансляцій, мініатюр і обкладинок.