case-study · reduce website image weight case study

Reduce Website Image Weight Without Resizing

This case reduces a small page image set without changing pixel dimensions.

Case result

  • Input: four mixed website images totaling 601 KB.
  • Steps: convert eligible assets to WebP q78.
  • Output: total drops to 334 KB.
  • Limit: destination must accept WebP.

Input, steps, output and limits

StageSetting or checkMeasured resultDecisionLimit
InputPhoto, screenshot, transparent, flat601 KB totalCandidate setNo resize
StepConvert photo to WebP q78310 KBKeep if supportedReview quality
StepConvert screenshot, transparent, flat24 KB totalKeep if supportedTransparency check
OutputWebP set334 KB total44% smallerFallback may be needed

Input

The case uses the same generated image sample set as the benchmark pages so the file sizes can be reproduced.

No visitor image is used, uploaded or stored for this case study.

Steps

The workflow records the original format and size, tests one or more output settings, checks the visible result and keeps the smallest result that still fits the task.

The related benchmark link explains the format or quality setting behind the choice.

Output

Input: four mixed website images totaling 601 KB.

Steps: convert eligible assets to WebP q78.

Output: total drops to 334 KB.

Limit: destination must accept WebP.

Limits

This is a measured task example, not a guarantee for every file.

Images with more texture, transparency, text, animation or platform rules can need different settings.