Loading
Twitch
Twitch graphics
Your channel is offline most of the week, and the offline screen is the only thing selling the server for all of those hours.
Twitch offline screen at its real ratio. Hover to animate. Previews are watermarked.
- Offline screen
- 1920x1080, set as the Video Player Banner
- Panels
- 320x100, rendered at 960x300 for the still
- For OBS
- 30fps 1920x1080 MP4 of the same scene
- Animation on Twitch
- Neither slot animates; both ship as stills
About twitch graphics
A roleplay streamer has two Twitch graphics that matter. The offline screen fills the player at 1920x1080 whenever you are not live, which for most channels is the overwhelming majority of the time, and it is what somebody arriving from a clip or a Discord link sees. Panels under the stream are 320x100 and are where the invite, the application link and the Discord go.
Neither of them animates on Twitch, and that is worth knowing before you buy an animated set from anybody. Twitch renders the video player banner as a still and renders panel images as stills. What the animated files in a pack are genuinely for is elsewhere: the 30fps 1920x1080 MP4 is a working starting-soon, be-right-back or stream-ending scene as a looping media source in OBS, and the animated 320x100 strip is an excellent live-now announcement graphic for Discord.
The reason to take the Twitch set from the same design as your server graphics is sequencing. A viewer finds a clip, lands on your offline screen, follows the panel to your Discord, sees the server banner there and then clicks your server in the FiveM list. If all five of those surfaces carry the same lockup, that is one identity seen five times in under a minute. If they do not, it reads as five unrelated things.
Formats in this category
| Format | Size | Still render | Animated |
|---|---|---|---|
| Twitch offline screen | 1920×1080 | 1920×1080 | MP4 |
| Twitch panel | 320×100 | 960×300 | GIF to 3.0MB |
Technical notes
Twitch offline screen, 1920x1080
Creator Dashboard, Settings, Channel, Video Player Banner
- 1920x1080, JPG, PNG or GIF up to 10MB
- Twitch displays it as a still in the player
- A 30fps 1920x1080 MP4 ships alongside for OBS scenes
Twitch panel, 320x100
Your channel's About page, in a panel with a linked image
- 320 pixels is the maximum panel width Twitch renders
- Twitch displays panel images as stills
- Animated GIF at 18fps over 3.2 seconds, under 3MB, for Discord use
Designs
Anime Rooftop Anime
from $12Anime Rooftop rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Grunge
from $12Anime Rooftop rendered as grunge artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Painted
from $12Anime Rooftop rendered as painted artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Photoreal
from $12Anime Rooftop rendered as photoreal artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesArcade Grid Anime
from $12Arcade Grid rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesArcade Grid Grunge
from $12Arcade Grid rendered as grunge artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 files
Questions
What size is a Twitch offline screen?
1920x1080, uploaded under Creator Dashboard, Settings, Channel as the Video Player Banner. Twitch accepts JPG, PNG and GIF up to 10MB and shows a still.
Do animated Twitch panels work?
No. Twitch shows panel images as stills. The animated 320x100 file is useful for Discord live-now announcements instead.
Can I use the MP4 as a starting-soon screen?
Yes, that is what it is for. Add it as a looping media source in OBS and put your own text layers on top.