Twitch Offline Screen 1920×1080

A Twitch offline screen is 1920 by 1080 pixels at 16:9 — the image shown in the video player when you are not live. Crop to it here with the strip the player controls cover marked, so a schedule or a social handle does not end up behind them.

Só local

A interface desta ferramenta está em inglês.

Drop a PNG, JPG, WebP or GIF

or drop anywhere on this page · Choose a file · 100 MB

O guia abaixo está disponível apenas em inglês.

The offline screen, also called the video player banner, is what someone sees when they open your channel and you are not streaming. It fills the player, so it is 1920 by 1080 at 16:9 — the shape of the stream itself rather than the shape of the profile banner above it.

It is the most valuable static asset a channel has, because a visitor arriving from a clip or a recommendation looks at it for several seconds while deciding whether to follow. It is also the one Twitch draws its own interface over: the player control bar sits across the bottom, and on hover a title row can appear at the top.

This page crops to 1920 by 1080 and marks the band the controls occupy, so the schedule, the socials and the “back at 7pm” are placed where they can actually be read. Everything is done in your browser — no upload, no account.

The strip behind your channel name is a different size again — the profile banner resizer covers 1200 by 480.

If you need the export to hit a specific file size the compressor takes a target in kilobytes.

What the offline screen has to do

Unlike a banner, this image carries information. The ones that work tend to answer three questions and no more.

When are you next live? A weekly schedule beats an exact date that goes stale.
Where else are you? Two or three handles, not a wall of icons.
What is this channel about? One line, large enough to read in the player at half size.

The regions the player covers

The control bar sits across the bottom of the player. On a channel page the player is often rendered well below 1920 pixels wide, so that bar covers proportionally the same band — roughly the lowest eighth of the frame.

The dashed rectangle marks what stays clear. Keep every line of text inside it and let the bottom band carry background only.

Region	Roughly	Treat as
Top edge	Upper 8%	Occasionally overlaid on hover
Centre	The middle two thirds	Safe — put the message here
Bottom band	Lower 12%	Player controls; background only

Text that survives a small player

A channel page on a laptop renders the player at around half of 1920 pixels, and on a phone at far less. Text sized comfortably in a 1920-pixel design file can be unreadable there.

The rule of thumb that holds up: nothing smaller than about 40 pixels tall at 1920, which is roughly 2% of the frame height. Export the file, view it at a quarter size, and if you cannot read a line, it is too small.

Format and file weight

JPEG suits most offline screens — they are usually illustrated or photographic, and a full-HD PNG of the same image is several times larger for no visible gain. Use PNG when the design is flat colour with crisp lettering, where JPEG artefacts gather around every glyph. Either way Twitch re-encodes for delivery, so hand it a clean source rather than something already squeezed.

Frequently asked questions

What size is a Twitch offline screen?

1920 by 1080 pixels, 16:9 — the same shape as the stream, because it is shown inside the video player. It is a different image from the 1200 by 480 profile banner that sits behind your channel name above the player.

Why is the bottom of my offline screen covered?

The player's control bar is drawn over it, occupying roughly the lowest eighth of the frame. Anything placed there — a schedule line, a row of handles — sits behind buttons. The dashed rectangle on the preview marks the area that stays clear.

What should an offline screen actually say?

When you are next live, where else to find you, and what the channel is about. Three pieces of information, each in type large enough to read at a quarter size. A screen that is only artwork looks good and tells a first-time visitor nothing about whether to follow.

Why is my text unreadable on the channel page?

Because the player renders far smaller than 1920 pixels wide on most screens. Type sized in a full-HD design file can halve or worse. Keep nothing smaller than about 2% of the frame height, then check the exported file at a quarter size before uploading it.

Can I use an animated offline screen?

The video player banner is a still image. Channels that appear to have motion there are usually running a looping stream instead, which is a different feature with different requirements. This page prepares the still, at the exact size the player expects.

Does the artwork leave my computer when I export?

No. Decoding, cropping, resizing and encoding are done by your browser on this page, and the site has no endpoint that could receive a file. The Network panel stays empty through the whole export, which is the kind of claim worth checking rather than believing.

ToolsByUs team · How we check our tools