Resize and crop images for any platform
This image resizer does the two jobs that usually send you into Photoshop: changing pixel dimensions and cropping to a new shape. Pick a platform preset and the crop box snaps to the right aspect ratio, so a landscape photo becomes a square Instagram post or a 1.91:1 Open Graph image in a couple of seconds. Everything runs in your browser, which means it is fast, works offline once the page has loaded, and never sends your images to a server.
How to resize an image
- Add your image. Drop one or more files on the box or click to choose. A sample photo is loaded so you can try the controls straight away.
- Choose how to size it. Preset gives you the exact pixel sizes each platform wants. Exact size takes a width and height, with the aspect ratio locked by default so nothing distorts. Percentage scales the whole image up or down.
- Decide what happens when the shape changes. Crop to fill covers the whole target and lets you drag the box to choose the framing. Use the crop size slider to zoom in. Fit inside keeps the entire image and fills the gaps with a background color, which is handy for logos and product shots. Stretch distorts the image to fit, and is only useful for textures and abstract graphics.
- Pick a format. JPEG for photos with the widest compatibility, WebP for smaller files on the web, PNG for screenshots, logos and anything with transparency.
- Download. The final dimensions and file size are shown before you save. With several images loaded, the same settings apply to all of them and you can download them one after another.
Social media image sizes
Platforms change their recommendations, but these sizes have been stable and display sharply everywhere today:
Instagram post 1080 x 1080 (1:1) Instagram portrait 1080 x 1350 (4:5, takes up the most feed space) Instagram story/Reel 1080 x 1920 (9:16) Facebook link/post 1200 x 630 (1.91:1) Facebook cover 851 x 315 (shows cropped on phones) X post 1600 x 900 (16:9) X header 1500 x 500 (3:1) LinkedIn post 1200 x 627 (1.91:1) LinkedIn banner 1584 x 396 (4:1) YouTube thumbnail 1280 x 720 (16:9, under 2 MB) Open Graph image 1200 x 630 (1.91:1)
Covers and banners are the tricky ones. Facebook crops the sides of the cover on mobile, and LinkedIn puts your profile photo over the lower left of the banner. Keep faces and text in the central area, and use the rule-of-thirds guides in the crop box to place your subject.
Getting sharp results
The biggest cause of a soft image is enlarging it. If you resize a 800 pixel photo to 1920 pixels, the browser has to make up the extra detail, and it shows. The tool warns you when the output is larger than the source. When you are scaling down, it reduces the image in halves before the final step, a technique that avoids the shimmering, jagged edges a single large reduction can produce.
For your own website, also think about display size. An image shown 600 CSS pixels wide should be exported at about 1200 pixels for high-density screens, and rarely more. After resizing, run the file through the image compressor to squeeze the size further, or check how your Open Graph image will look when shared with the meta tag and SERP previewer.
Common mistakes
- Saving logos as JPEG. JPEG blurs flat color and sharp edges and cannot store transparency. Use PNG or WebP, and the Fit inside option with a transparent background.
- Cropping text off the edge of an OG image. Many apps trim a few pixels or round the corners. Leave a margin of about 60 pixels around important text.
- Using a giant favicon source that is not square. Crop to 512 x 512 here first, then build every icon size and the head code with the favicon generator.
- Resizing the same JPEG over and over. Each save loses a little more detail. Always go back to the original.
Frequently asked questions
How do I resize an image without losing quality?
Start from the largest original you have and only scale down. This resizer halves the image in steps before the final resize, which keeps edges sharp and avoids the jagged look of a single big jump. Save photos as JPEG or WebP at quality 80 or higher, and graphics with text or flat color as PNG.
Are my images uploaded to a server?
No. Your images are decoded, cropped and encoded in your browser with the canvas API. Nothing is sent anywhere, so it is safe for client photos and unreleased work.
What size should an Open Graph image be?
1200 by 630 pixels, a ratio of about 1.91 to 1. Facebook, LinkedIn, Slack and most messaging apps crop to that shape, and X shows it well with the summary_large_image card. Keep the file under 5 MB and keep text away from the edges.
What is the difference between crop, fit and stretch?
Crop fills the whole target size and trims whatever does not fit, and you drag the crop box to choose what stays. Fit shows the entire image inside the target size and fills the leftover space with a background color. Stretch forces the image into the new shape and distorts it, which is rarely what you want for photos.
Why does my resized image look blurry?
It was probably enlarged. When the target is bigger than the source, the browser has to invent pixels and the result looks soft. The tool warns you when that happens. Use a larger original, or pick a smaller preset.