How People Perceive Lossy Image Quality: A Study

The notion that lossy image quality is subjective is not an unreasonable hypothesis. There are many factors that play into how humans perceive quality: screen size, image scaling, and yes, even performance.

Article Continues Below

Many research projects have tackled this subject, but I’ve recently launched a survey that attempts to understand how people perceive image quality in a slightly different way: in the context of performance.

This image quality assessment serves up 25 different specimens, each of which is presented in a random lossy quality setting between 5 and 100, in both JPEG and WebP formats. As participants complete the survey, navigation, resource and paint timings are collected (when available) from the browser, as well as other client details such as a device’s resolution, pixel density, and many other pertinent details.

The real work of gathering data begins. This is where you can help out. If you have five to ten minutes to spare, please head over to https://imagesurvey.site and participate. When the survey is finished, I’ll post the raw data and write and article (or two) on the findings. If further experimentation is required, that will be pursued as well. I don’t know what we’ll find out, but we’ll find out together with your input. So please participate!

Thank you!

Note: If you have feedback for how to improve the survey, feel free to comment! Just be aware that your feedback can’t be implemented in this run of the survey, but it could be useful in constructing any follow-up surveys.

Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

7 Reader Comments

  1. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Interesting test. A quick note on some problems I encountered with the test: once I hit a Cloudflare error. I also found I couldn’t just click OK for images I found okay but if I moved the slider around and back to okay then I could and images with a lot of white sky were difficult to judge. And it’s easier to say if an image is awful rather than just bad than it is to say if an image is great or just good.

    If I were running the test… I might have done images next to each other for comparison. But I’m not, so… Looking forward to the results.

    Also interesting road-testing Vivaldi’s new image properties feature with some of the images.

  2. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Hi Jeremy,

    Good way to see how I even perceive image quality myself.

    I feel that it had to do with the quality of the subject and to make sure that its background isn’t spilling its colours or turning into Lego bricks.

    I wonder if you might receive a lot of ‘Web Developer’ occupations from here at Web Dev Notes?

    Must’ve gotten lots of promotion through here!

    In a front-end perspective — great website!

    Kind regards,

    Mic Sumner

  3. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Image quality is increasingly important for websites and users. However, as the increase in quality means increased capacity. It is a great obstacle to the website.

  4. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Did anyone notice the lego deer?

  5. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    This is a great idea for a study – but I’m wondering, will the sample include less web-savvy folks (e.g. not ‘Web Dev Notes’ readers)?

  6. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Interesting idea. Just a detail: if my rating is exactly in the middle I still need to move the slider, otherwise it will not process my vote. I know it’s probably by design, but I did run into this 2 or 3 times 🙂

  7. Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

    Image quality is important for websites to grab user attention…Interesting Concept…Thanks for sharing this concept….

Got something to say?

We have turned off comments, but you can see what folks had to say before we did so.

More from ALA

Designed for a Dead Language

Every language app in your pocket inherited a teaching method built for Latin. Understanding why that happened is a more useful design lesson than anything the apps themselves can teach you.
Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

Good designers, bad websites: a proposal

Designers are good people. Some designs exclude people anyway. Alan Dalton offers a practical fix: accessibility personas that help you recognize problems while you're designing, not after. Homework included.
Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

Design for Amiability: Lessons from Vienna

Computing was born in a Viennese café. Between 1928 and 1934, while Hitler plotted and Europe crumbled, a motley crew of mathematicians, philosophers, architects, and economists gathered weekly to puzzle out the limits of reason—and invented Computer Science in the process. What made their collaboration possible wasn't just brilliance (though they had plenty). It was amiability: the careful design of a social space where difficult people could disagree without destroying each other. Longtime Web Dev Notes contributing author Mark Bernstein mines this forgotten history for lessons that might just save today's embattled web from its worst impulses. Spoiler: it involves better coffee service and the looming threat of public humiliation.
Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker

Design Dialects: Breaking the Rules, Not the System

Design systems aren't component libraries—they’re living languages. Rigid adherence to visual rules creates brittle systems that break under contextual pressure. Fluent systems bend without breaking.
Web Dev Notes Proxy © 2026 | Powered by Cloudflare Worker