Published on October 13, 2021

Slice image for your instagram grid

In this blog, I’ll explain how you can use Adobe Photoshop to divide one image into several (equally divided) images, so you can post them separately on Instagram to create one large image on your grid!

Rather watch the video tutorial of this process? Click here or scroll down to the end of this page.

Okay, let’s get started. If you want to download the image I used for this explanation, you can find it here.

Step 1: Layout

Before we start editing, you need to think about the layout. We need to divide the image into equal squares, so they all line up once they’re on your Instagram page. I’m dividing this image into 9 squares (3 rows, 3 columns). So the first thing I need to do, is change the crop of the image into a square (1:1) one.


Select the crop tool and change the ratio to 1:1 (square), see the image above. After you did that, we need to create guidelines (view > new guide layout). The window below will appear.


To divide the image into 9 squares, we need 3 rows and 3 columns. The rest of the boxes should be empty (no gutter and no width/height). Press OK after that’s done.

Step 2: Slice image

Select the slice tool and select ‘Slices From Guides’ (see the image below).

slice an image


A number appears in the corner of each square. This means the image is now sliced into 9 parts.

Step 3: Save image

Now all we have to do is save it as 9 single images. Go to File > Export > Save for Web (legacy). You can pick a file type under ‘preset’ (I’m saving my images as JPEG). Also check out the other options to ensure you get the quality you want/need.


Then press ‘save’ and pick a folder to save the images in. See the image below for the settings.


Go to the folder you picked while saving the images. Photoshop created a new folder for your images. You’ll now have 9 separate images. Now all you have to do, is post them on Instagram! Be aware that you post them in the correct order, so the final image is displayed correctly!

Want to learn more about Adobe Photoshop? Check out my other blogs or take a look at my YouTube channel. The video below show this process in a slightly different way, so you can decide which method you like best!


🢐 Back to homepage


Photoshop
Basics
Photo editing
Creative editing
Camera Raw
Neural filters
Text effects

Lightroom
Basics
Photo editing

Share this page
Slice an image for your instagram grid in Adobe Photoshop

Post navigation