Should I resize, compress, or convert my image?

An image can be too big in pixels, too heavy to send, or saved in a format a website won't accept. Resize for dimensions, compress for file size, and convert for the required format.

Resize, compress, convert: what changes?

Think of a picture as a mosaic of tiny colored squares. Resizing changes how many squares it has. Compression changes how the picture is stored, sometimes leaving out fine detail to save space. Conversion puts the picture in a different file format, such as JPG or WebP. These choices can work together, though they solve different problems.

Here's the mountain photo we'll use. Each change starts from the original JPG, so you can compare how resizing, compression and conversion affect its file size.

Original, 1920 × 1275
990.8 KB
Resized, 1200 × 797
498.0 KB
Compressed, 1920 × 1275
404.5 KB
Converted, 1920 × 1275
1.1 MB
Hallett Peak reflected in Dream Lake, the original mountain photo used for all three changes.

Original mountain JPG

The resized copy is 1200 × 797; JPG quality 40 and WebP quality 92 keep the original 1920 × 1275 dimensions. Sources and method · Photo: John Marino / NPS Photo, National Park Service, Public domain in the United States: National Park Service employee work produced in official duties, via Wikimedia Commons.

Is your image larger than it needs to appear?

Resize when your destination needs fewer pixels. Both copies can fill the same space on a page; the smaller copy has fewer pixels available for a later enlargement or close crop.

The original 1920 × 1275 photo and a 1200 × 797 copy in equal display frames, with matching ridge details underneath.
Compare the fine ridges: fewer pixels leave less detail for an enlargement. · Photo: John Marino / NPS Photo, National Park Service, Public domain in the United States: National Park Service employee work produced in official duties, via Wikimedia Commons.

Our 1920-pixel-wide mountain photo, shrunk to 1200 pixels wide, used about 50% fewer bytes. That helps when a website asks for smaller dimensions, and it can also help with a file-size limit.

Know your target width and need a matching height? FluffyBench's Aspect ratio calculator works out dimensions that keep the picture's proportions.

Image dimensions fit, but the file is still too large?

Compress when the pixel dimensions fit and you need fewer bytes. Saving the full-size photo as JPG at quality 40 cut its size by about 59%, while leaving its width and height unchanged.

Original and quality-40 JPG at equal display size, with matching mountain details directly underneath.
Both are 1920 × 1275; compare fine ridges as well as the whole picture. · Photo: John Marino / NPS Photo, National Park Service, Public domain in the United States: National Park Service employee work produced in official duties, via Wikimedia Commons.

A smaller file doesn't tell you how the picture will look. Lower JPG quality can smooth texture and roughen edges, which may matter more in lettering or a close crop than in a small photo. The right stopping point is a copy that meets your limit and still looks right where you'll use it.

Does the website or app require another file type?

Convert when the receiving website or app asks for a different format. Changing the file type can keep the same pixel dimensions while changing how the picture is stored.

The source JPG and quality-92 WebP at the same display size, with the same enlarged mountain region underneath.
Both are 1920 × 1275; this WebP is about 14% larger. Converting doesn't guarantee fewer bytes. · Photo: John Marino / NPS Photo, National Park Service, Public domain in the United States: National Park Service employee work produced in official duties, via Wikimedia Commons.

The output format also decides what the picture can keep: JPG makes transparent areas opaque, and a still JPG keeps one pose from an animation.

The flower PNG has see-through areas, while its JPG has a white matte. Two source poses from the mule animation sit beside its still JPG, which keeps the starting pose.
The flower's clear areas become a white matte; the moving mule becomes its starting pose. · Photo: Eadweard Muybridge, Public domain in the United States, via Wikimedia Commons.

If you need clear edges or movement, the transparency guide and animation guide explain which format choices keep them.

Does your image need more than one change?

Use your destination's requirements to choose the changes you need. You can skip any change that doesn't solve a problem.

Four conditional steps: resize if dimensions exceed the destination, compress if bytes exceed the limit, convert if the format is not accepted, then inspect at the intended display size and save a copy.
A file can need one change, several changes, or none.

