Quick Answer
To crop images for different platforms free, open a browser cropper, pick the ratio that platform wants, position the frame around your subject, then download. Use 4:5 for feed posts, 1:1 for square, 9:16 for stories, and 1.91:1 for link previews. Crop first, resize second, and always start from the largest original.
To crop images for different platforms free, open a browser-based cropper, choose the aspect ratio that platform expects, drag the frame so your subject sits inside it, and download. That's the job. The part people get wrong isn't the clicking, it's picking the right ratio and deciding what to cut. A photo that looks great as a square can lose its whole point at 9:16, and a logo that reads fine on desktop can end up sliced in half in a link preview. Below you'll find the ratio each platform wants, where to place your subject so nothing important gets clipped, and what cropping actually costs you in quality.
The fastest route is our free image cropper, which runs entirely in your browser with preset ratios built in. Here's the process and the thinking behind it.
How Do You Crop an Image for Free?
Four steps, under a minute, no account:
- Upload your image. Start from the largest, highest-quality original you have, not a version someone already messaged you.
- Pick a ratio. Use a preset like 1:1, 4:5, 16:9, or 9:16 rather than dragging freehand. Freehand is how you end up with 1079 pixels instead of 1080.
- Position the frame. Move it so the subject sits where you want it, and check what's falling outside the edges.
- Download, then resize if you need exact pixels. Crop sets the shape. Resize sets the size. Do them in that order.
Browser tools like this use the HTML Canvas API to read and redraw your image on your own device, which means the file is never uploaded anywhere. That matters more than people think for anything with a face, a document, or an address in it.
What's the Difference Between Cropping and Resizing?
They get used interchangeably and they're not the same thing at all.
Cropping cuts pixels away. You end up seeing less of the scene than you did before. A 4000 by 3000 photo cropped to a square becomes 3000 by 3000, and a thousand pixels of width are gone for good.
Resizing keeps everything in frame and changes the pixel dimensions of the whole thing. That same 4000 by 3000 photo resized becomes 1200 by 900, still showing the identical scene, just smaller.
So crop when you want to change the composition or the shape. Resize when you want to change the file size or hit a required width. Most platform work needs both: crop to the ratio, then resize to the pixel spec. Our complete resizing guide covers the second half, and the free resizer handles it in the same browser session.
The classic mistake: trying to crop and resize in one move by dragging a corner to a fixed pixel size. That's how images end up stretched or squashed. Set the ratio first, then set the size.
Which Crop Ratio Does Each Platform Want?
Here's the current picture. Platforms revise these, so treat it as a working snapshot and check the platform's own help centre before a big campaign.
| Where it goes | Ratio | Pixels |
|---|---|---|
| Instagram feed, portrait | 4:5 | 1080 x 1350 |
| Instagram feed, square | 1:1 | 1080 x 1080 |
| Instagram feed, landscape | 1.91:1 | 1080 x 566 |
| Instagram profile grid preview | 3:4 | Sides trimmed from your 4:5 post |
| Stories and Reels, any platform | 9:16 | 1080 x 1920 |
| Facebook and LinkedIn feed post | 4:5 or 1:1 | 1080 x 1350 or 1080 x 1080 |
| Link preview card | 1.91:1 | 1200 x 630 |
| LinkedIn cover photo | 4:1 | 1584 x 396 |
| LinkedIn profile photo | 1:1 | 400 x 400 or larger |
| YouTube thumbnail | 16:9 | 1280 x 720 |
If you only have time to make one version, make it 4:5 at 1080 by 1350. It takes up more vertical space on a phone than a square does, and Instagram, Facebook, LinkedIn and Threads all accept it in the feed.
But there's an Instagram wrinkle worth knowing, because it catches people out constantly. The feed and the profile grid crop differently. In January 2025, Instagram head Adam Mosseri announced the profile grid was moving from square 1:1 to a taller 3:4 preview, on the reasoning that most people shoot and post vertical rather than horizontal. The feed still favours 4:5. So your 4:5 post looks right in the feed and then gets its sides trimmed slightly in the grid, because 3:4 is narrower than 4:5 at the same height.
Practically, that means two things. Keep your subject and any text away from the left and right edges, not just the top and bottom, since the grid is what trims horizontally. And if your profile grid is part of your brand, check how a post looks in both places before you commit, because looking good in one doesn't guarantee the other. For the full per-platform breakdown including cover images and ad formats, see our social media image sizes guide and the Instagram-specific guide.
Why Do Platforms Crop Your Image Anyway?
Because feeds are built on fixed containers. Every post slot has a defined shape, and your image has to fit it. When it doesn't, the platform decides for you, usually by centre-cropping to the nearest supported ratio.
That automatic crop doesn't know your intent. It has no idea your logo is bottom-left or that the client's face is off to one side. Often it simply cuts from the middle out, which is why a group photo can lose the person on the end, a product shot can lose the brand name, and a text overlay can lose its last word. Some platforms use a smarter model that tries to find the interesting part instead, and that brings its own problems, covered further down.
There's a second layer too. Most platforms re-compress what you upload to save bandwidth, so a file that left your machine crisp can arrive slightly softer. Uploading at the exact spec rather than something oversized gives the platform less reason to touch it. Our guide to compressing images properly covers how to control that end of it.
Can You Trust an Automatic Smart Crop?
Worth adding some nuance to the section above. Plenty of automatic crops really do just cut from the centre. But several platforms and tools use something cleverer, and cleverer isn't the same as safer.
The technique is saliency cropping. A model predicts which part of a picture a person would look at first, then centres the crop there. Sounds like exactly what you'd want, and there's a well-documented case showing how it can go wrong.
Twitter shipped saliency-based cropping in January 2018. In late 2020 users noticed the previews seemed to favour light-skinned people over dark-skinned people, and to crop toward women's bodies rather than their faces. Twitter's own researchers investigated and published the results. Kyra Yee, Uthaipon Tantipongpipat and Shubhanshu Mishra presented Image Cropping on Twitter: Fairness Metrics, their Limitations, and the Importance of Representation, Design, and Agency at CSCW 2021. They confirmed systematic disparities in the cropping, and identified a mechanism they named argmax bias: when you crop to the single most salient point, small differences in the model's scores get amplified into large differences in what actually survives the crop.
Their recommendation was blunt. Remove saliency-based cropping in favour of something that preserves user agency, because fairness metrics and quantitative analysis alone weren't enough to capture the risk of representational harm. Twitter acted on it, moving to full-size image previews across mobile through 2021 so that what you see in the composer is what people get in the timeline.
Two things to take from that, neither of which requires you to care about Twitter specifically.
- An automatic crop is a guess about what matters in your picture. Sometimes a good one. But it's optimising for predicted attention, not for your intent, and it has no idea which person in a group photo is the client.
- The failure mode is invisible to you. You see your upload. Other people see the crop. Nothing tells you they diverged, which is exactly how the Twitter problem went unnoticed for nearly three years until users spotted it themselves.
So the practical rule doesn't change, it just gets a better reason behind it. Crop deliberately before you upload, at the ratio the platform wants, and the automatic cropper never has to make a decision on your behalf. That's true whether the algorithm behind it is a crude centre cut or a trained saliency model. The one you control is the one that knows what the picture is for.
How Should You Crop for Your Own Website?
Social platforms hand you a ratio and you obey it. Your own site is different, because you control the container, and that changes the job in two useful ways.
Start with the one crop that isn't up to you: the thumbnail Google shows. Google Search Central's Discover documentation is specific about what earns a large image treatment. The image needs to be at least 1200 pixels wide, at a 16x9 aspect ratio, with a high resolution of more than 300,000 total pixels. Google's own worked example is a 16:9 image at 1280 by 720, which comes to 921,600 total pixels and clears the bar comfortably. You also have to opt in, either with the max-image-preview:large setting or through AMP, and point Google at the right file using schema.org markup or the og:image tag. Miss any of that and your article gets the small thumbnail instead.
Google's separate Image SEO best practices page adds a warning that's easy to skip past: avoid using an image with an extreme aspect ratio, meaning images that are too narrow or overly wide. A dramatic letterbox banner might look sharp in your hero section and then get mangled or ignored everywhere it's surfaced as a thumbnail.
The second difference is that on your own site you don't have to choose a single crop at all. The HTML <picture> element lets you ship several and let the browser pick. The WHATWG HTML specification defines it as a container which provides multiple sources to its contained img element, so authors can declaratively control or hint to the browser which image resource to use, based on screen pixel density, viewport size, image format, and other factors.
Mozilla's MDN documentation calls the cropping use case art direction, which it describes as cropping or modifying images for different media conditions, such as loading a simpler version of an image that has too many details on smaller displays. In practice that means a wide landscape crop on desktop and a tighter portrait crop on a phone, from the same photo:
<picture>
<source srcset="hero-wide.jpg" media="(width >= 600px)">
<img src="hero-tall.jpg" alt="Describe the cropped version">
</picture>
The browser walks the source list top to bottom and takes the first one that matches, so order matters. Put your most preferred option first, and remember the <img> is the fallback and has to come last.
One caution on the alt text. If you're serving two different crops, they may not show the same thing, and the alt attribute sits on the <img> rather than on each source. Write it to describe what's common to both crops, or keep the crops close enough that one description honestly covers them.
Can You Crop With CSS Instead of Making Files?
Yes, and for most website work it's the better default. You ship one image, and the browser does the cropping to whatever shape the container happens to be. Two CSS properties do the whole job.
object-fit: cover scales the image to fill its box and quietly discards whatever overflows. That's a crop, performed at display time. And then object-position decides which part survives it.
Here's the detail worth stopping on, because it's the same trap this guide warned about two sections ago wearing different clothes. Mozilla's MDN documentation defines object-position as specifying the alignment of a replaced element's contents within its box, and gives its default value as 50% 50%. Dead centre.
So your own website centre-crops your images by default. Exactly what the platforms do. Exactly what the article told you not to let happen. The difference is that this one is yours to fix, and it takes a single line:
img {
width: 300px;
height: 250px;
object-fit: cover;
object-position: center top;
}
That keeps the top of the frame, which is usually where faces live in a portrait photo squeezed into a landscape card. You can use keywords like top, bottom, left and right, or percentages if you need finer control. MDN classes the property as Baseline widely available, working across browsers since January 2020, so there's no compatibility reason to avoid it.
Which leaves the question of when to reach for CSS and when to reach for the <picture> element from the previous section:
- Use CSS cropping when it's the same photograph and you're only fitting it to different containers. One file, no build step, and you can change your mind by editing a stylesheet.
- Use
<picture>when the crops are genuinely different pictures. A wide establishing shot on desktop and a tight portrait on mobile is art direction, not fitting, and no amount ofobject-positiongets you there.
One honest cost to weigh. CSS cropping hides pixels, it doesn't avoid downloading them. The browser fetches the whole file and then displays part of it, so a large hero image cropped to a narrow strip on a phone is bandwidth you paid for and nobody saw. That's precisely where <picture> earns back its extra complexity, and on a page where speed matters it's the argument that should decide it.
Either way, set object-position deliberately on anything containing a face, a logo, or text. Leaving it at the default is a decision too, just one you didn't make on purpose.
How Do You Crop for Printing?
Printing is where crops go wrong in a way screens never punish you for, and the reason is a mismatch nobody warns you about. Your camera and your print size disagree about shape, so something has to give.
Run the numbers and it's obvious. Most phones shoot 4:3. Most mirrorless and DSLR cameras shoot 3:2. Now look at what you can actually order: a 4x6 print is 3:2, a 5x7 is 7:5, and an 8x10 is 5:4. Not one of those matches both camera ratios, and 8x10 is the brutal one. Feed it a 3:2 photo and the lab has to remove a quarter of the long side. That's where the top of someone's head goes.
So a few rules if the picture is destined for paper:
- Decide the print size before you crop, not after. Crop to 5:4 yourself and you choose what leaves the frame. Send a 3:2 file and a machine chooses for you.
- Leave breathing room around anything important. Heads, feet, and text near an edge are the first casualties. If you might print at more than one size, keep the subject away from the boundary so every ratio has somewhere to cut.
- Ask whether the lab prints full bleed. Borderless printing means the image runs off the edge of the paper, which requires a little extra to be trimmed away. That trim comes out of your crop whether you planned for it or not.
- Crop first, then check the pixel count. Cropping throws away pixels, and print is far less forgiving of a shortfall than a screen is. A crop that looks fine on a phone can land under what an 8x10 needs.
That last point is really a resolution question rather than a cropping one, and it deserves more room than it gets here. Our image resolution guide covers how many pixels each print size actually needs.
Where Should You Put the Subject in the Frame?
Assume something will get cut and plan for it. The practical version:
- Keep the subject in the middle 60 percent. If a platform centre-crops your image, anything in that band survives almost any ratio change.
- Leave breathing room around faces. A tight head crop at 16:9 becomes a chin crop at 1:1. Give yourself margin.
- Never put text or logos near the edge. The outer 10 percent on every side is the danger zone. Profile photos get a circular mask on top of that, which eats the corners entirely.
- Check the crop at every ratio you'll use. Open the same image at 1:1, 4:5 and 9:16 before committing to a layout.
- Crop for the story, not the rules. Rule of thirds is a starting point, not a law. Ask what the picture is about and cut toward that.
If you're making round profile pictures specifically, our guide to cropping an image into a circle covers the masking approach and the transparency you'll need.
Do
- Start from the biggest original you have
- Use preset ratios, not freehand drags
- Crop first, then resize to exact pixels
- Keep text well inside the edges
- Preview at every ratio you plan to post
Don't
- Crop from a screenshot of a screenshot
- Crop tight then enlarge the result
- Re-save the same JPEG over and over
- Trust the platform's automatic crop
- Put your logo in a corner
Does Cropping Reduce Image Quality?
Cropping on its own doesn't. It discards pixels, and the ones left behind are exactly as they were. But two things around cropping do cost you quality, and both are avoidable.
Re-saving as JPEG. Every JPEG save runs lossy compression again on whatever you kept. Crop, save, crop again, save again, and you're stacking compression artefacts. If a photo will go through several edits, keep the working copy as PNG and export JPEG only at the end. Our PNG vs JPG vs WebP comparison covers which format to hold at each stage.
Cropping tight then enlarging. Crop a 4000-pixel photo down to 800 pixels of subject, then blow it back up to 1080 for a post, and you're stretching 800 pixels of real detail across 1080 pixels of space. Software invents the difference. Always crop from the largest original available, which is why cropping a WhatsApp forward rarely ends well.
There's a broader principle here that comes from preservation work rather than social media. The Federal Agencies Digital Guidelines Initiative, a US federal collaborative whose Technical Guidelines for Digitizing Cultural Heritage Materials reached their third edition in May 2023, lists excessive cropping alongside over-sharpening, desaturation and blurring as transformative processing that archival digitisation should avoid. Their concern is fidelity to the original rather than engagement, and the standard doesn't apply to your Instagram post. But the underlying idea does transfer: every crop throws away context you can't get back, so keep an uncropped master and crop copies from it.
The US National Archives works the same way, building what it calls production master raster image files from which access copies get derived. That's a good habit for anyone: one high-resolution master, many cropped children.
What Happens to the Hidden Data When You Crop?
Every photo from a phone or camera carries a block of embedded information called Exif data: the camera model, the exposure settings, the date, and often the exact coordinates where you stood. Cropping tools treat that block very differently from one another, and the two ways it bites you pull in opposite directions.
The first is the rotation bug, and you've almost certainly hit it. You crop a photo that looked upright, and the result comes out sideways. That's the Exif orientation tag. Cameras usually record the sensor's actual orientation and then set a tag saying "rotate this when displaying," rather than rewriting the pixels. Mozilla's documentation on the CSS image-orientation property describes the default behaviour, from-image, as using the Exif information in the image to rotate it appropriately, with browser support classed as widely available since April 2020.
The trouble comes when a tool reads the pixels but drops the tag. The image was never actually upright, and now nothing is left to say so. If a crop comes out rotated, that's the cause, and the fix is to rotate and re-save rather than to fight the tool.
The second issue runs the other way, and it matters more. If your tool preserves Exif faithfully, it may also be preserving your location. The US Federal Trade Commission's consumer guidance makes the point plainly: features on your devices, like the camera, might hold information about where you were when you took a photo, and if you don't want to broadcast that for every selfie, turn off location on your phone's camera. CISA's guidance on managing your online presence says the same thing more bluntly, recommending you disable location sharing and avoid geo-location tags.
Worth knowing what that means concretely. A photo taken at home carries your home address in a form anyone can read with free software. Most large social platforms strip Exif on upload, so posting to Instagram is usually fine. Emailing the original file, uploading it to a forum, or attaching it to a marketplace listing often isn't.
Practical version:
- Turn location off in your camera app if you don't need it. That solves the problem at the source and nothing downstream has to remember.
- Assume a browser-based cropper strips metadata, because most re-encode the image through a canvas and lose it. Good for privacy, occasionally annoying if you wanted the camera data kept.
- Check one file before a batch. Crop one photo, then inspect the output for location data before you process two hundred.
- Keep the originals. If a tool strips Exif and you later want the shooting data, it isn't coming back.
How Do You Keep Cropped Images Accessible?
Two things get overlooked when people crop for social, and both matter if anyone using a screen reader will encounter your post.
First, alt text. WCAG 2.2 success criterion 1.1.1, Non-text Content, requires that non-text content has a text alternative serving the equivalent purpose. If your crop changed what the image is about, the alt text has to describe the cropped version, not the original.
Second, text baked into images. WCAG 2.2 success criterion 1.4.5, Images of Text, asks you to use real text rather than pictures of text wherever the presentation allows it, because text in an image can't be resized, restyled, or read aloud. That's doubly true after a crop, since a tight crop is exactly what shrinks baked-in text past readable. The W3C's images tutorial works through how to decide what a given image needs.
Quick check: after cropping, ask whether someone who can't see the image would get the same information from your caption and alt text. If the crop removed the thing your caption refers to, fix the crop, not the caption.
What Mistakes Should You Avoid?
Six errors cause most of the bad crops:
- Cropping the source instead of a copy. Once you save over the original, the pixels are gone. Crop copies.
- Letting the platform decide. Upload at the right ratio and the automatic crop never runs, whether it's a centre cut or a saliency model.
- Logos and text near the edge. The first thing any crop takes is the outer band.
- One crop for every placement. A 16:9 hero image does not survive being squeezed into a story.
- Cropping a low-resolution file. There's no detail to spare. Find the original.
- Forgetting the profile-photo circle. Square crops get masked to a circle on most platforms, so keep the face well inside the corners.
Get those right and cropping stops being the step that quietly ruins an otherwise good image. If your finished pictures are heading into a document rather than a feed, you can assemble and compress the PDF free at IWantFreePDFTools.
What Else Do People Ask?
How do you crop an image for free without software?
Use a browser-based cropper. You upload the photo, drag the crop box or pick a preset ratio like 1:1 or 4:5, then download the result. Nothing installs and no account is needed. Good tools do the work on your own device using the HTML Canvas API, so the picture is never sent to a server.
What is the best crop ratio for social media?
If you only make one version, crop to 4:5 portrait at 1080 by 1350 pixels. It fills more of a phone screen than square, and Instagram, Facebook, LinkedIn and Threads all accept it in the feed. Add a 9:16 crop at 1080 by 1920 for stories and reels, and a 1200 by 630 crop for link previews.
Does cropping an image reduce its quality?
Cropping itself just discards pixels, so what remains is unchanged. Two things do cost you quality. Re-saving as JPEG runs lossy compression again on the pixels you kept, and cropping tightly then enlarging the result stretches fewer pixels over the same space. Crop from the largest original you have, and save as PNG if you plan more edits.
What's the difference between cropping and resizing?
Cropping cuts pixels away, so the picture shows less than it did. Resizing keeps everything in frame and changes the pixel dimensions of the whole image. Crop to change the composition or the shape. Resize to change the file size or fit a required width. Most platform work needs both, in that order.
How do you crop an image to an exact size?
Crop to the right aspect ratio first, then resize the cropped result to the exact pixel dimensions. Trying to do both at once is what produces stretched or squashed images. So for a 1080 by 1350 post, set the cropper to 4:5, position the frame, then resize the output to 1080 pixels wide.
Sources: Federal Agencies Digital Guidelines Initiative, Technical Guidelines for Digitizing Cultural Heritage Materials, third edition approved 9 May 2023 (digitizationguidelines.gov); US National Archives and Records Administration technical guidelines on production master image files (archives.gov); W3C Web Content Accessibility Guidelines 2.2, success criteria 1.1.1 non-text content and 1.4.5 images of text, and the W3C WAI images tutorial (w3.org); Google Search Central documentation on Google Discover image requirements and Image SEO best practices (developers.google.com); WHATWG HTML Living Standard, the picture element (html.spec.whatwg.org); Mozilla MDN Web Docs on the picture element, art direction, the CSS image-orientation property, and the object-position property including its 50% 50% default and Baseline availability since January 2020 (developer.mozilla.org); Yee, Tantipongpipat and Mishra, "Image Cropping on Twitter: Fairness Metrics, their Limitations, and the Importance of Representation, Design, and Agency," CSCW 2021, arXiv:2105.08667, on saliency cropping and argmax bias. Instagram's move from a square 1:1 profile grid to a 3:4 preview was announced by Instagram head Adam Mosseri in January 2025. Platform pixel specifications reflect the sizes published by Instagram, Facebook, LinkedIn and YouTube as of August 2026 and are revised by those platforms from time to time, so check the platform's own help centre before a big campaign.
Ready to crop? Our free image cropper has the presets built in, runs in your browser, and never uploads your photo.
✂️ Crop an Image Free →