# Twitch offline banner: a 1920×1080 screen that keeps followers

[Canonical HTML page](https://gradiently.design/guide/twitch-offline-screen)

Most people who find your channel will find it while you're offline. The offline screen is the only thing they see in the player, so it should tell them exactly when to come back.

## The short version

- A Twitch offline banner is the image shown in your channel's video player whenever you aren't streaming.
- Design the Twitch offline banner at 1920×1080 pixels, a 16:9 frame that matches the player.
- The most useful offline banner says when you are next live, including the time zone, and where to find you meanwhile.
- Keep words in the centre of the frame, because Twitch can place labels and player controls over the corners and bottom edge.
- An offline banner that matches your overlay, panels and profile banner makes the channel feel looked after even when nobody is live.

A **Twitch offline banner** is the image that fills your video player whenever you aren't live, and you should design it at 1920×1080 pixels, the same 16:9 shape as the stream. It is the first thing a new visitor sees on a quiet channel, so give it one job: tell them when you're back. Your name, your next stream time with its time zone, and one place to follow you is enough. Keep those words in the middle of the frame, away from the corners where Twitch places its own labels and controls.

## Twitch offline banner size

| Property | Value |
| --- | --- |
| Size | 1920×1080 px |
| Aspect ratio | 16:9, the same as the player |
| Where it shows | Inside the video player on your channel when you're offline |
| Where to upload | Creator Dashboard, Settings, Channel, Brand: Video Player Banner |
| File type | PNG for lettering and flat colour, JPG for photographs |

Twitch calls it the video player banner in its settings. Menu names move occasionally; if you can't see it, search the Creator Dashboard settings for banner.

The player is resized constantly: a wide desktop window, a narrow laptop, a phone held upright. The image is scaled to fit each one, so a design that relies on small print at the edges will lose it first.

- Offline screen 1920×1080: 1920 × 1080
- Profile banner 1200×480: 1200 × 480
- Panel 640×320: 640 × 320

The offline screen is the largest piece of channel art you make, and the only one that sits where the stream itself would be.

## What to put on a Twitch offline screen

Visitors arrive from a raid they missed, a clip, a search or a link a friend sent. They want to know two things: is this channel alive, and when can I catch it. Answer both, then stop.

- **Your name or logo**, large enough to recognise at phone size.
- **When you're next live**: days and a start time, with the time zone written out. "Tue, Thu, Sat at 8pm UK" beats "see schedule".
- **One place to follow you meanwhile**, usually your Discord or one social handle. Pick the one you actually post on.
- **A line of what you stream**, if your name doesn't make it obvious: "Cosy builds and late night horror".

A 1920 by 1080 Twitch offline screen reading Back Thursday, 8pm UK, with the weekly stream days underneath

A working offline screen: status, the next stream and the regular pattern, all in the centre of the frame.

If your schedule changes often, don't print exact times on the image. Write the pattern, such as "Weeknights, usually 8pm UK", and keep Twitch's Schedule section and your [Twitch panels](https://gradiently.design/guide/twitch-panel-size) up to date with the specifics. An offline screen promising a time that has passed is worse than one with no time at all.

## Where to keep text on an offline banner

Treat the outer edge of the frame as background only. Twitch can show an offline tag in a top corner, and player controls appear along the bottom when someone hovers or taps. A margin of around 120 pixels on every side of the 1920×1080 design keeps words clear of all of it.

| Area of the 1920×1080 frame | Treat it as | Put here |
| --- | --- | --- |
| Outer 120 px on every side | Bleed | Background only |
| Bottom 160 px | Controls zone | Background only |
| Central area | Safe | Name, next stream, one handle |

Working margins rather than official numbers. They are generous on purpose, because the player looks slightly different on every device.

### Avoid

- "Stream starting soon" left up all week
- Six social handles in small type along the bottom
- A time with no time zone
- A screenshot of your overlay with the camera box empty
- Text sitting on the busiest part of the artwork

### Do

- A clear offline status
- One handle, large, in the centre
- Days, time and time zone
- Artwork made for the frame, with nothing missing
- A calm area of the background behind the words

## Make it match your channel branding

An offline screen is the still version of your stream. Use the same background, colours and type as your overlay, so someone who saw a clip recognises the channel instantly. [Stream backgrounds](https://gradiently.design/guide/stream-overlay-background) covers the overlay side and [Twitch streamer branding](https://gradiently.design/guide/twitch-streamer-branding) puts the whole kit together.

A wide offline screen reading Offline. Back soon, with the usual stream time underneath

The offline screen, wide, carrying the channel's look and its schedule pattern.

A matching 1200 by 480 Twitch profile banner with the same background and lettering

The profile banner in the same background and type, so the two read as one channel.

The quickest way to keep the set consistent is to design once and resize. In Gradiently, the Designer can lay out the offline screen in your Mark and then make the profile banner, panels and a Discord banner from it, with the background rendered fresh at each size rather than cropped. Because a Mark moves the calmest part of the background behind your words, the schedule stays readable however the frame changes. If you share the schedule elsewhere, [Discord banner sizes](https://gradiently.design/guide/discord-banner-size) and [YouTube banner size](https://gradiently.design/guide/youtube-banner-size) list the other frames you'll need.

## How to update your offline banner

1. **Design at 1920×1080** Keep the name, next stream and handle in the centre, background running to every edge.
2. **Check it small** Shrink it to the width of a phone held upright. If the time is hard to read, make it bigger or simplify the background behind it.
3. **Upload it** In the Creator Dashboard open Settings, then Channel, then Brand, and replace the Video Player Banner.
4. **Look at it logged out** Open your channel in a private window while offline to see what a stranger sees, with Twitch's own labels on top.
5. **Refresh it each season** When your schedule, game or look changes, update the offline screen first. It is the piece most people see.

## FAQ

### What size is a Twitch offline banner?

1920×1080 pixels, a 16:9 image that matches the shape of the video player.

### Where do I upload a Twitch offline screen?

In the Creator Dashboard under Settings, Channel, Brand, where Twitch calls it the Video Player Banner.

### What should a Twitch offline banner say?

Your name, when you're next live with the time zone, and one place to follow you. Anything more gets lost at phone size.

### Is the offline banner the same as the profile banner?

No. The offline banner fills the video player when you're not live; the profile banner is a wide 1200×480 strip at the top of your channel.

### Should I put my exact schedule on the offline screen?

Only if it rarely changes. Otherwise write the pattern, such as weeknights at 8pm, and keep exact times in Twitch's Schedule section and your panels.