Financial CalculatorsDate & Time CalculatorsHealth CalculatorsMath CalculatorsLength ConvertersWeight ConvertersTemperature ConvertersArea ConvertersVolume ConvertersSpeed ConvertersData & File Size ConvertersDigital & Data ToolsText ToolsGeneratorsImage & Video Tools About Practical guides Contact
Image & video · PRACTICAL GUIDE

Reduce a website image and compare the real outputs

Choose dimensions first, then compare formats using the actual file size and the details that need to stay readable.

By ToolSprouts · Published October 5, 2026 · Examples checked October 5, 2026

Begin with the space the image needs to fill

An article image displayed at 800 pixels wide may not need a 4,000-pixel source. Decide the intended display width and whether you need extra pixels for a high-density screen. Keep the original so you can produce a larger version later. Resizing and changing the encoding are separate decisions: fewer pixels reduce dimensions, while a quality setting changes how JPEG or WebP represents those pixels.

For a controlled comparison, use the built-in ToolSprouts graphic. Its flat shapes, text, and gradient differ from a detailed photograph, so its savings should not be used to predict photo compression.

Repeat our three-format comparison

  1. Open the Image Size Reducer and select Try an example.
  2. Set Maximum width or height to 800. The 1,600 × 1,000 input becomes 800 × 500 without cropping.
  3. Select WebP and leave quality at 80%. Select Reduce image size and record the result.
  4. Repeat with JPEG at 80% and a white background, then PNG. PNG disables the quality control.
  5. Compare the previews and download the version appropriate for your destination.
Observed on October 5, 2026 in the Codex in-app browser on macOS
FileDimensionsSettingMeasured size
Original PNG1,600 × 1,000Built-in sample815.4 KiB
WebP output800 × 50080%7.4 KiB
JPEG output800 × 50080%, white background14.0 KiB
PNG output800 × 500Lossless pixel encoding141.8 KiB

These are rounded sizes from the actual generated output. Browser encoders and fonts can change the sample and its output sizes. The previews decoded during this check; these figures are not a universal format benchmark.

Original 1600 by 1000 PNG and reduced 800 by 500 WebP previews with measured file sizes.
The built-in graphic: 815.4 KiB PNG → 7.4 KiB WebP at 800 × 500 px. This is a sample-specific result.

Decide whether the smaller result is usable

Inspect the lettering, the circular edge, and the smooth background gradient. For your own image, check the details its purpose depends on: small screenshot text, product texture, or a face. A lower byte count is useful only if the result still communicates what the page needs.

JPEG replaces transparency with the selected background color. WebP and PNG can preserve it. An 80% quality setting is not a promise to retain 80% of the detail or use 80% of the original bytes. If your destination rejects WebP, use an accepted format even when its result is larger.

When the result misses an upload limit

Lower the maximum dimension or JPEG/WebP quality and process again. Read the newly measured output size rather than the previous result. The tool does not offer an exact target-size mode; an already optimized image can become larger. Keep the original when another export does not help.

KiB means 1,024 bytes, while a destination may show decimal KB. This tool accepts still PNG, JPEG, and WebP images up to 50 MiB, 8,192 pixels per side, and 40 megapixels. It does not preserve original metadata. For animated images or unsupported formats, use a tool intended for that input.

References and corrections

These examples describe the stated inputs and checks. They do not establish compatibility with every browser, encoder, or receiving service. Found a different result? Send a reproducible example.

Browse all practical guides