How much you actually save
The saving depends entirely on what the PNG holds. Across 30 photographic images at 1600 px, quality-85 WebP files came out at a median of 8% of the PNG — a twelvefold reduction — with the best case at 2% and the worst at 15%. The same encoder applied to a flat 1280×800 interface mock-up produced 55% of the PNG: still a saving, but a modest one, because PNG is already efficient at long runs of identical pixels and gains nothing from a codec designed for photographs.
That gap is the rule of thumb worth remembering. Screenshots of code, charts, line art and icons are the cases where PNG competes honestly and where you should compare the two files before switching. Photographs, gradients, textures, scans and anything with grain are where WebP wins by an order of magnitude and the decision makes itself.