Twitch Banner Size: Banner, Panel, Overlay & Alert Dimensions

Twitch profile banner size — 1200 x 480, 10MB max

The Twitch profile banner is 1200 x 480 pixels (a 5:2 aspect ratio), capped at 10MB in JPG, PNG, or GIF. It runs full-width across the top of your channel page, directly behind your profile picture and channel name.

• Keep the lower-left clear. Twitch draws your avatar and display name over that corner on desktop, and the banner crops on narrow browser windows and in the mobile app. Logos and taglines belong in the middle.
• 1920 x 480 is the same shape, not a better one. Plenty of circulating templates are 1920 x 480. Both are 5:2, so a 1920-wide file uploads fine and scales down — it just spends file size against the 10MB cap for no visible gain. Export at 1200 x 480 unless you already have artwork at the wider size.
• It is not the offline screen. Both can be on screen at the same time, at different ratios. Design them as a pair — see the 1920 x 1080 offline screen.

Resize an image to 1200x480 → Pick Twitch, then the Profile Banner preset.

Twitch offline screen size — 1920 x 1080, 10MB max

The Twitch offline screen — also called the offline banner or video player banner — is 1920 x 1080 pixels (16:9), capped at 10MB. It fills the entire video player when your stream is offline, so it is the first thing anyone who lands on your channel between streams sees.

• Design it like a video title card. Schedule, social handles, and a clear “back at X” cue front and centre. This is the surface people see without scrolling.
• Nothing on it is clickable. A visitor has to read and retype what they see, so short handles beat full URLs. Clickable versions belong in your info panels.
• Set type for a half-size render. On mobile and in embeds the player is far smaller than it is on desktop, and the same file has to hold up there.

Full Twitch offline banner guide → Zone-by-zone safe area, file-size limits, and the exact upload path.

Twitch panel size — 320 x 160, 2.9MB max

Twitch info panels are 320 pixels wide with a variable height, capped at 2.9MB each. Twitch fixes the display width at 320px and scales your image to fit, so height is entirely up to you — 320 x 160 is the shape most channels settle on, big enough for a heading and a line of copy without dominating the column. Anything wider than 320px is scaled down, taking its text with it, so author at exactly 320 wide.

• One job per panel. Schedule, gear, socials, donation links, channel rules. Each panel takes an image, a title and a link — the image is not the place for three messages.
• Pick one height and keep it. Panels stack vertically under your stream, so a set at a consistent height reads as one tidy column instead of a ragged list.
• Make link panels look clickable. A labelled button reads better than a bare wordmark, and the panel title carries anything too small to set in the image.

Resize an image to panel width → Pick Twitch, then Info Panel or Info Panel (Tall).

Twitch overlay size — 1920 x 1080, never uploaded

Overlays are never uploaded to Twitch — they are composited into your broadcast by OBS (or Streamlabs, or whatever encoder you use), so the size that matters is your Base (Canvas) Resolution in OBS under Settings → Video. For almost everyone that is 1920 x 1080, which makes 1920 x 1080 the right size for overlay artwork: export a PNG with a transparent background at exactly the canvas size and it drops in at 100% scale with nothing to nudge.

Keep the canvas at 16:9 whatever the resolution — Twitch letterboxes anything else in the player. If your Output (Scaled) Resolution is lower than the canvas, design against the canvas anyway: OBS scales the finished composite, so a 1920 x 1080 overlay downscaled to a 720p output stays proportionally identical.

• Build the webcam frame at its display size. A facecam box is a fraction of the canvas at 16:9 — 480 x 270 is a quarter of the width, 640 x 360 a third, 480 x 640 for a portrait cam. Match the frame graphic to the pixel size you display it at so the border doesn’t soften.
• Thin strokes vanish first. Clips, mobile viewers and low-bandwidth transcodes all see the 16:9 frame shrunk. A 1px hairline at 1080p is gone by 480p.
• Leave room for alerts. Whatever the overlay occupies, your alert box needs a clear area big enough for the alert animation plus its text.

Twitch alert size — 800 x 600 alert box

Follower, sub and donation alerts are not a Twitch upload either. They come from a widget provider — Streamlabs, StreamElements, OWN3D — as a browser source, and 800 x 600is the size most alert packs and setup guides use for the Streamlabs Alert Box. StreamElements works the other way round: its Alert Box is a widget positioned on the overlay editor’s 1920 x 1080 canvas, and the browser source matches that overlay rather than the alert.

