Resize Image for Twitch Profile/Panel

Getting Every Twitch Image Pixel-Perfect

Twitch has more image specifications than any other social platform. Between your profile banner, offline screen, panels, emotes, sub badges, channel point icons, and stream overlays, a single channel needs 10-15 correctly sized image assets just to look complete. Each has its own pixel dimensions, file size limits, and format requirements — and Twitch enforces them strictly. Upload an image that is off-spec and you get a cryptic error or, worse, a stretched and blurry result that makes your channel look amateur.

Profile banner: 1200x480 pixels. This is the largest static image on your channel page, spanning the full width above your stream player. Twitch recommends 1200x480 pixels at a minimum, but the banner displays at various widths depending on the viewer's screen size and browser width. Keep critical content (your channel name, branding, schedule) within the center 900x300 area, because the edges get cropped on smaller viewports and the top portion is partially covered by your profile picture. Resize your banner to exactly 1200x480, then verify it looks good at both full width and narrower mobile widths. File format should be JPEG for photographic banners or PNG for graphic designs with text and hard edges. Keep file size under 1MB — compress if needed.

Offline screen: 1920x1080 pixels. When you are not live, this image fills the video player area. It is your channel's storefront when you are away, so it should communicate who you are, what you stream, and when you will be back. 1920x1080 matches the standard 16:9 stream output resolution. Include your stream schedule, social media handles, and a clear indication that you are offline. JPEG at quality 85-90 works well for photographic offline screens; PNG is better for graphics-heavy designs. Keep the file under 2MB. Avoid putting critical text in the bottom 10% of the image — Twitch overlays channel info there on some layouts.

Panel images: 320 pixels wide. Panels appear below the stream player and are the primary way streamers organize channel information — About, Schedule, Rules, Social Links, Donate, etc. Each panel image must be exactly 320 pixels wide. Height is flexible, but most streamers use 40-100 pixels tall for clean, uniform panels. Twitch accepts JPEG, PNG, and GIF for panels. PNG is almost always the right choice here because panels typically contain text and graphics with sharp edges. Keep each panel image under 100KB. If you are creating a full set of matching panels, maintain consistent height, font size, and color scheme across all of them. A compression tool helps batch-optimize a full panel set.

Emotes: 28x28, 56x56, and 112x112 pixels. Twitch emotes must be uploaded in all three sizes — the platform uses different sizes in different contexts (chat at 28px, hover previews at 56px, emote menus at 112px). Each size must be a separate file, not one image auto-scaled. This matters because auto-scaling a 112px emote down to 28px often loses critical detail — a facial expression that reads clearly at 112px becomes an unrecognizable blob at 28px. Design at 112px first, then manually adjust the 56px and 28px versions for clarity: thicken outlines, simplify details, increase contrast. File format must be PNG with transparency (emotes sit on top of the chat background). Maximum file size is 1MB per emote. Affiliates get up to 5 emote slots; Partners get up to 60.

Animated emotes for Affiliates and Partners. Twitch supports animated emotes in GIF format at the same three sizes (28x28, 56x56, 112x112). Maximum file size is 1MB per file, and the animation must loop cleanly. GIFs at 112x112 with more than 30-40 frames can blow past 1MB quickly — optimize by reducing frame count, limiting the color palette, and using the GIF compression tool. The 28px version needs special attention: at that size, animation frames with fine detail become visual noise. Simplify the animation for the smallest size.

Sub badges: 18x18, 36x36, and 72x72 pixels. Subscriber loyalty badges appear next to a subscriber's name in chat. Like emotes, all three sizes must be uploaded separately. Badges are tiny — even the 72px version is small. Design badges with bold shapes, high contrast, and minimal detail. A badge that tries to show a detailed scene at 18x18 pixels is illegible. Simple icons, numbers, or single recognizable shapes work best. PNG with transparency, 1MB max per file.

Channel point reward icons: 112x112 pixels. Custom channel point rewards use 112x112 pixel icons. PNG with transparency. Design these as simple, recognizable icons — they appear at small sizes in the channel points menu. Consistent style across all reward icons (same color palette, line weight, background treatment) makes your channel feel polished rather than cobbled together.

Stream overlays and alerts are not Twitch uploads. Overlays (webcam frames, chat boxes, alert animations) are handled by your streaming software (OBS, Streamlabs) and display services (Streamlabs, StreamElements), not uploaded to Twitch directly. They do not have Twitch-imposed dimension requirements, but they must match your stream output resolution — design overlays at 1920x1080 with transparency (PNG or WebP) so they layer cleanly over your gameplay or camera feed.

A practical Twitch asset workflow. Start with your brand kit: colors, fonts, and logo at high resolution. Design the profile banner at 1200x480 and the offline screen at 1920x1080 first — these set the visual identity. Then create panel images at 320px wide with consistent styling. For emotes and badges, design at the largest size (112px and 72px respectively), then create manually adjusted versions at each smaller size. Resize each asset to exact pixel dimensions. Compress to stay within file size limits. For a broader look at image sizing across platforms, the social media image sizes hub covers Twitch alongside YouTube, Instagram, and other platforms. For format decisions between PNG and WebP for graphics work, see the PNG vs WebP comparison.

Twitch Image Dimensions

Notes: Twitch enforces dimension requirements strictly — uploading the wrong size produces an error or forces an awkward crop. Always resize to exact pixel dimensions before uploading rather than relying on Twitch's upload cropper, which offers limited control. Emotes and badges require separate files for each size; uploading one size and auto-scaling produces poor results at small sizes.