OBS guide
Browser source settings for a banner.
A few Browser source settings decide how sharp and smooth the banner looks on stream.
Size
Set the width and height the generator gives you. In FACEIT Banner Studio, AUTO fits the banner to the source window and Recommended gives the layout’s design size.
FPS
The default 30 FPS is enough for static layouts. For animated layouts (for example Ticker or Reel) set 60 FPS for smoother motion.
Transparency
The widget has a transparent background. Keep the default custom CSS of the OBS Browser source and do not add a background colour.
SmoothWizard Gain FPS with one click Frequently asked questions
How do I add a banner to OBS?
Add a Browser source, paste the link from the generator into the URL field and set the width and height shown by the generator. No plugins are needed.
Is the banner transparent in OBS?
Yes. The widget has a transparent background and the default custom CSS of the OBS Browser source does not break it. You do not need to change anything.
What size should the Browser source be?
The size the generator shows next to the link. In AUTO mode in FACEIT Banner Studio the banner adapts to the size of the source window.
See also