01 /
Turn ‘make it smaller’ into a clear requirement
An upload form may reject an image because it exceeds a byte limit, exceeds a width limit, or uses an unsupported format. Those are different problems. Write down the actual requirement before editing: accepted format, required shape, minimum or maximum dimensions, and maximum file size. If a form gives several constraints, the final copy must meet all of them.
Pixel dimensions describe a grid, such as 3000 pixels wide by 2000 high. File size describes the amount of encoded data, such as kilobytes or megabytes. Two images with the same grid can have very different file sizes. Image Info gives you a starting record so you can compare the original with your finished copy.
02 /
Choose an operation that addresses the problem
Resizing changes the dimensions of the whole image. Cropping removes an area around or within the frame. Compression changes the way the pixels are encoded; in the Image Tools compressor, dimensions stay the same. Format conversion creates a different type of file. More than one operation can be appropriate, but decide what each step is meant to accomplish.
For example, a portrait photo might need a square crop for an avatar, a smaller grid for the avatar's display area, and an encoded file that meets the upload limit. Pulling its width inward until it becomes square would distort the person. Crop for the shape, then resize proportionally.
| Requirement | Operation | Main check |
|---|---|---|
| The image is too wide or tall | Resize | Useful dimensions with the original proportions |
| The frame must be square | Crop, then resize if needed | The subject remains inside the frame |
| The dimensions are right but the file is too large | Compress or compare an accepted format | Readability and the actual output bytes |
| The destination requires a different format | Convert | Compatibility and transparency |
03 /
Preserve proportions when you reduce dimensions
Aspect ratio describes width relative to height. When a 3:2 image becomes narrower without cropping, its height should decrease in the same proportion. In Resize Image, keeping the aspect ratio enabled calculates the companion dimension. A whole-pixel rounding difference is normal; changing both dimensions independently can noticeably distort shapes.
Choose dimensions for the place the image will appear. Web display density and larger layouts can require more pixels than a small preview suggests. Follow a destination's published recommendation when it has one. A website you manage may benefit from several image sizes for different screens; one arbitrarily tiny copy is not a universal solution.
An illustrative 3:2 resize
Reducing a 3000 × 2000 image to 1200 pixels wide gives a height of 2000 × (1200 ÷ 3000) = 800 pixels. The pixel count falls from 6,000,000 to 960,000, or 16% of the original. That does not predict a file size of 16%: format, image content, quality, and the encoder also affect the bytes.
04 /
Use quality controls after choosing useful dimensions
Once the dimensions fit the task, inspect the size of the generated file. Resize Image already offers quality controls for JPG and WebP as it creates the new copy. Adjusting that output can avoid an unnecessary second compression step. For a file whose dimensions are already appropriate, start with Compress Image instead.
A quality control changes an encoding trade-off; it does not promise a target number of bytes or a measured percentage of visual fidelity. Try a small number of settings from the original source. Compare each candidate at the intended viewing size, especially around the content that matters: a model number on a product, small labels in a chart, or texture in a fabric photograph.
PNG compression behaves differently from a lossy JPG quality adjustment. Re-encoding a PNG can change the bytes without making a smaller file. If the output grows, keep the smaller suitable source or consider a different accepted format. A positive-looking operation name is not evidence that it improved the result.
05 /
Check both readability and the upload requirement
Do not stop at the preview. Download the chosen copy and confirm its format, dimensions, and bytes. A destination may distinguish decimal megabytes from binary units, or apply its own processing after upload. Leave some room below a strict file-size limit and check the image in the final application.
Use a short, meaningful filename so the delivery copy is distinguishable from the source. If a second destination needs different dimensions, return to the source instead of enlarging or repeatedly recompressing the first small copy. Keep the tested result and its intended destination together so the next update begins with the same requirements.
- Read small text and inspect important edges in the downloaded image.
- Confirm width, height, format, and actual file size against every stated limit.
- Check that cropping has not removed a necessary part of the subject.
- Open the file at its final destination and keep the original separately.
06 /
Keep enough detail for the next use
A reduced image has fewer pixels available for later uses. Image Tools currently supports retaining or reducing dimensions, not upscaling a small image or reconstructing missing detail. A copy prepared for a thumbnail should not become your only version for a larger presentation or print job.
The tools accept one still JPG, PNG, or WebP at a time, with file and dimension limits shown before processing. Working locally avoids uploading the selected image file to a 4ool server, but large images still use your device's memory. Treat a rejected oversized file as a limit of this workflow, and preserve its original instead of expecting a format rename to make it compatible.
Sources and further reading
These references support the definitions and limits discussed in this guide. Worked scenarios labeled as examples are illustrative.
- web.dev: Serve images with correct dimensionsChoosing dimensions for a display and accounting for different screen densities.
- Image Tools: Resize ImageThe current resizing controls, retained proportions, and no-upscaling scope.
- Image Tools: Compress ImageThe difference between JPG/WebP quality settings and PNG re-encoding.
- Image Tools: Image InfoThe dimensions, format, file size, aspect ratio, and megapixel information available for inspection.