Doing it in FluffyBench

Use FluffyBench's Image Space Saver for fewer pixels or fewer bytes. These walkthroughs use the mountain JPG from the comparisons above.

  1. Choose images to add the photo you want to prepare.
    Choose images to add the photo you want to prepare.
    Step 1. Choose images to add the photo you want to prepare.
    1. Choose images opens your file picker.
  2. Tap the gear button showing Auto Balanced · Universal.
    Tap the gear button showing Auto Balanced · Universal.
    Step 2. Tap the gear button showing Auto Balanced · Universal.
    1. The gear button opens Settings.
  3. Choose Profile → Custom to make the format and quality choices yourself.
    Choose Profile → Custom to make the format and quality choices yourself.
    Step 3. Choose Profile → Custom to make the format and quality choices yourself.
    1. Custom reveals Format and Maximum quality.

The first two frames show resizing within your destination's bounds. The next three show compression without resizing; use one job or combine them.

  1. For resizing, choose Size → Dimensions.
    For resizing, choose Size → Dimensions.
    Step 1. For resizing, choose Size → Dimensions.
    1. Dimensions uses pixel bounds.
  2. Set the pixel bounds for resizing; 960 × 640 is an example.
    Set the pixel bounds for resizing; 960 × 640 is an example.
    Step 2. Set the pixel bounds for resizing; 960 × 640 is an example.
    1. Width sets the maximum width.
    2. Height sets the maximum height.
    3. Keep aspect ratio avoids stretching.
  3. For compression without resizing, choose Size → Original.
    For compression without resizing, choose Size → Original.
    Step 3. For compression without resizing, choose Size → Original.
    1. Original keeps the pixel dimensions.
  4. Choose Format → Same as source to keep JPG.
    Choose Format → Same as source to keep JPG.
    Step 4. Choose Format → Same as source to keep JPG.
    1. Same as source keeps this JPG as JPG.
  5. Set Maximum quality to 40 for the compression example.
    Set Maximum quality to 40 for the compression example.
    Step 5. Set Maximum quality to 40 for the compression example.
    1. Maximum quality sets the ceiling for JPG quality.

Image Space Saver uses the same processing and Download controls for resizing and compression. The result's size and dimensions tell you whether it meets the destination's limits. FluffyBench's Image Viewer lets you zoom into the saved copy to check fine detail.

  1. Press Process 1 image to apply your settings.
    Press Process 1 image to apply your settings.
    Step 1. Press Process 1 image to apply your settings.
    1. Process 1 image creates your result.
  2. Choose Download when the result meets your destination's limits.
    Choose Download when the result meets your destination's limits.
    Step 2. Choose Download when the result meets your destination's limits.
    1. The output readout gives size and dimensions.
    2. Download saves this result to your device.

Need WebP to meet a website's file-type rule? FluffyBench's WebP converter makes that file type. This short walkthrough uses its starting settings.

  1. Choose images to add the JPG you need as WebP.
    Choose images to add the JPG you need as WebP.
    Step 1. Choose images to add the JPG you need as WebP.
    1. Choose images opens your file picker.
  2. Press Convert 1 to WebP to use the starting settings.
    Press Convert 1 to WebP to use the starting settings.
    Step 2. Press Convert 1 to WebP to use the starting settings.
    1. Convert 1 to WebP makes the requested file type.
  3. Choose Download to save the WebP copy.
    Choose Download to save the WebP copy.
    Step 3. Choose Download to save the WebP copy.
    1. Read the WebP copy's dimensions and size.
    2. Download saves the .webp copy.

FluffyBench's Aspect ratio calculator helps you plan dimensions without stretching the picture.

FluffyBench's Image Space Saver applies the resize, compression and format settings shown here.

FluffyBench's Image Viewer lets you zoom into a saved copy to check its detail.

FluffyBench's WebP converter makes a WebP when your destination requires that file type.

Search FluffyBench