Blog StreamHousenakładki na stream

Jak dodać logo i nakładki do transmisji 24/7 bez OBS

Transmisja z chmury odtwarza plik dokładnie tak, jak go wgrałeś, więc logo czy karta „teraz gramy” muszą znaleźć się w samym wideo. Oto jak przygotować czyste nakładki jako przezroczyste PNG i wtopić je w płynną pętlę 24/7.

Około 9 min czytania

Na tej stronie
Ciemny pokój z lampką i oknem w niebieskim świetle, z półprzezroczystym logo Night Shift Radio w górnym rogu i kartą „teraz gramy” w lewym dolnym rogu

Kiedy streamujesz nagrane wcześniej wideo z chmury, usługa odtwarza plik dokładnie tak, jak go wgrałeś. Nie ma nad nim żadnej sceny z OBS. Żeby pokazać na transmisji 24/7 logo, kartę „teraz gramy” albo postać, musisz umieścić te grafiki w wideo jeszcze przed wgraniem. Najczystszy sposób to ułożenie przezroczystych plików PNG na ścieżkach w edytorze wideo i wyrenderowanie wszystkiego do jednego pliku głównego.

W tym poradniku wyjaśniamy, jakich grafik naprawdę potrzebuje kanał działający bez przerwy, jak zamienić logo lub zdjęcie w czysty przezroczysty PNG, jak wtopić je w pętlę, nie psując miejsca łączenia, i jakie błędy sprawiają, że nakładki wyglądają tanio na ciemnej scenie lo-fi.

Najważniejsze informacje

  • Odtwarzanie z chmury streamuje dokładnie ten plik, który wgrasz, więc logo i nakładki trzeba wyrenderować w samym wideo.
  • Każdą nakładkę zapisuj jako PNG z przezroczystym tłem. JPG nie obsługuje przezroczystości i zawsze trafia na ekran jako pełny prostokąt.
  • Projektuj nakładki na płótnie o rozdzielczości transmisji, a każde wideo z playlisty renderuj w tej samej rozdzielczości, orientacji i liczbie klatek na sekundę.
  • Statyczne nakładki muszą obejmować klip od pierwszej do ostatniej klatki, a animowane powinny mieć cykl, który dzieli długość pętli bez reszty.

Dlaczego nakładki muszą być w samym pliku wideo?

Bo między twoim plikiem a widzem nie ma niczego, co mogłoby je dodać. W tradycyjnym układzie OBS łączy wideo, kamerkę, logo i alerty na twoim komputerze, a potem wysyła gotowy obraz na YouTube albo Twitch. Usługa chmurowa odtwarzająca nagrane wideo zastępuje ten komputer. StreamHouse na przykład nie ma studia w przeglądarce ani edytora wideo i prosi, żeby wszystkie zmiany przygotować przed wgraniem. Nie dodaje też własnego znaku wodnego, więc jedyny branding na twojej transmisji to ten, który sam tam umieścisz.

Brzmi to jak ograniczenie, ale ma dwa przydatne skutki uboczne. Po pierwsze, nakładka wygląda identycznie w każdym miejscu, do którego multistreamujesz, bo każda platforma dostaje ten sam wyrenderowany obraz. Po drugie, każde wideo na playliście może mieć własną nakładkę. Kanał muzyczny może wtopić tytuł utworu w każdy plik, więc karta „teraz gramy” zmienia się sama, gdy playlista przechodzi do następnego wideo. W OBS ten sam efekt wymaga wtyczek albo ręcznego przełączania scen.

Jeśli przechodzisz z konfiguracji opartej na enkoderze, poradnik StreamHouse o przejściu z OBS na streaming w chmurze omawia resztę zmian.

Czym jest przezroczysty PNG i dlaczego potrzebuje go każda nakładka?

