Twitch Banner Profile Cropper
Level up your channel aesthetics. Crop your stream graphics to sit flawlessly within your Twitch profile banner slot.
Last updated: August 2026
Drop your images here or click to select
Supports JPG, PNG, WebP and AVIF
A Twitch channel asks for two banner-shaped images that do completely different jobs, and confusing them is the most common reason one of them looks wrong. The profile banner is a wide, shallow strip near the top of your channel page, sitting behind and around your avatar and channel controls. The offline screen is what fills the video player when you are not live — so it is the shape of the player itself, which is 16:9, the same shape as the stream that would otherwise be there.
That difference decides everything about the crop. A 16:9 offline screen is a comfortable, familiar frame: it is the ratio of a monitor, a YouTube thumbnail, a video. You can put a face, a schedule and a logo in it and they all fit. A profile banner is a shallow band, and almost nothing you own is that shape — it is a slice out of an image, not a composition, and the same rules that govern any wide profile banner apply.
Chief among those rules: a banner is never seen on its own. Your avatar sits over part of it and the channel's buttons and text sit alongside, and a channel page reflows as the viewer's window changes width — so the edges of whatever you crop are the least reliable part of it. Keep anything that must be read towards the middle, and treat the outer thirds as decoration that may or may not survive.
Why this page quotes no pixel dimensions
Every other platform page on this site prints the figures the platform itself publishes. This one deliberately does not, and it is worth being open about why.
| Question | Answer | What to do instead |
|---|---|---|
| Are Twitch banner sizes published? | Yes, by Twitch | Twitch documents them in its Channel Page Setup article. The figures exist and are authoritative — they simply are not reproduced here. |
| Why are they not shown here? | Could not be read | Twitch's help portal is a JavaScript application that does not render its article text to automated retrieval, so the numbers could not be verified at the source. This site only publishes platform figures it has read there. |
| Are the numbers circulating online correct? | Unverified | Possibly, and they are widely repeated — but repetition is not verification. The frequently cited Discord avatar size is the standing example of a number everyone quotes that official documentation does not support. |
| What should you do? | Open the source | Search Twitch Help for Channel Page Setup and read the current figures there. It takes a moment and is the only version guaranteed to be right for today. |
Everything else on this page — the 16:9 shape of the offline screen, the overlay behaviour of the profile banner, and the cropping advice — holds regardless of the exact pixel dimensions, because it follows from the layout rather than from a specification.
How to crop an image for a Twitch banner
- 1
Decide which banner you are making
The offline screen fills the video player at 16:9. The profile banner is a much shallower strip. They are different crops from the same artwork, not one image reused.
- 2
Add your artwork
Drop it into the box above. It is processed in your browser and never uploaded — useful for channel art and commissioned work that is not public yet.
- 3
Use 16:9 for the offline screen
Pick the 16:9 preset. Because it is the player's own shape, artwork framed for a stream overlay usually crops into it without much rethinking.
- 4
Use free-form for the profile banner
Drag a wide, shallow band and slide it until the strongest part of the artwork sits centred. Then check the current dimensions on Twitch's own Channel Page Setup page before exporting.
Pro tip: Build the offline screen first and take the profile banner out of the same artwork. The 16:9 frame is the more demanding composition — it has room for a face, a schedule, socials — and once that exists, a shallow band cropped from its middle is usually the strongest banner you could have made anyway. Working the other way round tends to produce a good strip and an empty-looking offline screen, because a band has nothing to give a frame three times taller than itself.
Troubleshooting: If your banner looks soft after uploading, the crop was smaller than the slot Twitch renders it at and got enlarged — take the band from a larger original rather than sharpening. If part of your design is hidden behind your avatar or the channel buttons, that is the overlay rather than a cropping error; move it towards the centre. If the offline screen has bars around it, the crop was not 16:9 and the player letterboxed it. And if the image looks squashed rather than trimmed, it was resized into the target dimensions instead of cropped to them.
For the exact current pixel dimensions, check Twitch's Channel Page Setup guidance directly — see the note below. For the avatar that sits over the banner, Crop Photo for Avatar covers framing for something displayed very small. Other creator banners with published sizes: Resize YouTube Banner and Resize Discord Banner. The offline screen shares its shape with Crop Image for YouTube Thumbnail, and any other ratio belongs in the full Crop Image tool.
Frequently asked questions
What is the difference between a Twitch profile banner and an offline banner?
The profile banner is a wide, shallow strip on your channel page, behind and around your avatar and channel controls. The offline banner fills the video player when you are not streaming, so it is 16:9 — the same shape as the stream. They are separate images with separate crops.
What aspect ratio should a Twitch offline screen be?
16:9, because it occupies the video player and a player is 16:9. That makes it the easier of the two to design for: it is the same shape as a monitor or a video thumbnail, so a full composition fits without being reduced to a strip.
Where should I put text on a Twitch banner?
Towards the middle. Your avatar overlays part of the banner, channel controls sit alongside it, and the page reflows as the viewer's window changes width — so the outer edges are the least reliable area. Centre anything that must be read and treat the edges as decoration.
Why does my Twitch banner look blurry?
Almost always because the uploaded image was narrower than the space Twitch renders it in, so it was enlarged. Cropping never causes blur; enlarging does. Crop the band from the highest-resolution artwork you have and scale down rather than up.
Are my images uploaded when I crop them here?
No. The crop runs entirely inside your browser on your own device — nothing is uploaded, stored, or logged, and it works with your connection switched off. Useful for channel art and commissioned work before it goes public.
Looking for the full-featured version? Open the main Crop Image tool.
Related Tools & Resources
YouTube Thumbnail Cropper – 16:9
Crop your background images to a perfect 16:9 widescreen ratio for YouTube. Get the exact dimensions you need without leaving your browser.
Resize YouTube Banner 2048×1152 — No Upload
Resize channel art to YouTube's 2048×1152 minimum banner size free in your browser — no upload. Safe-area guidance so text survives TV and mobile crops.
YouTube Thumbnail Resizer – 1280x720
Resize thumbnail artwork to 1280x720, a clean 16:9 size well above YouTube's published 640px minimum width. Free, private, entirely in your browser.
Crop Photo for Forum and Gaming Avatars
Crop and frame photos for forum, gaming, and social media avatars. Create square profile icons for Discord and games—private browser cropping, free.
Crop Image – Full Tool
Interactive cropping with ratio presets, free-form mode, and rotation.
Twitter (X) Header Image Cropper
Crop your banner image to fit Twitter's (X) specific header requirements. Our tool is fast, free, and keeps your images strictly private.
Resize Discord Banner 600×240 — No Upload
Resize images to Discord's 600×240 profile banner size free in your browser — no upload needed. Get the 5:2 ratio exactly right, with quality tips.