How to Resize an Image for Twitch Panels in Chrome (320×160)

Most streamers design their channels around the header art and profile image—the big, obvious pieces. Panels get overlooked. But they're real estate. Visitors to your channel see panels immediately after your bio. A crisp, well-composed panel looks intentional. A stretched or off-center crop looks like an afterthought.

The challenge: Twitch panels are 320×160 px, a 2:1 aspect ratio. If your source is a portrait photo, a headshot, or even a standard widescreen image, you're losing significant vertical space. That phone photo of your face gets reduced to a thin horizontal slice. Most image resizers don't have a preset for this exact format, so you either manually crop and check dimensions, or upload to an online tool.

FrameForge is a Chrome extension that includes a Twitch panel preset. Load your image, select the preset, and it locks the canvas to 320×160. Then drag the crop overlay to frame exactly what you want. Everything happens in your browser—no upload, no server, no account.

Twitch Panel Specs

The 2:1 ratio is unique to Twitch panels. It's not landscape (16:9), not square (1:1), not portrait—it's specifically ultra-wide and short. That's why a generic resizer isn't enough. You need the exact dimensions locked in.

Why Twitch Panels Matter

Panels are where you direct traffic. Link to your Discord, Ko-fi, Linktree, or stream schedule. A well-designed panel stands out and encourages clicks. A poorly cropped image undermines the message.

Because the format is so narrow, composition matters. A panel with a logo centered, a social icon, or a single subject in focus works. A landscape scene with distributed detail across the image often looks cramped—too much information competing in too little vertical space.

Step-by-Step: Resize for Twitch Panels with FrameForge

1. 1
   Install FrameForge

   Install FrameForge from the Chrome Web Store. Pin the icon to your toolbar so it's accessible whenever you need to resize.
2. 2
   Open your image

   Click the FrameForge icon. Click Open image or drag-and-drop your source file onto the canvas. Supports JPG, PNG, WebP, and more.
3. 3
   Select Twitch Panel

   In the Platform dropdown, select Twitch Panel. The canvas immediately locks to 320×160 px.
4. 4
   Adjust the crop

   Drag the crop overlay to frame your subject. Because the format is so wide and short, positioning is critical. Drag horizontally to include or exclude detail on the sides, and vertically to center faces or focal points.
5. 5
   Export and upload

   Click Export. FrameForge saves the 320×160 image to your Downloads folder. Go to your Twitch channel settings, click Panel settings, and upload the cropped image.

Common Twitch Panel Designs

Here are a few approaches that work well at 320×160:

Logo or icon centered. Works great if your logo or brand mark reads well horizontally. The narrow vertical space doesn't constrain a simple, bold design.

Headshot or face portrait. Crop to show just the face against a simple background. The panel will display your eyes and mouth—enough for recognition. Anything below the chest gets cut off anyway.

Text + icon. A Discord icon in the left third, "Join our Discord" text on the right. FrameForge resizes the base image; if you need text overlay, export from FrameForge and use another tool to add text.

Solid color background. If you don't have a photo that fits the format well, a solid color with a centered icon or logo can look cleaner than a cropped image that feels cramped.

Frequently Asked Questions