Przezroczysty PNG to plik graficzny z kanałem alfa, czyli wartością zapisaną dla każdego piksela, która mówi programowi, na ile ten piksel jest przezroczysty. Tam, gdzie alfa wynosi zero, wideo pod spodem jest w pełni widoczne. Na miękkich krawędziach, takich jak włosy czy łagodne łuki logo, częściowa alfa wtapia grafikę w scenę, dzięki czemu nie wygląda na doklejoną.

JPG nie potrafi zapisać kanału alfa. Logo zapisane jako JPG zawsze przynosi ze sobą prostokąt koloru tła, zwykle białego, a ten prostokąt pojawia się na transmisji jako ramka. WebP też obsługuje przezroczystość, ale nie każdy edytor wideo go importuje, więc na ścieżki z nakładkami bezpiecznym wyborem jest PNG.

To samo logo Night Shift Radio na tle ciemnego pokoju: po lewej zapisane jako JPG z białą ramką dookoła, po prawej jako przezroczysty PNG

DaVinci Resolve, Adobe Premiere Pro, CapCut i Shotcut respektują przezroczystość PNG, gdy umieścisz obraz na ścieżce nad wideo.

Jakich grafik potrzebuje transmisja 24/7?

Większości kanałów działających non stop wystarczy krótka lista. Zrób każdą grafikę raz, w pełnej jakości, i używaj jej we wszystkich filmach:

  1. Logo w rogu. Nadawcy nazywają je „bugiem”: to mały, często półprzezroczysty znak w jednym z rogów, który mówi przypadkowym widzom, czyj kanał oglądają.
  2. Karta „teraz gramy” lub belka (lower third). Tytuł utworu i wykonawca na kanałach muzycznych, nazwa odcinka w podcastach, nazwa gry lub rozdziału w powtórkach.
  3. Wycięta postać lub prowadzący. Ilustrowana postać, maskotka albo zdjęcie prowadzącego, które leży na zapętlonym tle.
  4. Karta z wezwaniem do działania. Nazwa kanału, krótkie „subskrybuj” albo nazwa profilu w social mediach. Pokazuj ją od czasu do czasu; karta, która nigdy nie znika z ekranu, zamienia się w tapetę.
  5. Miniatura. To nie nakładka, ale powstaje z tych samych wycinków, więc warto zrobić ją za jednym zamachem.

Jak zrobić czyste nakładki z logo lub zdjęcia

  1. Zacznij od najlepszego źródła, jakie masz. Jeśli logo istnieje jako plik projektowy (SVG, Illustrator, Figma), wyeksportuj z niego PNG z przezroczystym tłem. To zawsze daje czystszy efekt niż wycinanie go ze spłaszczonego obrazu. Przy zdjęciu prowadzącego, maskotce-zwierzaku czy produkcie użyj oryginalnego pliku z aparatu, a nie zrzutu ekranu czy pliku pobranego z social mediów.
  2. Usuń tło, jeśli źródło je ma. Gdy masz tylko logo na białym JPG albo zdjęcie zrobione na tle ściany, przepuść je przez narzędzie AI do usuwania tła, takie jak remover.bg, i pobierz wynik jako przezroczysty PNG. Włosy, sierść i inne drobne krawędzie wychodzą czysto za jednym podejściem, a właśnie tam ręczne wycinanie najczęściej się sypie. Problemy typowe dla logo, takie jak cienkie linie i drobny tekst, omawia ten poradnik o usuwaniu tła z logo.
  3. Sprawdź krawędzie na ciemnym tle. Sceny lo-fi, ambient i gamingowe są w większości ciemne, a delikatna jasna obwódka niewidoczna na białym tle staje się wyraźną poświatą. Połóż PNG na czarnej warstwie i powiększ do 200%, zanim pójdziesz dalej. Poświatę popraw w obrazie źródłowym; zmniejszenie nakładki ukrywa ją tylko na chwilę.
  4. Umieść grafikę na płótnie w rozmiarze transmisji. Utwórz przezroczyste płótno w rozdzielczości wyjściowej (1920×1080 dla 1080p, 3840×2160 dla 4K, 1080×1920 dla transmisji pionowej) i ustaw na nim grafikę. PNG w pełnym kadrze ustawia się idealnie, gdy wrzucisz go do edytora, bez skalowania na osi czasu.
  5. Zostaw margines bezpieczeństwa. Platformy rysują na twoim obrazie własny interfejs, na przykład elementy sterowania odtwarzaczem na dole w YouTube oraz przyciski i napisy po prawej stronie i na dole w TikToku. Trzymaj logo i tekst z dala od samych krawędzi, żeby interfejs ich nie zasłaniał.
  6. Eksportuj jako PNG z czytelnymi nazwami plików. Nazwy takie jak logo-bug-1080p.png i nowplaying-track-04.png oszczędzą ci sporo zgadywania, gdy za kilka miesięcy będziesz odbudowywać playlistę.

