Banner Splitter

Drop a banner into the splitter above and it cuts equal vertical panels, three to start with and up to 20. Drag the seams to move them, switch the axis for horizontal strips instead, then download the panels numbered left to right. Nothing is uploaded.

Drop an image here

or , or paste with Ctrl+V

JPG, PNG, WebP, GIF, BMP and AVIF, up to 50 MB.

Split by
Grid

Your image never leaves your device. Splitting runs in your browser with the Canvas API.

Sizes for a banner split

Piece sizes computed by the splitter library. Platform dimensions from the site spec table, last verified 7 September 2026.
TikTok profile grid tile (unverified)1080 × 1440 px (3:4)
X profile header1500 × 500 px (3:1)
Facebook page cover851 × 315 px (2.70:1)
From a 1080 × 1080 square3 pieces of 360 × 1080 px
From a 1080 × 1350 portrait3 pieces of 360 × 1350 px
From a 4000 × 3000 photo3 pieces of 1333 × 3000 px

A banner is a wide image designed to be seen in one piece, which is a problem the moment the place you want to put it only accepts small square uploads. Splitting is the workaround: cut the banner into panels, upload them separately, and let the layout put the picture back together.

Where that works depends on the destination. A profile grid three squares wide takes a banner cut into three panels across the top row. A carousel takes a banner cut into slides. Twitch panels are rendered 320 pixels wide, so a wide strip cut into equal panels stacks under a channel at a predictable size. Anywhere with a fixed grid and separate uploads is a candidate.

The count runs from 2 to 20 and the seams are draggable, which matters for banners more than for photos. Banner artwork usually has a logo, a headline and a call to action sitting at specific points, and an even split will cut straight through at least one of them. Move a seam into the empty space between elements instead.

The axis toggle turns vertical panels into horizontal strips, for the cases where a tall banner needs breaking up rather than a wide one.

Panels are numbered left to right. Everything is cut on a canvas in this page, at full source resolution, with no watermark and nothing uploaded.

What a split banner is used for

Three-panel profile row

A banner cut into three panels fills the top row of a three-column profile grid. Post the right-hand panel first and the left-hand one last, because the newest post lands on the left of the row. Check the preview before uploading, since reversing the order is very visible.

Channel panels

Twitch panels render 320 pixels wide, so a wide strip cut into equal panels stacks under a channel at a consistent size. Cut the strip into as many panels as you have links or sections, and keep each panel's text large enough to read at panel width rather than at design width.

Banner as a swipeable carousel

Cutting a banner into slides turns a wide design into a post people swipe through. Pad each panel to 4:5 so all the slides share an aspect ratio, otherwise the platform crops the ones that do not match the first. Post the leftmost panel first.

Split a banner for a slide deck

A wide banner shrunk onto a slide is unreadable. Cut it into panels and reveal one per slide, and the type stays at a workable size. Export as PNG so the edges of logos and lettering stay clean rather than picking up compression artefacts.

Tips

  • Drag the seams into the gaps between logo, headline and call to action rather than accepting even panels.
  • Panels are numbered left to right; post them in reverse when they are filling a profile row.
  • Use the axis toggle when it is a tall banner rather than a wide one that needs breaking up.
  • Export PNG for banners built from type and flat colour, since JPG softens hard edges.
  • Check each panel on its own, because most banner splits are seen one panel at a time before they are seen together.

Frequently asked questions

How do I split a banner into equal parts?

Drop the banner into the splitter above and set the number of panels, from 2 to 20. Equal vertical panels appear in the preview immediately. Drag any seam to move it, pick an output format, then download the panels one at a time or all together as a ZIP.

How do I split a banner for a profile grid?

Cut it into three panels, since profile grids are three columns wide, then post the right-hand panel first and the left-hand one last. The newest post takes the leftmost position in a row, so uploading in reading order puts the banner on backwards.

What size should each banner panel be?

It depends where the panels are going. Twitch renders panels 320 pixels wide, so design above that and let it scale down. For a carousel, pad each panel to 1080 × 1350 px. For a profile grid, square tiles at 1080 × 1080 px match the grid layout.

Can I split a banner without losing quality?

Yes. Export to PNG or lossless WebP and every panel is an exact copy of its part of the banner, at full source resolution. That matters more for banners than photographs, because banner artwork is usually type and flat colour, which JPG compression handles badly.

Can I split a tall banner into horizontal strips?

Yes. The axis toggle switches the cut from vertical to horizontal, so instead of side-by-side panels you get stacked strips. Everything else works the same: the count goes up to 20, the cut lines are draggable, and the strips are numbered from the top.

How many panels can I split a banner into?

Up to 20 in a single row. In practice three to six is where most banners land, because past that each panel gets narrow enough that whatever is on it stops being readable at the size the destination displays it.