Retina Check: Visualise images pixel density on any webpage

UIQuill

Maker

Hey all, I got tired of seeing blurry images on my retina screen and needed a way of testing if the website I’m building is fully retina-optimised. Made this Chrome extension: it calculates actual pixel density (based on the containers' sizing and aspect ratios) and colourises all images on the page accordingly: - red – too small, not enough pixels, stretched and blurry; - orange-yellow – OK-ish, could be a bit stretched, but not likely to get noticed. - green – all good; - magenta – too big, could make the image smaller and still look OK. The essential image optimisation tool for perfectionists.

Report

Share

7yr ago