You finished a gorgeous illustration. Sharp linework, perfect lighting, a character with exactly the right smirk. You upload it as your banner, step back to admire it, and find that your profile picture is sitting squarely on her face. Or the mobile crop shaved off her ears. Or the channel name you carefully placed at the edge got politely sliced in half.
The art was fine. The shape was wrong.
Most banner trouble is not an art problem, it is a geometry problem. So this guide flips the usual order: start with the slot, learn where the dangerous zones are, and only then make art that fits. The anime part is the fun part, and it goes a lot better once the boring part is settled.
The Banner Slots You Actually Have
There are four slots worth knowing about.
Discord profile banner. The size should be at least 680×240. Discord does not publish a fixed aspect ratio on its page, and a crop tool appears after you upload. PNG, JPG and animated GIF files are supported, with GIFs under 10MB. Only Nitro members can set one.
Discord server banner. 960×540 is both the recommended and the minimum size, at a 16:9 ratio. Larger uploads such as 1920×1080 are resized automatically. The help page lists no file size limit. A static banner needs Boost Level 2 and an animated one needs Level 3, although Partner servers can use a static banner without boosting.
Twitch offline banner. Twitch’s own blog recommends 1920×1080 at 16:9. That source does not list a file limit, and you upload the image from Channel Settings.
Twitch profile banner. Confirm the size, ratio and file limit in Twitch’s upload dialog. More on that below.
Where these numbers come from. The Discord figures are from Discord’s own help pages for custom profiles and server banners. The Twitch offline banner figure comes from a Twitch blog post, which is official but dates from 2017, so treat it as a strong starting point and check the current upload screen.
About the Twitch profile banner. If you search for Twitch profile banner sizes, you will find guides that disagree with each other, with pixel widths ranging from roughly 1200 to 1920 and a height around 480. Rather than pick a winner, the safest move is to check Twitch’s own Channel Page Setup help article or the dimensions shown in the upload dialog when you add your banner. Two minutes there beats an hour of redoing artwork. And if you design around a central safe zone, which we cover next, you can survive more than one answer anyway.
Safe Zones and Cropping
Think of a banner as a stage with a few trapdoors. Here is how to avoid them.
Keep faces and text near the center. Twitch’s own advice for the offline banner is to put text and important content near the middle of the image, and it is good advice for every slot. Edges are where crops and overlaps happen.
Respect the avatar. On profile banners, the profile picture overlaps part of the image, usually near one of the lower corners. Discord’s help page does not publish exact overlap measurements, so do not guess: upload, look at the preview, and keep your character’s face and any text well away from the corner where the avatar lands.
Use the crop tool. Discord shows a crop step after you upload a profile banner, and skipping it applies default settings. Take the extra five seconds to position the crop yourself so the face lands where you want it.
Plan for phones. Banners are cropped and scaled differently across desktop and mobile. A practical rule of thumb, and this one is mine rather than an official figure, is to keep everything important inside the central 60 percent of the width and treat the outer edges as bonus scenery that is allowed to disappear.
Build bigger than the minimum. If Discord asks for at least 680×240, aim for something with the same shape at double the size, such as 1360×480. That is a design suggestion, not a Discord requirement, but it keeps linework crisp when the image gets scaled.
Anime Banner Ideas
Once the geometry is handled, here are four layouts that work well for anime art.
Character plus wide scenery. Park your character on one side and let a rooftop, a shrine path or a neon street stretch out on the other. The empty side is useful, because it is where text or the avatar can live.
The chibi lineup. A row of small, cute versions of your characters or mascot poses looks great in a wide format and sidesteps the problem of fitting a tall figure into a short space.
The name or logo banner. A clean background, a bold motif, and room for your name. Simple, readable, and very hard to get wrong.
Seasonal versions. Keep the same composition and swap the palette and props for autumn leaves, winter lights or spring blossoms. It makes your page feel alive without redesigning anything.
Making One With AI
There are two practical routes, and both start with the same decision: pick your slot and its shape before you generate anything.
Route one: generate in a wide ratio. Set a wide aspect ratio at the start, describe the character and the scene, and compose the picture for the banner from the beginning. This gives you the most control over where things sit.
Route two: extend a portrait sideways. If you already have a character illustration you love, outpainting widens the canvas and fills the new space with matching scenery. This is the better choice when the character is already perfect and you just need more room around her.
Both routes are possible in an anime-focused generator like PixAI, which the next section uses as a worked example.
Whichever route you choose, leave empty space for text and add the words afterwards in an image editor. AI-generated lettering is not reliable enough to trust with your channel name, and a real text layer lets you fix a typo in seconds.
Where PixAI Fits
PixAI is one practical way to cover all three steps in one place: make the character art, extend it into a banner, and sharpen it so it holds up at the size the slot needs.
Extending a portrait. PixAI’s own guide to outpainting for wallpapers and banners tested a 2:3 portrait extended to 16:9, 5:3 and 3:1, and the lessons are useful for banner work. It rates Edit Pro highest for keeping the original character intact, describes Smart Reference in Tsubaki.3 as the fastest route that can nudge the layout, and notes that Reference Pro reinterprets the image and may change original details. Its biggest caution is for very wide formats: at 3:1, the character can end up shrinking into a small part of the frame. Its advice for prompts is to describe only the new surroundings and avoid repeating the character description, which can trigger a redraw. Start with a centered character, clear lighting and a recognizable background.
The classic editor route works too. PixAI’s inpainting and outpainting guide explains extending the canvas by dragging the edges and describing what should appear, and recommends extending one edge at a time while asking yourself what would logically be there. The interface has changed over the past year, so use guides like these for the ideas and check the current menus for the exact controls.
Sharpening the result. If your finished banner comes out smaller than the slot expects, PixAI’s anime image upscaler is built to enlarge illustrations while keeping line edges clean and flat colors smooth. The page describes a useful range of 2x to 4x, warns that pushing beyond that makes the model start inventing detail, and notes that faces and text show changes most. Maximum output size depends on your plan and the source dimensions, so check what is available to you.
Put together, a banner workflow might look like this: generate a portrait of an original mascot, say a fox-eared streamer character with a headset, then extend the canvas to your slot’s shape with scenery on the open side, then upscale if needed, then add the channel name in an image editor. The character stays yours, and the empty space stays useful.
No tool guarantees a seamless extension on the first try, so expect to run a step more than once and to keep the original illustration saved.
Pick One Slot and Make It Fit
You do not need to redo every banner you own. Choose one slot, whether that is your Discord profile, your server, your Twitch offline screen or your channel page. Check its size on the official page or the upload screen, mark the safe zone where the avatar will land, and build one banner that fits it properly.
When the shape is right, the art finally gets to do its job: look great, with the face where it belongs and the text in one piece.
About Author
