You don't have to crop nine tiles by hand for a 3×3 social post. Crop to 1:1, slice the canvas into 3×3 with the Slice tool, and export nine PNGs in one go — the whole job takes under two minutes. Every step and value is written out below, and it works in both Photoshop and Online PS.
Step 1: Crop to a square (1:1)
- Open Online PS (zaixianps.cc) and click
File → Open, or drag a local image straight into the canvas area. - In the toolbar on the left, pick the Crop Tool.
- In the options bar at the top, enable Ratio and enter
1:1. - Drag on the canvas to draw a square crop box, adjust the framing until you're happy, then click the ✓ at the top.
Step 2: Use the Slice Tool
- Find the Slice Tool in the left toolbar (the icon looks like a blade). If you don't see it, press and hold the Crop Tool to reveal its sub-tools.
- Once it's selected the cursor turns into a crosshair, ready for slicing.
Step 3: Divide into a 3×3 grid
- Make sure the image is still square (width = height). A Divide button now appears in the options bar — click it.
- Tick Horizontal and set N to
3; tick Vertical and set N to3. - Click OK and the canvas is split into nine equal sub-slices automatically.
Step 4: Export all slices as PNG
- Click
File → Export As → PNG…in the top-left (or use the Ctrl+Shift+Alt+S shortcut). - In the Export dialog, find the Slices option at the bottom left, open the dropdown and choose All Slices.
- Click Save and the browser downloads a
.ziparchive. - Unzip it and you'll find nine separate PNG files (named something like
slice_1.png, slice_2.png … slice_9.png).
💡 Wrap-up
You've just split one photo into nine equally sized tiles. They're ready for:
- Instagram → a 3×3 grid post
- Social media covers → creative layout
- Digital photo albums → tile-by-tile browsing
Tip: if you want a gap between the tiles, enlarge the canvas before cropping (say 1080×1080 → 1200×1200), then set Spacing to 0 while slicing and add a border or drop shadow to each slice afterwards.
References
- Adobe Photoshop official documentation
- HTML5 and the principles of modern front-end image processing
- Online PS