Back to BlogTutorial

Twitch Image Sizes: Complete Streamer's Guide for 2025

Perfect your Twitch channel with the right dimensions for banners, panels, emotes, and offline screens. Complete size guide for professional streamers.

·7 min read
Twitch Image Sizes: Complete Streamer's Guide for 2025

Your Twitch channel is your streaming brand. From the banner that greets viewers to the panels that share your story, every graphic contributes to your professional image. Getting the dimensions right ensures your channel looks polished across all devices.

Here's the complete guide to Twitch image sizes for 2025.

Quick Reference Table

FormatDimensions (px)Aspect RatioNotes
Profile Picture800 × 8001:1Displays at 256×256
Profile Banner1200 × 4805:2Channel header
Offline Screen1920 × 108016:9Video player banner
Panel320 × variable-Height flexible
Video Thumbnail1280 × 72016:9VOD/Clip preview
Emote112 × 1121:1Largest size
Sub Badge72 × 721:1Largest size

Profile Picture

Your profile picture appears everywhere on Twitch: next to chat messages, on your channel page, in directories, and in recommendations.

Profile Picture (800 × 800)

While Twitch displays profile pictures at 256 × 256 pixels, uploading at 800 × 800 ensures sharpness across all displays, including retina screens.

Design tips:

  • Keep it simple and recognizable
  • Works at small sizes (appears tiny in chat)
  • Consistent with your brand identity
  • High contrast for visibility

→ Create an 800 × 800 profile picture

Minimum Size (256 × 256)

The absolute minimum is 256 × 256 pixels, but this may appear blurry on high-resolution displays.

→ Create a 256 × 256 profile picture

Profile Banner (Channel Banner)

The profile banner spans the top of your channel page. It's prime real estate for branding, social links, and stream schedules.

Standard Banner (1200 × 480)

Twitch's recommended size follows a 5:2 aspect ratio. The banner scales based on browser width, so design with flexibility in mind.

What to include:

  • Channel name or logo
  • Stream schedule
  • Social media handles
  • Sponsor logos (if applicable)
  • Brand colors and style

→ Create a 1200 × 480 channel banner

High-Resolution Banner (2400 × 960)

For the sharpest display on large monitors and retina screens, double the standard dimensions.

→ Create a high-res channel banner

Safe Zone Considerations

Your profile picture overlaps the left side of the banner. Keep critical content in the center and right portions.

Offline Screen (Video Player Banner)

The offline screen displays in the video player when you're not live. It's your opportunity to inform viewers and keep them engaged.

Offline Banner (1920 × 1080)

Standard HD resolution with 16:9 aspect ratio matches the video player perfectly.

Effective offline screens include:

  • Stream schedule
  • Social media links
  • "Currently offline" message
  • Next stream date/time
  • Discord or community links

→ Create a 1920 × 1080 offline screen

Animated Offline Screen

You can upload GIF animations for more engaging offline screens. Keep file size under 10MB.

Panels

Panels appear below your video player and provide information about you, your setup, social links, and more. They're crucial for channel organization.

Standard Panel (320 × 100)

Panels are always 320 pixels wide—Twitch scales any width to this size. Height is flexible, but 100 pixels works well for most uses.

Common panel types:

  • About Me
  • Schedule
  • Rules
  • Social Links
  • Donations/Tips
  • PC Specs
  • Sponsors

→ Create a 320 × 100 panel

Short Panel (320 × 75)

Minimal height for simple text-based panels.

→ Create a short panel

Tall Panel (320 × 300)

Extended height for panels with more content like schedules or detailed information.

→ Create a tall panel

Maximum Panel (320 × 600)

The maximum recommended height. Use sparingly—very tall panels require scrolling.

→ Create a maximum height panel

Video Thumbnails

Thumbnails appear on VODs, clips, and in discovery feeds. Strong thumbnails drive clicks.

VOD/Clip Thumbnail (1280 × 720)

Standard 16:9 aspect ratio matching video content.

Thumbnail best practices:

  • Clear, readable text
  • Expressive faces
  • High contrast
  • Game or content identification

→ Create a 1280 × 720 thumbnail

Emotes

Custom emotes are a major benefit for subscribers. They require three sizes for different display contexts.

Emote Sizes

SizeDimensionsUsed For
Large112 × 112Emote picker, emote menu
Medium56 × 56Chat (default)
Small28 × 28Chat (compact), tooltips

Design at 112 × 112 and scale down, ensuring the emote remains recognizable at all sizes.

→ Create a 112 × 112 emote canvas

Emote Design Tips

  • Simple shapes and clear expressions
  • Limited color palette
  • Works on both light and dark backgrounds
  • Transparent background (PNG)
  • Test at 28 × 28 to ensure readability

Animated Emotes

Animated emotes follow the same size requirements. Keep animations smooth and file sizes manageable.

Subscriber Badges

Sub badges appear next to subscriber names in chat, showing loyalty.

Badge Sizes

SizeDimensionsUsed For
Large72 × 72Sub badge preview
Medium36 × 36Standard chat display
Small18 × 18Compact chat

→ Create a 72 × 72 sub badge canvas

Channel Point Icons

Custom channel point icons replace the default icon for your channel's points system.

Point Icon Sizes

Upload all three sizes:

  • 112 × 112 pixels
  • 56 × 56 pixels
  • 28 × 28 pixels

PNG format with transparent background required.

→ Create channel point icons

Stream Overlays

While not uploaded to Twitch directly, overlays are essential stream graphics.

Webcam Frame (varies)

Common webcam frame sizes:

  • 1920 × 1080 (full overlay)
  • 640 × 480 (4:3 webcam area)
  • 1280 × 720 (16:9 webcam area)

→ Create a stream overlay

Alert Graphics (varies)

Common alert box sizes range from 400 × 200 to 800 × 400 pixels, depending on your layout.

→ Create alert graphics

Technical Specifications

  • Formats: JPEG, PNG, GIF (animated supported for some elements)
  • Max file size: 10MB for most uploads
  • Transparency: PNG required for emotes, badges, and point icons
  • Color space: sRGB

Branding Consistency

Professional streamers maintain consistent branding across all graphics:

Brand elements:

  • Color palette (2-4 colors)
  • Typography style
  • Logo placement
  • Visual theme (gaming, minimal, retro, etc.)

Create templates for each graphic type to ensure consistency.

Common Mistakes

  1. Low-resolution uploads: Graphics appear blurry on high-DPI displays
  2. Text too small: Panel text unreadable at actual display size
  3. Emotes too detailed: Complex designs become muddy at 28×28
  4. Ignoring safe zones: Critical content cut off by profile picture overlap
  5. Inconsistent style: Mismatched graphics look unprofessional
  6. Over-compression: Keep files under 10MB but don't over-compress

Summary

A polished Twitch channel requires attention to every graphic element. Design at the recommended sizes and your channel will look professional on every device.

Essential sizes:

  • Profile picture: 800 × 800
  • Banner: 1200 × 480 (or 2400 × 960 for high-res)
  • Offline screen: 1920 × 1080
  • Panels: 320 × variable
  • Emotes: 112 × 112 (plus 56×56 and 28×28)

Invest in quality graphics—they're often the first impression viewers have of your channel.