Jak wtopić nakładki w płynną pętlę

Większość kanałów 24/7 zapętla klip w tle albo playlistę, więc nakładka musi przetrwać moment, w którym wideo zaczyna się od nowa. W edytorze:

  1. Umieść wideo tła na najniższej ścieżce, a każdy PNG na ścieżce nad nim.
  2. Ustaw krycie logo. Wiele kanałów pokazuje logo w rogu jako częściowo przezroczyste, żeby nie konkurowało ze sceną.
  3. Rozciągnij statyczne nakładki na cały klip. Logo powinno zaczynać się na pierwszej klatce i kończyć na ostatniej. Jeśli pojawi się kilka klatek za późno albo zniknie za wcześnie, widzowie zobaczą, jak mruga przy każdym restarcie pętli.
  4. Dopasuj cykle animacji do długości pętli. Powolne pulsowanie powtarzane co 4 sekundy w 60-sekundowej pętli wykona się dokładnie 15 razy i czysto trafi w miejsce łączenia. Pulsowanie co 7 sekund już nie, a skok będzie widoczny.
  5. Renderuj każdy plik z jednym presetem eksportu. StreamHouse wymaga, żeby filmy na playliście miały zgodną rozdzielczość, orientację i liczbę klatek na sekundę, więc wybierz jeden preset (na przykład H.264 MP4 w 1920×1080 i 30 fps) i używaj go dla każdego wideo na playliście.
  6. Obejrzyj miejsce łączenia przed wgraniem. Odtwórz ostatnie pięć sekund i pierwsze pięć sekund jedno po drugim. Jeśli coś skacze, popraw to teraz, a nie na żywo.
Oś czasu edytora z zapętlonym wideo z deszczem na ścieżce V1 oraz nakładkami PNG z logo i kartą „teraz gramy” na ścieżkach V2 i V3, każda od pierwszej do ostatniej klatki

Przy długiej playliście, w której każde wideo ma własną kartę „teraz gramy”, zapisz projekt w edytorze jako szablon i między renderami podmieniaj tylko tekst i dźwięk. Zauważyłeś literówkę już po starcie transmisji? Wyrenderuj plik ponownie i podmień go na playliście: StreamHouse pozwala dodawać, usuwać i zmieniać kolejność przygotowanych filmów podczas obsługiwanych transmisji w trybie live-queue.

Miniatury: te same wycinki, inne zadanie

Przy transmisji 24/7 miniatura działa jak szyld sklepu. To ją ludzie widzą w wyszukiwarce i rekomendacjach, zanim zdecydują się wejść, i jest wyświetlana w małym rozmiarze. Obiekt wycięty z oryginalnego tła i umieszczony na mocnym, jednolitym kolorze dobrze się czyta w takim rozmiarze, więc wycinki przygotowane do nakładek zwykle dają też najmocniejsze miniatury.

