Keep this tab open while you stream: the link mirrors this stage, including mic and face tracking. Paste it into OBS → Sources → Browser (width 720, height 900).
Put your PNGTuber in TikTok Live Studio in 3 steps
This uses Window Capture plus a green screen, which works in any version of Live Studio. It takes about two minutes.
- 1
Get the PNGTuber ready in its own window
Above, pick a model or upload your PNGs. Choose 9:16 vertical for a full-screen avatar or Corner widget for a small one, then choose Green. Click Go live: hide controls. Everything except the character disappears; press Esc to get the controls back.
Open this page in its own browser window (drag the tab out), not a tab behind your game.
- 2
Add it as a Window Capture
In TikTok Live Studio, add a source and choose Window capture. Pick the browser window showing pngtuber.org. Resize and place it where you want your avatar on the vertical canvas.
- 3
Remove the green
Open the source's effects or filters and turn on Chroma key with green. If your version of Live Studio has no chroma key for window sources, use OBS with the transparent link (Make OBS link above) and send OBS to TikTok instead.
Stop it from dropping frames
Browsers slow down windows they think nobody can see. That's what makes a captured PNGTuber stutter or freeze. These four habits fix almost every case:
- Never minimise the PNGTuber window. Leave it on a second monitor, or behind Live Studio but not fully covered by a full-screen game.
- Turn off the browser's background throttling for this window. In Chrome and Edge, the window must stay visible. If it still freezes when covered, disable "Calculate window occlusion on Windows" at
chrome://flags. - Turn on hardware acceleration in the browser settings, so drawing happens on the GPU.
- Use Green, not Transparent, for Window Capture. A captured window has no transparency, so the key colour is what Live Studio removes.
Face tracking uses the webcam at the same time as Live Studio. If your camera is already in use by Live Studio, leave face tracking off and let the mic drive the avatar.
Questions
Can you use a PNGTuber on TikTok Live?
Yes. TikTok Live Studio can capture a browser window. Run your PNGTuber here with a green background, capture the window, and remove the green with a chroma key. Or run it in OBS with the transparent link and stream from OBS to TikTok.
What size should a PNGTuber be for TikTok Live?
TikTok Live is vertical (9:16). Choose the 9:16 vertical layout for a full-screen avatar, or Corner widget for a small avatar in the bottom-right corner over gameplay.
Why does my PNGTuber freeze in Live Studio?
Browsers slow down windows that are minimised or fully covered. Keep the PNGTuber window visible, ideally on a second monitor, and turn on hardware acceleration in the browser.
Does it work with the TikTok Live Studio camera?
Yes, but a webcam can usually be used by one app at a time. If Live Studio is using your camera, leave Face tracking off here; the mic still drives the avatar.