Twitch gives you several places to add images: a profile banner, a profile picture, an offline screen and the panels under your stream. Each has a different shape, and mixing them up results in stretched or cropped graphics.
Profile banner
The profile banner sits at the top of your channel page. Twitch’s recommended size is 1200 x 480 pixels, as a JPG, PNG or GIF. It’s a wide, short strip, so a design that was made for a different shape gets cropped. Keep text and your logo in the center, since the edges are trimmed on narrow screens.
Profile picture
Use a square image. Around 256 x 256 pixels is a common recommendation, and it’s displayed in a circle in many places. Larger is fine if you keep it square. See the profile picture size guide for the full recipe.
Offline screen
The offline screen (video player banner) shows when you aren’t streaming. The standard size is 1920 x 1080 pixels, a regular 16:9 frame. Use this space to show your schedule, a welcome message or your socials. Place important text well away from the edges, as Twitch overlays controls on it.
Info panels
Panels are the boxes below your stream with your rules, schedule, donation links and so on. The width is fixed at around 320 pixels. Heights can vary, but keeping them short, within a couple of hundred pixels, looks tidy. For sharper results on modern displays, many streamers design panels at 640 pixels wide and let Twitch scale them down. Keep every panel the same width so they line up.
Quick reference
- Profile banner: 1200 x 480
- Profile picture: square, 256 x 256 or larger
- Offline screen: 1920 x 1080
- Panels: about 320 pixels wide
Twitch updates its recommendations now and then, so verify against Twitch’s own help page before committing to a new design.
How to prepare them
- Design each graphic at its exact size, or at double for panels.
- Keep fonts large and contrast high. Viewers often watch on small screens.
- Export as PNG for crisp text, JPG for photo-heavy designs.
- Check file sizes. If uploads fail, see fixing file too large errors.
Keep a consistent look
Use the same colors, fonts and logo across every graphic so your channel feels coherent. If you also publish videos, match your YouTube banner and thumbnails to the same style.
Animated graphics
GIFs are allowed for some elements but can become large fast. If you resize an animated file, use a tool that keeps the animation intact. Read how to resize a GIF for the details.
Running a community too? See Discord server icon and banner sizes.
Bring any graphic to the exact size with our online image resizer.