Wide panoramic landscape of a flat-topped mountain behind trees and a still reflective pond at golden hour, from a Photoshop tutorial on splitting a panorama for Instagram.
  • How to Split a Panorama for Instagram in Photoshop

  • Aaron Nace
    by Aaron Nace
    March 16, 2021
  • Add to
    favorites

Learn how to create seamless panoramas for Instagram using some quick math and easy-to-use Photoshop tools!

description

Artist Credit

Panoramic photo of a lake, trees, and mountains split across three Instagram post frames, with a phone mockup showing the center portion in the Instagram app
Create seamless panoramas

How to Split a Panorama for Instagram in Photoshop

A panorama is the one kind of photo Instagram handles worst. Upload a wide shot on its own and the feed squeezes it into a thin strip that throws away most of what made the scene worth shooting in the first place. The fix is to stop fighting the crop and use it instead: cut the panorama into a set of evenly sized portrait images and post them together as a single multi-image carousel. When someone swipes, the slices line up edge to edge and the panorama reads as one continuous scene.

Photoshop can do the cutting for you automatically. The whole job comes down to one piece of arithmetic done before you crop, and once that number is right, every step after it is a couple of clicks. Below is the full process: the dimensions, the math, the crop, the guide layout, the Slice tool, and a single export that writes every slice to disk at once.

Instagram recommended image dimensions for square landscape and portrait posts

The Right Instagram Dimensions to Start With

Instagram accepts three basic shapes, and each one has a recommended pixel size. Square posts are 1080 x 1080. Landscape posts are 1080 x 566. Portrait posts are 1080 x 1350. Those numbers are the foundation for everything that follows, because the slices you are about to create have to match one of them exactly.

For a panorama, portrait is almost always the right choice. It is the tallest shape Instagram allows, which means each slice takes up the most vertical space on screen, and taller slices mean the viewer sees more of the photo at any given moment. A panorama cut into square slices works, but it wastes screen height that Instagram is willing to give you for free.

Why the numbers matter more than usual here

With an ordinary single post, being slightly off on dimensions costs you a little sharpness and nothing else. With a sliced panorama it costs you the effect. If the slices are not identical in size, Instagram scales them differently, and the seams between images stop lining up. The illusion of one continuous photo depends entirely on every slice being the same width and the same height, which is why the math comes before the crop rather than after it.

The Math That Makes the Slices Line Up

Decide how many slices you want first. Somewhere between three and five works for most panoramas. Fewer than three and the effect is not obvious; more than five and people stop swiping before they reach the end.

Then multiply the width of a single slice by the number of slices. Using portrait dimensions and five slices:

1080 x 5 = 5400

That gives you a final image 5400 pixels wide and 1350 pixels tall. Every slice cut out of it will be exactly 1080 x 1350, which is precisely what Instagram wants. If you would rather post four slices, the width is 4320. Three slices is 3240. The height stays at 1350 no matter how many slices you use, because the height of the finished post never changes.

Calculating the total canvas width by multiplying slice width by the number of slices

This is the only calculation in the tutorial, and it is worth doing before you touch the crop tool. Cropping first and doing the math afterward means cropping twice.

Cropping the Panorama to the Exact Width

With the target dimensions known, the crop is straightforward.

  1. Open the panorama and select the Crop Tool

    Press C, or pick the Crop Tool from the toolbar.

  2. Switch the ratio dropdown to Width x Height x Resolution

    By default the Crop Tool works in ratios, which will not give you exact pixel dimensions. The Width x Height x Resolution mode lets you type real numbers.

  3. Type the width and height with units

    Enter 5400 px in the width field and 1350 px in the height field. Including px matters — without it, Photoshop may interpret the value as inches and produce a file far larger than you intended.

  4. Position the crop and commit it

    Drag the image inside the crop box to choose what stays. Press Enter to apply.

Setting the Crop Tool to width height resolution mode in the options bar

Expect to lose a little off the top or bottom. A panorama straight out of a stitching program is rarely in the exact aspect ratio Instagram wants, so something has to give. Look at the crop preview before committing and make sure nothing important is falling outside the box — a horizon that sits too high or a subject that ends up half out of frame is much easier to fix now than after the slices are exported.

