"Make the image smaller" can mean three different things: fewer pixels, a smaller file, or a smaller piece of the picture. People mix them up, and the mix-up is behind most failed uploads, blurry prints and slow pages. This guide explains what image size really is, what DPI does and does not do, how many pixels an image needs for the web or for print, and how to resize without distorting or softening the picture.
Every image has three measurements, and they are independent:
A phone photo of 4032 × 3024 pixels has about 12.2 million pixels, or 12.2 megapixels. Stored without compression at 3 bytes per pixel, it would take roughly 36.6 MB. A JPEG of the same photo is typically a few megabytes, because compression discards detail the eye barely notices.
DPI, dots per inch, is a note stored in the image file telling a printer how densely to place the pixels on paper. Strictly, PPI (pixels per inch) is the right term for images, but in practice both words are used for the same field.
Two facts clear up most confusion:
The print size is simply the pixel count divided by the DPI. The same 3000 × 2000 photo prints at 41.7 × 27.8 inches at 72 DPI, and at 10 × 6.7 inches at 300 DPI. It is the same photo with the same quality; only the instruction for the printer differs. If a form demands "300 DPI" and your pixels are fine, the Image DPI Changer rewrites that field without touching the pixels. If the print would come out too small, you need more pixels, and no DPI value can fix that.
Work backwards from where the image will be seen.
For print, 300 DPI is the standard for photos and anything held at arm's length. Large posters seen from a distance get by at 150 DPI, and billboards need far less. Multiply the print size in inches by 300:
| Print size | Pixels at 300 DPI | Megapixels |
|---|---|---|
| 4 × 6 in | 1200 × 1800 | 2.2 |
| 5 × 7 in | 1500 × 2100 | 3.2 |
| 8 × 10 in | 2400 × 3000 | 7.2 |
| A4 (8.27 × 11.69 in) | 2480 × 3508 | 8.7 |
A 12-megapixel phone photo (4032 × 3024) therefore prints at about 13.4 × 10.1 inches at 300 DPI, or about 26.9 × 20.2 inches at 150 DPI.
For web pages, measure the space the image fills, in CSS pixels, and export it at one to two times that width. Sharp phone and laptop screens pack two or more physical pixels into each CSS pixel, so an image in a 700-pixel-wide column looks crisp at around 1400 pixels wide. Beyond that, the extra pixels only slow the page down. A full 12-megapixel photo displayed in a small slot is a common reason a page loads slowly.
For social media and forms, use the size the destination asks for. The Image Resizer has presets for the common ones, such as 1080 × 1080 for an Instagram post, 1080 × 1350 for a portrait post, 1080 × 1920 for a story or reel, 1280 × 720 for a YouTube thumbnail and 1200 × 630 for a Facebook shared image. Platforms revise their recommendations from time to time, so check their current guidance if an upload is rejected.
| Operation | What it changes | Use it when |
|---|---|---|
| Resize | The pixel dimensions | The image is bigger than it needs to be |
| Compress | The file size, by lowering quality | A form or email asks for a limit such as 100 KB |
| Crop | Which part of the picture you keep | The shape is wrong, or you want to remove edges |
They combine well, in a sensible order. Crop first to get the framing right, resize to the dimensions you need, and compress last to meet a file-size limit. Resizing makes the file smaller as a side effect, but you do not control by how much. If a form asks for an exact number of kilobytes, resize for the dimensions first, then use Compress Image to Size to reach the limit.
Here is what a real resize does. A 4032 × 3024 photo of 3.8 MB, resized to 1080 pixels wide, becomes 1080 × 810 and about 210 KB. That is about 95 percent smaller, because it now holds only about 7 percent of the original pixels.
The relationship between width and height is the aspect ratio: 4:3 for many phone photos, 3:2 for cameras, 16:9 for video and 1:1 for a square. Change the width and the height without keeping that ratio, and the picture stretches or squashes. The fix is to enter one side only and let the other be worked out from the photo's own proportions.
When the destination has a different shape from your photo, you have three choices: Contain fits the whole picture and adds bars, Cover fills the frame and crops the overflow from the center, and Stretch distorts the image to fit. Stretch is the only one that changes the proportions, and it is almost never what you want. The Aspect Ratio Calculator works out the missing dimension for any ratio.
Enlarging an image invents pixels that were never in the photo, and the program has to guess what goes in them. The file grows and the picture gets softer, because more pixels mean more data but no extra detail. If you need a larger print, go back to the original or a higher-resolution source. The Image Resizer keeps small photos at their own size unless you turn that protection off.
Shrinking is different. Reducing a large photo throws away pixels you did not need, and done carefully it stays sharp. Big reductions are made in halving steps, which keeps edges sharp.
For JPEG and WebP, the quality setting trades size against fidelity. A middle setting, roughly 70 to 85 on a 100-point scale, often shrinks a file a great deal before the difference becomes visible, but check the result at the size you will actually use. Convert between formats with the Image Format Converter.
The Image Resizer changes photos by pixels, by percentage, by preset or by longest side, in batches, with a before and after size on every card. It never enlarges a small photo unless you allow it, and it can save as the original format, JPEG, PNG or WebP. Photos are decoded, resized and saved by your browser on your own device and nothing is uploaded; saving a new copy also removes EXIF data such as camera details and the GPS location.
What is the difference between resolution and DPI? Resolution is the number of pixels in an image, such as 4032 × 3024. DPI is a note about how densely a printer should place them. Only the pixel count changes how much detail the picture holds.
Does changing DPI improve image quality? No. DPI is metadata, and screens ignore it. It affects only the size an image would print at, and the pixels themselves stay exactly as they were.
What size should an image be for a website? Measure the space it fills in CSS pixels and export at one to two times that width. A column of 700 pixels wants an image of 700 to 1400 pixels wide. Anything much bigger only slows the page.
How do I resize an image without losing quality? Reduce rather than enlarge, keep the proportions, and avoid saving a JPEG repeatedly. Shrinking a large photo to the size you will use keeps it sharp, whereas enlarging a small one always makes it soft.
How do I make a photo smaller in kilobytes? Reduce the pixel dimensions first, because that shrinks the file most. If you must hit an exact limit such as 100 KB, use a compressor that targets a size, since resizing alone cannot promise one.
Why does my resized image look stretched? The width and height were changed by different amounts, or a fit mode that stretches was chosen. Keep the proportions locked and set one side only, or use Contain or Cover.
Is it safe to resize photos online? It depends on the tool. In ArrayKit the work happens in your browser on your own device, and the photos are not uploaded.