Przed eksportem sprawdź aktualne wymagania. Strona pomocy YouTube dotycząca miniatur zaleca obecnie 3840×2160 pikseli w proporcjach 16:9, z minimalną szerokością 640 pikseli, w formacie JPG lub PNG. Kroki specyficzne dla transmisji na żywo StreamHouse opisuje w poradniku jak dodać własną miniaturę do transmisji na żywo w YouTube.

Typowe błędy z nakładkami na transmisjach 24/7

  • Biała ramka. Logo zostało gdzieś po drodze zapisane jako JPG. Wyeksportuj je ponownie jako PNG i sprawdź, czy edytor pokazuje szachownicę albo wideo pod spodem.
  • Poświata. Jasna obwódka wokół wycinka na ciemnej scenie. Wytnij go ponownie z lepszego źródła i sprawdź na czarnym tle przed renderowaniem.
  • Rozmyte grafiki. Nakładka powstała w małym rozmiarze i została powiększona na osi czasu. Zamiast tego twórz ją w pełnej rozdzielczości transmisji.
  • Za mały tekst na telefony. Jeśli nie jesteś w stanie przeczytać belki na własnym telefonie trzymanym w wyciągniętej ręce, twoi widzowie też nie.
  • Mrugnięcie w punkcie pętli. Nakładka, która nie obejmuje klipu od pierwszej do ostatniej klatki.
  • Grafika, do której nie masz praw. Postać albo logo należące do kogoś innego może sprawić, że transmisja zostanie oznaczona lub usunięta. Używaj grafik, które sam stworzyłeś, zamówiłeś albo licencjonowałeś do takiego użytku.

Składamy wszystko w całość ze StreamHouse

Gdy pliki główne są już wyrenderowane, reszta to zwykły proces w chmurze: wgraj filmy, ułóż je w playlistę, włącz zapętlanie i wybierz miejsca docelowe. Ponieważ nakładki są częścią obrazu, każda platforma, do której multistreamujesz, pokazuje tę samą transmisję z twoim brandingiem, a twój komputer może pozostać wyłączony. Jeśli to twój pierwszy kanał, przewodnik na start przeprowadzi cię przez każdy krok.

Najczęściej zadawane pytania

Czy mogę dodać logo do transmisji 24/7 bez OBS?

Tak. Wyrenderuj logo w wideo w edytorze, zanim je wgrasz. Usługi odtwarzania z chmury streamują plik w takiej postaci, w jakiej jest, więc logo wtopione w wideo pojawia się w każdym miejscu docelowym przez cały czas odtwarzania tego wideo.

Czy StreamHouse dodaje własny znak wodny?

Nie. StreamHouse deklaruje, że transmisje są bez znaku wodnego w każdym planie, również darmowym, więc jedyny branding na ekranie to ten, który dodasz sam.

W jakim formacie powinna być nakładka na stream?

PNG z przezroczystym tłem. JPG nie potrafi zapisać przezroczystości, a WebP, choć ją obsługuje, nie jest importowany przez każdy edytor wideo.

Jaki rozmiar powinna mieć nakładka na stream?

Twórz ją na płótnie zgodnym z rozdzielczością transmisji: 1920×1080 dla 1080p, 3840×2160 dla 4K albo 1080×1920 dla transmisji pionowych. Nakładki w pełnym kadrze ustawiają się bez skalowania i pozostają ostre.

Czy mogę zmienić nakładkę w trakcie transmisji na żywo?

Nie w wideo, które już jest odtwarzane, bo nakładka jest częścią pliku. Wyrenderuj wideo ponownie z nową nakładką i podmień je na playliście; StreamHouse pozwala dodawać, usuwać i zmieniać kolejność przygotowanych filmów podczas obsługiwanych transmisji w trybie live-queue.


O autorze: ten poradnik przygotował zespół remover.bg, narzędzia AI do usuwania tła w przeglądarce i na urządzeniach mobilnych, które zamienia zdjęcia i logo w przezroczyste pliki PNG do miniatur, nakładek i zdjęć produktów.