Typing exact pixel dimensions into the Crop Tool options bar

Confirm the size before moving on

Go to Image and then Image Size and check the numbers. You should see exactly 5400 x 1350 pixels. This takes two seconds and catches the most common mistake in the entire process — a crop that was applied in inches, or a width that was mistyped by a digit. Everything downstream depends on this number being right, so verify it rather than assuming it.

Confirming the canvas size in the Image Size dialog

Dividing the Image with a Guide Layout

You could place guides by hand, but there is no reason to. Photoshop has a feature that divides a canvas into perfectly even columns in one dialog.

  1. Go to View and then New Guide Layout

    Press F first if you want to work in full screen, which makes the guides easier to see.

  2. Set the number of columns

    Enter the same number of slices you used in the math — 5 in this example. Photoshop divides the canvas evenly and places the guides for you.

  3. Set Width and Gutter to zero

    This is the step people miss. If the Gutter field has a value in it, Photoshop leaves a gap between columns and your slices will not be 1080 pixels wide. Both fields need to read zero.

  4. Click OK

    The canvas is now divided into identical vertical segments.

The New Guide Layout dialog set to five columns with zero gutter

The guide layout is doing the hard part here. Dragging guides manually onto a 5400 pixel canvas and expecting them to land on exact 1080 pixel boundaries is not realistic, and being off by even a few pixels shows up as a visible jump between slices when the carousel is swiped.

Turning Guides into Slices

Guides on their own are just visual references — they do not affect the file. To turn them into something Photoshop can export, you need the Slice Tool.

  1. Find the Slice Tool

    It is nested underneath the Crop Tool. Click and hold on the Crop Tool icon to reveal it.

  2. Click Slices From Guides

    With the Slice Tool active, this button appears in the options bar at the top of the screen. One click converts every guide into a slice boundary.

Choosing Slices From Guides in the Slice Tool options bar

The canvas now shows numbered slice regions, one per segment. Nothing has been cut yet — the original file is untouched — but Photoshop now knows where to divide the image when you export.

Exporting Every Slice at Once

The payoff is that all the slices come out in one operation.

  1. Go to File, then Export, then Save for Web (Legacy)

    The word Legacy is a little alarming but this dialog is the one that understands slices, and it still works.

  2. Select every slice

    Zoom out so you can see the whole image, click the first slice, then hold Shift and click each remaining one. If you skip this, Photoshop exports only the slice that happens to be selected.

  3. Choose your file settings

    JPEG at a quality of around 60 is plenty for Instagram, which re-compresses everything you upload anyway. Nothing else in the dialog needs to change.

  4. Save to a folder you will find again

    Photoshop creates an images subfolder and writes out every slice, numbered in order.

Selecting all slices in the Save for Web dialog before exporting

Check one of the exported files before you go anywhere. Each one should be exactly 1080 x 1350 pixels. If they are, the hard part is done.

The exported slices at 1080 by 1350 pixels ready to upload to Instagram

Upload the slices to Instagram as a single multi-image post, adding them left to right in the order they were exported. The file names Photoshop generates are sequential, which makes this easy to get right — but it is also the last place the whole effect can fall apart, so double-check the order in the preview before you publish.

One thing worth knowing: Instagram shows the first slice as the cover image in the grid. That means the leftmost part of your panorama is what people see when they browse your profile, and it is doing the work of pulling them into the swipe. If the left edge of your panorama is the least interesting part of the scene, it is worth reconsidering the crop and shifting it so something compelling lands in the first slice.

Common Problems and How to Avoid Them

The seams do not line up

Almost always the Gutter value in the New Guide Layout dialog. Set both Width and Gutter to zero and redo the guides.

The exported files are the wrong size

Go back and check Image Size. If the canvas was not exactly 5400 x 1350 before you placed the guides, the slices cannot be 1080 x 1350 afterward. This usually traces back to a crop entered without the px suffix.

Only one file exported

The slices were not all selected in Save for Web. Click the first slice, then Shift-click the rest, then export again.

