An image that looks perfect on your camera can look completely wrong once you upload it. It might be cropped awkwardly by Instagram, load painfully slowly on your website, or print fuzzy and pixelated. The culprit is almost always dimensions: the width and height in pixels do not match what the destination expects. Getting dimensions right is one of the highest-impact things you can do for image quality and performance, and it is easy once you know the target. With jpgoo you can resize any photo in seconds, and our JPG resize tool keeps everything sharp and correctly proportioned.
This guide demystifies pixels, aspect ratios, and resolution, then gives you the exact recommended dimensions for the web, every major social platform, and print. If your image is not a JPG yet, run it through our convert to JPG tool first, then resize the result.
Pixels, Aspect Ratio, and Resolution Explained
Three concepts decide whether your image looks right:
- Pixel dimensions are the width and height, like 1920 by 1080. This is the actual amount of detail in the image and the number that matters most for screens.
- Aspect ratio is the shape, the relationship between width and height. Common ratios are 16:9 for video, 1:1 for square posts, and 4:5 for portrait feeds. Changing dimensions while ignoring aspect ratio causes stretching or cropping.
- Resolution (DPI) describes how many dots print per inch. It only matters for printing. On screens, pixel dimensions are everything and DPI is irrelevant.
The single most common mistake is changing width and height independently, which squashes faces and distorts circles. Always resize proportionally, locking the aspect ratio, unless you genuinely intend to crop.
The Right Dimensions for the Web
Oversized images are the number one cause of slow web pages. A 6000-pixel photo displayed in a 800-pixel column wastes enormous bandwidth and makes visitors wait. Use these targets:
- Full-width hero images: 1920 pixels wide is plenty for almost any screen.
- Blog body images: 1200 pixels wide handles most content columns and high-density displays.
- Thumbnails: 300 to 600 pixels wide.
- Logos and icons: size to roughly twice their display size for crispness on retina screens.
After resizing for the web, compress the result so it loads fast. Our JPG compress tool trims the file further, and our compress JPG for email guide covers hitting specific size targets. For the web, resizing and compressing together can shrink a photo from 12 MB to under 200 KB with no visible loss. The compression you apply afterward also depends on the quality slider, and our JPG quality explained guide shows how to balance crispness against file size so resized web images stay sharp without bloating your page.
It is also worth thinking about how many sizes you actually need. A single resized image is rarely enough for a polished website, because a phone, a tablet, and a desktop monitor all display content at very different widths. Many publishers create two or three versions of an important photo, a larger one for big screens and a smaller one for mobile, so every visitor downloads only what their device can use. You do not have to do this manually for every image, but for hero banners and featured photos it is the difference between a page that feels instant and one that drags.
Social Media Dimensions That Actually Fit
Every platform crops and resizes uploads to its own specs. Match them and your images display cleanly; ignore them and you get awkward crops or blurry rescaling. Here are reliable current targets:
- Instagram square post: 1080 x 1080 (1:1).
- Instagram portrait post: 1080 x 1350 (4:5), which takes up the most feed space.
- Instagram and TikTok stories: 1080 x 1920 (9:16).
- Facebook feed: 1200 x 630 works well for shared links and posts.
- X / Twitter: 1600 x 900 (16:9) for in-stream images.
- LinkedIn shared image: 1200 x 627.
- YouTube thumbnail: 1280 x 720 (16:9).
Upload at the exact ratio the platform wants and it will not crop your subject unexpectedly. Uploading larger than these sizes is wasteful but harmless; uploading smaller forces the platform to stretch your image, which looks soft.
Print Dimensions and Why DPI Matters Here
Print is the one place where resolution genuinely matters, because physical paper has a real, fixed size. The standard for sharp prints is 300 DPI, meaning 300 pixels for every printed inch. To find the pixels you need, multiply the print size by 300:
- 4 x 6 inch photo: 1200 x 1800 pixels.
- 5 x 7 inch photo: 1500 x 2100 pixels.
- 8 x 10 inch photo: 2400 x 3000 pixels.
- A4 document: roughly 2480 x 3508 pixels.
If your image has fewer pixels than these targets, it will print soft because the printer has to invent missing detail. Crucially, you cannot resize a small image up and recover sharpness; the detail simply is not there. Always start from the highest-resolution original you have for anything destined for print.
How to Resize a JPG with jpgoo
The process is quick and stays private in your browser:
- Open the JPG resize tool on jpgoo.
- Drag your photo onto the drop zone, or click to browse and select it.
- Enter your target width or height. Keep the aspect ratio locked so the image scales proportionally and nothing stretches.
- Alternatively, choose a preset percentage to scale down by half or a quarter.
- Preview the result, then download your correctly sized JPG.
Because resizing happens locally, even very large files process instantly and your images are never uploaded anywhere. Keep your full-size original safe, and create resized copies whenever a specific destination needs one.
Resize Versus Crop: Know the Difference
Resizing changes the overall pixel dimensions while keeping the entire image visible. Cropping cuts away part of the image to change its shape or focus. If a platform needs a square but your photo is landscape, you have a choice: crop to square, which removes the sides, or fit the whole image with padding. For portraits and key subjects, crop deliberately so the important content survives. For scenery, you may prefer to keep everything and accept a different placement.
Avoiding Common Resizing Mistakes
A few habits will save you from blurry or distorted results:
- Never enlarge a small image for print. Upscaling invents detail and looks soft. Start big and scale down instead.
- Always lock the aspect ratio unless you are intentionally cropping, or faces and shapes will distort.
- Resize before compressing. Reducing dimensions first means you are not wasting compression effort on pixels you will discard.
- Keep your original. Resizing is destructive in the sense that you cannot recover detail later, so always work from a saved master copy.
Resizing also pairs naturally with format choices. If you need transparency, a square logo, or sharp graphics with text, JPG may not be ideal. Our JPG vs PNG vs WebP guide explains which format suits which job, and you can switch easily with tools like JPG to PNG when transparency matters.
Putting It All Together: A Simple Workflow
For most people, the winning routine is: start from your highest-quality original, resize to the exact dimensions your destination needs, then compress for a small, fast file. This order gives the sharpest result at the smallest size every time. A blog image might go from a 5000-pixel, 14 MB original down to 1200 pixels and 150 KB, loading instantly while still looking crisp. A print order might keep the full resolution untouched so it stays razor sharp on paper.
Conclusion: Right-Size Every Image With Ease
Dimensions are the quiet difference between an image that looks professional and one that looks broken. Match the web, social, or print target, resize proportionally so nothing distorts, and always work from your best original. Once you know the numbers in this guide, you will never again upload a photo that loads slowly or gets cropped in an unflattering way.
Have an image that needs to fit somewhere specific? Open our JPG resize tool on jpgoo, enter your target dimensions, and download a perfectly sized JPG in seconds. And when you need to switch formats first, our convert to JPG tool is ready too. It is all free, private, and runs right in your browser.