Cropping Images for Social Media Without Awkward Cuts

Platforms crop uploads to their own cards, and they will cut a face or a date that sits on the edge. Crop Image lets you lock the ratio before upload. Crop to the placement you are actually using, keep text and faces out of the outer 10 to 15% border, and export at the pixel size that placement asks for. A wide 16:9 banner dropped into a square-first feed gets a center crop that can take a speaker's forehead or an event date.

Social networks fit your image to their cards. Feed, story, and ad preview do not share one ratio.

Why you crop before upload

Each network lays out cards for its own feed. A story viewer and an ad preview use different ratios again. One master rarely fits all of them.

Cropping also drops pixels you were not going to show. A 4000×3000 photo cropped to 1080×1350 throws away the rest. Export at display size. The camera file is larger than the feed will show. Resize images for web is the same idea applied to file dimensions.

Platform ratios (2026)

These are practical targets. Platforms change the UI. Ratios stay put longer than a pixel-perfect spec.

| Platform / placement | Ratio | Suggested export | |---------------------|-------|------------------| | Instagram feed (portrait) | 4:5 | 1080×1350 | | Instagram feed (square) | 1:1 | 1080×1080 | | Instagram Stories / Reels | 9:16 | 1080×1920 | | Facebook feed link image | 1.91:1 | 1200×630 | | LinkedIn feed post | ~1.91:1 | 1200×627 | | X (Twitter) feed image | 16:9 | 1600×900 | | YouTube thumbnail | 16:9 | 1280×720 |

When one creative has to serve several placements, design for the tightest crop (usually a 1:1 or 4:5 center) and accept letterboxing elsewhere, or export a separate crop for each placement.

Safe zones

Treat the outer 10 to 15% of a social crop as unsafe:

• Faces: put the eyes above vertical center on a portrait crop
• Text: keep headlines inside 80% of the width, and off the bottom edge where interface chrome sits
• Logos: a corner dies first when a phone reframes the image
• Product shots: leave room. Marketplaces add badges

For a carousel, crop every slide to the same ratio. Mixed ratios look uneven as someone swipes.

Crop workflow

1. Pick one platform and one placement. A file labeled "generic social" is a crop you have not chosen yet.
2. Open the source at full resolution. Start from the largest master you have.
3. Lock the aspect ratio in Crop Image to the row in the table.
4. Place the subject on a rule-of-thirds intersection, and check the safe zone.
5. Export at the target pixel size. 1080 px on the short edge is a solid default.
6. Compress if you need to, with Compress Image. A cropped PNG from a screenshot can still be heavy.
7. Preview on a phone. Upload to a private draft before the campaign goes live.

If you are batching product shots, crop before remove background when the subject needs a new frame. Otherwise you clip hair or a shoe edge that the removal tool had kept.

Three crops that failed, and the fix

Event promo, LinkedIn and Instagram. The design was 16:9, speaker on the right, date on the left. LinkedIn showed it. The Instagram square crop removed the date. Export a 4:5 with the speaker centered and the date stacked above the name. Two files.

Food photo, 4:5. An overhead plate with utensils at the frame edge. The Instagram 4:5 crop cut the fork. Crop tighter in camera, or in Crop Image, before upload. Include the utensils or leave them out. A fork cut in half reads as a mistake.

Quote card, 1:1. Text at 92% of the width looked large in Figma. Facebook on a phone cropped about 5% per side, and the quotation marks clipped. Keep text to 85% of the width at most, with a 10% margin as the minimum.

Mistakes

A landscape file in a portrait-first feed loses the sides, or it gets pillarboxed with empty bars.

Cropping after a heavy filter can shift where the edge appears to be. Crop the clean file first.

Platforms re-encode JPEG even when your crop was exact. Start sharp, and avoid over-compression before upload.

Stories and feed are not the same crop. 9:16 and 4:5 need their own layouts.

1080 px wide is enough for most feeds. Ads sometimes want 1200 px or more. Check the ad manager spec about once a quarter.

Privacy

A social upload is public. Cropping on your own desktop is fine for a draft. If you are cropping a confidential screenshot for an internal Slack post, use browser-local Crop Image so the draft does not go through a cloud converter.

Other ways to handle the frame

• Locked artboards in Figma or Canva, one per platform
• Separate vertical and horizontal masters, with automation picking the file per channel
• A video cover frame cropped to the same ratios as the still posts
• Intentional letterboxing, black or branded, when you refuse to cut a wide photo

If the site embeds social preview images, match those crops to image aspect ratios for web so the link preview matches the cards on the site.

Limits

Cropping discards the outer pixels in the exported copy. Keep the uncropped master so you can cut a different ratio later.

A tight crop reduces resolution. Cutting a small region out of a 1200 px photo can leave you under 1080 px, and the post looks soft after the platform re-encodes it.

Grid previews and the full post do not match. A 4:5 portrait shows at 4:5 in the main feed. A profile grid often previews a center square or a 3:4 window.

Pick the ratio before you drag the handles, keep faces and text in the safe zone, export at the pixel size in the table, and look at it on a phone. The feed crop is a fixed frame. Your crop should already fit it.