• Size the browser source, don’t scale it. Set width and height on the source itself. Dragging the corner in OBS resamples the whole render, which is what turns crisp alert text fuzzy.
• The image is only part of the alert. Alert text — “NAME just followed” — is rendered by the widget in its own font at its own size, on top of your graphic. Leave a clear band for it rather than filling all 800 x 600 with artwork.
• Transparency needs the right container. GIF and PNG carry it; MP4 does not. WebM is what modern packs use for transparent animated alerts.
• Big files stall the first play. The 45MB ceiling is not a target — the browser source fetches the media before it can show it, and a 40MB alert can miss the moment it was meant to celebrate.
• Test with the widget’s own preview. Both Streamlabs and StreamElements fire a test alert from the dashboard, which is the only way to see how much room the text really takes.

Resize an image to 800x600 → Pick Twitch, then the Alert Box preset.

Twitch Just Chatting background size — 1920 x 1080

Just Chatting is a category, not an upload slot — there is no Twitch field to put a background in. A Just Chatting background is an image source in an OBS scene, so it is sized to your canvas: 1920 x 1080for a 1080p stream, 2560 x 1440 at 1440p. Export it at exactly the canvas size and drop it at the bottom of the scene’s source list, under the webcam and the overlay.

Lay it out around the webcam. A Just Chatting scene is mostly camera, so the background is what shows around it. Decide the cam size first, then design the background to frame it: 1920 x 1080 for a full-bleed chroma-keyed cam with the background behind you, 1280 x 720 for a large framed cam with a border of background on two sides, 960 x 540 for a quarter-size cam that leaves room for a chat box beside it.

• Flat beats busy, because it is video now. Unlike an uploaded banner, this image is re-encoded every second of your stream. Noise, fine gradients and animated particles eat bitrate and come back as banding — large flat shapes survive a 1080p encode intact.
• Do not put your schedule only here. Anything on the background is invisible to anyone watching a clip or arriving offline. The panel and offline screen are where a schedule belongs.
• Chroma key needs a real green screen, not a green image. A green background layer does nothing for keying — the key runs on the camera source. The background image sits behind the keyed cam.
• The same art works for a starting-soon or BRB scene. Build one 1920 x 1080 backdrop and change only the headline per scene, so your channel looks like one set rather than four.

Twitch schedule image size — 320 x 300 or 1920 x 1080

Twitch’s built-in Schedule tab is text-only — you set a title, category, and time per segment, and there is no image slot to fill. A schedule graphic therefore has to live somewhere else, and there are three places that work:

• An info panel at 320 x 300 — permanent, always visible under your stream, easy to swap when the schedule changes, and capped at 2.9MB like any other panel.
• The offline screen at 1920 x 1080 — the highest-traffic surface you own between streams, capped at 10MB.
• Off-platform announcement posts— your Discord server, Bluesky, or X, where the same artwork gets a second life at that platform’s own sizes.

Best practices for schedule graphics:spell out the time zone (Twitch auto-localises schedule times for viewers, but a flat image can’t), keep it to five to seven rows so the type stays large, and put the day names in a fixed left column so the eye scans down rather than across. Design the panel version first at 320px wide — if it reads there, it reads everywhere — then re-lay it out for 16:9 rather than stretching it.

For one-off announcements — a stream time change, a charity event, a collab — the offline screen is the faster lever than a panel, because it is the surface people see without scrolling. Put the date and a single call to action on it and revert afterwards.

Most streamers cross-post the same schedule art to their community server. The upload slots there are different sizes again — see Discord image sizes for the server banner, invite splash, and emoji specs.

Twitch emote sizes — 112, 56 and 28, 1MB each

Emotes upload at three sizes — 28 x 28, 56 x 56, and 112 x 112 pixels — as PNG with a transparent background, each under 1MB. Design once at 112 x 112 and scale down, since the 28 x 28 version has to stay legible in dense chat. For sub-tier emote rules, channel-point icons, and free blank templates, see the full Twitch emote sizes guide.

The same artwork rarely drops straight into a community server: Discord takes a single 128 x 128 custom emoji under 256KB rather than three sizes, and its PFP and server icon are square-then-circular uploads at 512 x 512. Re-export from the 112 x 112 master rather than upscaling a 56.