Kanyon Studio · original export measurements · October 3, 2026

JPEG vs WebP vs PNG: a five-photo file-size test.

WebP was smaller than JPEG in all five of our test images—but the saving ranged from just 1.0% to 41.4%. Format alone does not tell you how much a photograph will shrink.

A small, reproducible test using our own public studio photographs. This compares file sizes, not equal visual quality or website ranking.

The measured exports

PhotographPixelsPNGJPEGWebPWebP smaller than JPEG
Property exterior1200 × 8001969.7 kB196.0 kB152.6 kB22.2%
Kitchen interior1200 × 8001459.3 kB122.7 kB71.9 kB41.4%
Living room interior1200 × 8001433.6 kB129.0 kB86.1 kB33.3%
Apparel lifestyle portrait901 × 12002810.3 kB299.9 kB297.0 kB1.0%
Outdoor patio1200 × 8001675.0 kB146.6 kB103.4 kB29.5%

kB means 1,000 bytes. The table is horizontally scrollable on smaller screens. Combined JPEG exports: 894.3 kB. Combined WebP exports: 711.0 kB—20.5% fewer bytes across this sample. Rounded values may not add exactly.

How we ran the test

We selected five already-published Kanyon Studio images: an exterior, two interiors, an apparel lifestyle portrait and a patio. Each source was decoded once and resized proportionally to a 1,200-pixel longest edge, without upscaling. We exported the same rendered canvas as PNG, JPEG and WebP.

The encoder was Chromium 154.0.8037.93, using Canvas toBlob. JPEG and WebP used a quality parameter of 0.8; PNG supplied the lossless reference for the rendered canvas. We checked that each export had the requested MIME type instead of silently falling back to another format. Canvas export method and quality parameter.

The existing source photographs were already JPEG or WebP files, not camera originals. This is a file-size comparison of five selected images, not a representative photography benchmark, visual-quality score, compression guarantee or speed test. A quality setting of 0.8 is not an equal-perceived-quality standard across codecs. Other browsers, versions, photographs and settings can produce different results.

What should you export?

  • For a website photograph: compare a WebP export with JPEG at the actual display dimensions. Inspect faces, fine texture, gradients and lettering before choosing.
  • For a listing portal or a client delivery: follow that destination’s accepted formats and size limits. A smaller WebP is not useful if the destination requires JPEG.
  • For transparency or lossless rendered pixels: consider PNG or a supported lossless format. The photographic PNGs in this test were much larger; transparent artwork and flat graphics were not tested.
  • Keep your master: make delivery copies and avoid repeatedly recompressing the only original you have.

Format capabilities and browser support are documented in MDN’s image-format guide. This test did not evaluate HEIC, AVIF, HDR, transparency or animation.

Reproduce or cite the measurements

Download the CSV for exact bytes and source-image URLs. Repeat the longest-edge resize, preserve the aspect ratio, and export with the stated settings. To compare visual quality, add a separate blinded viewing test rather than treating file size as a quality score.

Citing this test? Link to this page, include the five-image sample size and settings, and keep the limitations with the result. No client sales, booking or ranking outcomes are claimed.

Measurement and interpretation: Kanyon Studio, San Diego. About the studio.

Need the photographs, not just the export?

See property and brand work, then request a scope and quote for your own project.