Twitch panels sit below your channel bio—small rectangular boxes where streamers drop thumbnails, call-to-actions, and quick links. They're 320×160 px, which is one of the most awkward aspect ratios to work with. Most image editors assume square or wide formats. A source photo that looks fine at 16:9 gets mangled when you try to squeeze it into a 2:1 ultra-wide rectangle.
This guide shows how to resize images for Twitch panels using FrameForge, a Chrome extension that handles the math for you and keeps your images local (no uploading to a server).
Twitch Panel Dimensions
| Property | Value |
|---|---|
| Panel size | 320×160 px |
| Aspect ratio | 2:1 (ultra-wide) |
| Max file size | 10 MB |
| Formats | JPG, PNG, GIF, WebP |
| Number of panels | Up to 3 rows (unlimited, but only 3 visible per row) |
Panels are often overlooked in channel design, but they're the first thing a visitor sees after your header image. A poorly cropped panel looks unfinished.
The Cropping Challenge
A 2:1 rectangle cuts off a lot vertically. If you have a portrait photo (9:16) or even a 3:4 headshot, the panel frame will show only a thin horizontal slice. Landscapes (16:9) are closer but still require a specific crop to avoid leaving dead space.
FrameForge includes a Twitch panel preset, so you don't have to manually calculate the dimensions or experiment with crop ratios. Load your image, select the preset, and adjust the crop overlay.
Step-by-Step: Resize for Twitch Panels with FrameForge
Install FrameForge from the Chrome Web Store. Pin the icon to your toolbar.
Open your image. Click the FrameForge icon, then click Open image or drag your file onto the canvas.
Select Twitch Panel from the Platform dropdown. The canvas locks to 320×160 px immediately.
Adjust the crop. Drag the overlay to frame the part of your image that matters most—your face, your logo, or the key visual element. FrameForge lets you see the crop live.
Export. Click Export. FrameForge saves the resized image to your Downloads folder, ready to upload to your Twitch channel settings.
Why Panels Matter on Twitch
Panels are customizable boxes where you can link to:
- Your Discord server
- Ko-fi or Patreon
- Stream schedule or social media
- A portfolio or Linktree
Each panel is small, but collectively they fill the space below your channel header. Visitors see them before they see much else. A crisp, well-cropped panel image looks professional. A stretched or off-center crop looks like an afterthought.
Because panels are so narrow, you'll often need to crop tighter than you'd expect. A photo that looks balanced at 16:9 might need the edges trimmed significantly to work at 2:1.
Common Twitch Panel Uses
- Channel logo or icon — 320×160 works well for a slightly letterboxed version of your logo
- Social links — Text + icon (Discord, Twitter, Instagram)
- Sponsorship or product — Game cover art, software interface, merchandise photo
- Schedule or countdown — Text overlay on a solid background (though FrameForge doesn't add text; you'd do that in another tool)
Is FrameForge Free?
Yes. FrameForge is free to install from the Chrome Web Store. The free version includes the Twitch panel preset and all core resizing tools. A Pro version adds text overlay and batch processing, but for single-image resizing, the free version is all you need.
FrameForge processes everything in your browser. Your image never touches a server. No account required. No data collection.
Install FrameForge now: https://chromewebstore.google.com/detail/abdmadomfnijoiklnaklmplifmljgchj
Related
- How to Resize an Image for Instagram Posts in Chrome (1080×1080) — FrameForge, same extension, different preset
- How to Resize an Image for YouTube Thumbnails — 1280×720, a more forgiving 16:9 ratio