Twitch Panel Size + Cropper

Twitch image sizes — the four you actually need

Channel info panel: 320×100 minimum (designers often work at 640×200 and downsample for high-DPR sharpness). Profile banner: 1200×480. Profile picture: 256×256. Offline video banner: 1920×1080. These four cover every public image on a Twitch channel page. Sub badges, bit badges, and emotes are separate uploads with their own sizing — the Twitch emote resizer handles those. Channel art (overlays, scene transitions) is rendered by OBS at runtime and isn't part of Twitch's own asset slots.

Why panels look misaligned (and the 320-pixel grid)

Twitch lays out panels in a grid of 320-pixel-wide slots. The number of slots per row scales with the channel-page width — narrower windows show fewer columns, wider windows show more. If your panels have different heights, the grid stairsteps awkwardly and viewers see uneven gaps next to the shorter panels. Two reliable patterns avoid this. One: every panel at the same height (100 px is the floor; 200 px and 240 px also work as long as the set is uniform). Two: design pairs that fit together — a 200 px panel next to two stacked 100 px panels. The cropper above defaults to 320×100 / 640×200 so panels match by default.

The five panels active channels ship

Five panels cover the cases viewers actually click on. One, sub goal — a panel showing current sub count vs. monthly target, linked to the subscribe page. Two, schedule — when the streamer goes live, linked to a Discord or Twitter post. Three, socials hub — one panel linked to a Linktree or aggregated socials page. Four, FAQ — links to a panel-modal text or external doc. Five, sponsorships or business — contact email or representation link. The pattern works because each panel answers a different viewer question; panel sets that duplicate the same call-to-action (three "subscribe!" panels) leave dead clickable real-estate.

Theme-preset mode — when you don't have a designer

Eight brand-aligned palettes ship with the generator: Twitch purple, Kick green, StreamRise violet, minimal dark, minimal light, retro pink, cyberpunk, and sunset gradient. Each preset combines a diagonal gradient, a subtle noise texture (deterministic so the same label + theme produces the same panel every time the URL is opened), an 8-pixel accent bar on the left, and the panel label + optional subtitle in matching contrast. Output is 640×200 PNG, ready for the Twitch panel-image slot. No Photoshop, no Figma, no creative-cloud subscription.

Offline banner — the asset most channels skip

The offline-video image is a 1920×1080 slot that shows when the channel is not live. Most channels leave the default Twitch placeholder ("This channel is currently offline"), which wastes cold-traffic discovery — the player slot is the largest visual on the channel page and the only one shown to a viewer who lands on a non-live channel. A custom 1920×1080 with the streamer's name, current schedule (days + times), social handles, and a clear "next stream" message gives the cold viewer a reason to follow vs. bounce. Use the cropper above to size your design to 1920×1080, then upload via Creator Dashboard → Channel → Brand → Video player banner. For the schedule itself, our stream schedule generator emits a clean PNG you can drop directly into the offline banner.