A Twitch branding pack needs several exports, not one image copied into every slot. For example, when you upload a square logo as a banner, Twitch has too little wide artwork to display without awkward empty space or enlargement. The correct Twitch banner size is a wide 1200 × 480 pixels, while a profile picture is square and a panel is narrow. Using each asset's native shape prevents avoidable cropping, softness, and upload errors.
Twitch artwork sizes at a glance
| Asset | Dimensions | Format and limit |
|---|---|---|
| Profile picture | 256 × 256 px | GIF, JPG, or PNG; up to 10 MB |
| Profile banner | 1200 × 480 px | GIF, JPG, or PNG; up to 10 MB |
| Info panel | Up to 320 × 300 px | Under 2.9 MB; larger images are resized |
| Subscriber badge | 18 × 18, 36 × 36, and 72 × 72 px | Transparent PNG; each file up to 25 KB |
| Standard emote | One square PNG from 112 × 112 to 4096 × 4096 px with auto-resize, or 28, 56, and 112 px files | PNG, transparent background; up to 1 MB |
Profile artwork and panels use different limits. Badges and emotes have still more specialized requirements because viewers read them at very small sizes.
Design the banner for responsive viewing
A 1200 × 480 banner has a 2.5:1 aspect ratio. Export at that exact canvas size instead of stretching an older 16:9 graphic. Keep the logo, channel name, schedule, and faces away from the outer edges. Twitch layouts vary by device and interface state, so decorative texture can extend to the edge while essential information stays closer to the center.
For a clean result, start with a source at least as large as the final canvas, crop to 2.5:1, and resize once. Enlarging a small screenshot or repeatedly saving a JPG creates softness around text. If your design includes gradients or photography, JPG can be efficient; choose PNG when crisp flat graphics or transparency matters.
Make the profile image recognizable at thumbnail size
The official Twitch profile picture size is 256 × 256 pixels. A detailed wordmark may be technically correct but unreadable in the channel sidebar. Use one strong silhouette, a face, mascot, or short monogram. Preview it at roughly 32 pixels wide before upload; if the identity disappears, simplify the artwork rather than sharpening it harder.
Build panels for scanning, not decoration
The maximum Twitch panel image size documented by Twitch is 320 × 300 pixels, with images kept under 2.9 MB. A panel does not need to use all 300 pixels of height. Short, consistently sized headers for About, Schedule, Rules, and Support usually create a cleaner page.
Do not bake long paragraphs into an image. Put essential information in the panel's text field so it remains selectable, linkable, and easier to update. Reserve the image for a concise label or illustration, and check contrast on both bright and dim displays.
Treat badges and emotes as separate products
Subscriber badges require three transparent PNG files—18, 36, and 72 pixels square—each no larger than 25 KB. Design at a larger working size, but manually inspect the 18-pixel version. Fine outlines, tiny letters, and close colors tend to merge.
Standard emotes use transparent PNG and can be uploaded as one square auto-resize source or as three manual sizes. Twitch also publishes separate animated-GIF and content rules. A successful upload does not replace a visual check in chat.
A practical export checklist
- Duplicate the editable master and name each destination: banner, avatar, panel, badge, or emote.
- Set the correct aspect ratio before resizing.
- Use PNG for transparency or sharp flat artwork; test JPG for photographic banners without transparency.
- Resize from the master once. Never enlarge a compressed delivery file.
- Confirm pixel dimensions and file size before upload.
- Preview the live channel on desktop and mobile, plus badges and emotes at chat size.
Frequently asked questions
Twitch's account settings documentation lists 1200 × 480 pixels and a maximum file size of 10 MB for a profile banner. Check the current uploader before final delivery because platform rules can change.
Use the same brand idea, but export separate compositions. A square avatar, wide banner, narrow panel, and 18-pixel badge need different spacing and detail.
PNG is appropriate for transparency, badges, emotes, and sharp flat graphics. JPG can make photographic banners smaller. The destination's accepted formats and visual result should decide.
