ClickThumb
Guide··7 min read

Twitch Banner Size Guide 2026: Every Dimension You Need

Twitch has several different image assets with different size requirements. Using the wrong dimensions means your banner gets cropped, your text gets cut off, or your profile picture looks blurry. This guide covers every Twitch image size, the correct safe zones, and what to include in each one.

Twitch Image Sizes — Quick Reference

AssetDimensionsFormat
Offline Banner1920×1080 pxJPG / PNG
Profile Banner1200×480 pxJPG / PNG
Profile Picture256×256 pxPNG
Panels320px widePNG / JPG
Video Thumbnail1280×720 pxJPG / PNG

Offline Banner — 1920×1080px

The offline banner is the image displayed on your Twitch channel when you are not streaming. It is the most-seen channel asset because it appears every time someone visits your page while you are offline — which is most of the time for most streamers.

Dimensions: 1920×1080 pixels (16:9 aspect ratio)
Max file size: 10MB (aim for under 2MB)
Format: JPG for photographic backgrounds, PNG for flat design with text

Safe zone: Keep critical content — your channel name, schedule, and any key text — within the center 1280×720 area. The outer 320px on each side may be visible on wide monitors but could be partially hidden on narrower screens. The top and bottom 10% can also be covered by Twitch UI elements on certain layouts.

Effective offline banners include your streaming schedule, a brief description of your content type ("Variety FPS", "Chill RPG"), your social media handles, and Discord server link if you have one. Keep text minimal and large enough to read — viewers decide whether to follow within a few seconds of landing on your page.

Profile Banner — 1200×480px

The profile banner appears at the top of your Twitch channel page behind your profile picture and channel info overlay. It is cropped and displayed at different heights depending on the viewer's screen width, which makes safe zone planning more important here than for the offline banner.

Dimensions: 1200×480 pixels
Max file size: 10MB
Safe zone: The horizontal center band — approximately the middle 240px of height — is the most consistently visible area across screen sizes

The left side of the profile banner is partially covered by your profile picture and channel stats overlay on desktop. Design the right half of the banner as the visually dominant area. Avoid placing important text or logos in the bottom-left quadrant.

Profile banners are best used for brand visuals, game art, or simple brand color gradients. Avoid dense text — the overlay of your channel name, follower count, and profile picture covers a significant portion of the left side of the image.

Profile Picture — 256×256px

Your Twitch profile picture is displayed as a circle throughout the platform — in search results, recommended channels, chat, and on your channel page. It appears at sizes ranging from 20×20px (in chat) to 150×150px (on your channel page).

Upload size: 256×256 pixels minimum (Twitch will crop to circle)
Format: PNG recommended — sharper than JPG at small sizes for logos and text
Max file size: 10MB

Keep your design simple enough to read at 40×40px — the size your profile appears in chat. A logo, a stylized initial, or a clear character portrait works well. Avoid complex scenes or small text — they become unreadable at the sizes Twitch displays the profile picture in most contexts.

Twitch Panels — 320px Wide

Twitch panels appear below your stream or offline banner in the About section of your channel. They are used for social media links, donation buttons, Discord links, schedules, and sponsor information.

Width: 320px (fixed — panels display at exactly 320px wide)
Height: Flexible — standard heights are 100px, 160px, or 200px
Max file size: 2.9MB per panel
Format: PNG for panels with text, JPG for photo panels

Panel images can also be clickable links — upload the image and then add the destination URL in the panel editor. This is how most streamers create visual social media buttons (Discord, Twitter, YouTube, Instagram).

Keep panel design consistent — same font, same color scheme, same icon style. Inconsistent panels make a channel look unpolished. A simple dark background with your brand color accent and a clear icon is more professional than complex artwork at 320px wide.

Twitch Video Thumbnail — 1280×720px

Past broadcast thumbnails and clip thumbnails follow the standard 16:9 video thumbnail format, the same as YouTube thumbnails.

Dimensions: 1280×720 pixels (16:9)
Format: JPG or PNG
Max file size: 10MB

If you also post stream highlights to YouTube, design thumbnails at 1280×720 — they work identically for both platforms. The standard YouTube thumbnail design rules apply: bold text, clear subject, high contrast between text and background.

Mobile Safe Zone for Twitch Banners

A significant portion of Twitch viewers are on mobile. The Twitch mobile app displays banners and channel art differently from desktop — images are often cropped more aggressively, and the profile overlay covers more of the banner.

For the offline banner (1920×1080), mobile-safe design means:

  • All critical text within the center 1000×560px (about 52% of width and 52% of height from center)
  • No important content in the top 15% or bottom 15%
  • No important content in the left 20% or right 20% on mobile
  • Test your design at 375px wide (iPhone SE viewport) to check what is visible

The safest approach is treating your offline banner like a poster — one strong central visual with text centered. Designs that rely on the full 1920px width to read correctly will look broken on mobile viewers.

Design Tips for Twitch Banners

What makes a Twitch banner look professional versus amateur:

  • Brand consistency: Use the same 2–3 colors across all Twitch assets (banner, panels, profile picture). Consistent color builds recognition faster than any other design element.
  • Readable typography: Use bold, sans-serif fonts for channel name and schedule. Decorative or script fonts at banner sizes often become unreadable on mobile.
  • Schedule visibility: Make streaming days and times immediately readable. Viewers who want to come back need to find the schedule instantly.
  • White space: Leave breathing room around text and icons. Crowded banners look cluttered even when the individual elements are well-designed.
  • Game art usage: Official game art can be used for personal channels under most publishers' fan content guidelines, but verify for each specific game. When in doubt, use in-game screenshots you captured yourself.

Create Your Twitch Banner Free

ClickThumb's free YouTube Thumbnail Maker supports custom dimensions — set it to 1920×1080 for your Twitch offline banner or 1200×480 for your profile banner. No software, no account required.

Open Free Banner Maker →

Related Guides

AK

Written by Alex Kim

Alex Kim is an indie developer and content creator who built ClickThumb after years of fighting clunky design tools to make thumbnails every week. He writes about thumbnail design, YouTube CTR, and the exact image sizes every platform expects — based on what actually moves the needle for creators, not design theory. More about Alex →