Instagram softened the images

Some quality loss is unavoidable because Instagram re-compresses uploads. Exporting at a slightly higher JPEG quality helps a little, but do not chase this too far — going from 60 to 100 mostly produces bigger files that Instagram compresses right back down.

Adapting the Technique

Nothing about this process is specific to five slices or to portrait dimensions. Change the multiplier and you change the number of slices. Use 1080 x 1080 as your slice size and the same steps produce a square carousel instead. You can even run the guide layout in rows rather than columns if you want to divide an image vertically, though that is a rarer use case.

The principle stays the same throughout: decide the final slice dimensions first, multiply to get the canvas size, crop to that exact number, then let the guide layout and the Slice Tool handle the division. Get the arithmetic right at the start and Photoshop does the rest without any manual measuring at all.

Quick Reference: Keys, Menus and Settings

  • Do the mathSlice width x number of slices: 1080 x 5 = 5400 wide, 1350 tall
  • Crop to sizeC, Ratio: W x H x Resolution, 5400 px by 1350 px, Enter/Return
  • Check the sizeImage > Image Size reads 5400 x 1350 pixels
  • Even guidesF for full screen; View > New Guide Layout, 5 Columns, Width and Gutter 0
  • Make slicesClick and hold the Crop Tool for the Slice Tool, then Slices From Guides
  • Export every sliceFile > Export > Save for Web (Legacy), click then Shift-click each slice, JPEG Quality 60

No AI, no generative credits.

Image source

Image by Pixabay, sourced from Pexels.

Page 1 of the free How to Split a Panorama for Instagram PDF guide

Free Downloads

Follow Along on the Same Photo

Get the wide panorama photo, the sample PSD and the 3-page PDF guide to cut your own five-slice Instagram carousel. Free with a PHLEARN account.

Instagram Panoramas: Common Questions

Why split a panorama for Instagram?

Posted on its own, a wide panorama gets squeezed into a thin strip in the feed. Cut it into evenly sized portrait images and post them together, and the pieces line up edge to edge as people swipe.

What size should each slice be?

The tutorial uses Instagram’s recommended portrait size, 1080 x 1350 pixels, the tallest shape it allows. Sizes can change, so check Instagram’s current recommendation before you do the math.

How wide should the panorama be?

Multiply the width of one slice by the number of slices. For five portrait slices that is 1080 x 5 = 5400 pixels wide. The height stays 1350 pixels however many slices you use.

How do I crop to an exact pixel size in Photoshop?

Press C for the Crop Tool, change the Ratio menu to W x H x Resolution and type 5400 px and 1350 px. Press Enter/Return, then check Image > Image Size.

How do I divide the image into even sections?

Go to View > New Guide Layout, type the number of slices under Columns and set Width and Gutter to 0. Photoshop places perfectly even guides for you.

Where is the Slice Tool?

Click and hold the Crop Tool in the toolbar; the Slice Tool is nested under it. Then click Slices From Guides in the options bar to turn the guides into numbered slices.

How do I export all the slices at once?

Go to File > Export > Save for Web (Legacy). Click the first slice, Shift-click the others, set JPEG at a quality of 60 and click Save. Photoshop creates an images folder with each slice named in order.

Why did only one slice export?

Not every slice was selected in Save for Web. Click the first slice, Shift-click the rest and save again.

Why don’t the seams line up when I swipe?

Usually a Gutter value was left in New Guide Layout, or the image was not exactly 5400 x 1350 before the guides went on. Set Width and Gutter to 0, check Image Size and make the guides again.

Are the sample files free?

Yes, with a free PHLEARN account. You get 1 sample image, 1 sample PSD and 1 PDF guide: the panorama from the video, its PSD and the 3-page step-by-step guide.

Master Photoshop, Lightroom and Photography

Join PHLEARN PRO for $12.99 a month, or $99.99 a year (save 36%). Cancel anytime, with a 100% money-back guarantee.

As featured in
  • 500px
  • Adobe
  • Fstoppers
  • HuffPost
  • Inc.
  • PetaPixel