Came across a fix for an issue I’ve experienced frequently regarding inconsistent image clarity in the same browsers on the same operating systems on the web across different users.
In trouble shooting for a recent set of display banners I was working on recently, a PM friend of mine was getting blurring in an image asset where i wasn’t, while i was getting the opposite in regards to a different image asset. Turns out the trick to solving this and bringing us to parity was found by doing a windows search for “Scale”.
On Windows computers, the recommended scale needs to be set to “100%”. By default, if you have a display density/ pixel resolution that’s higher than 1920×1080, like a lot of newer laptops, windows will default to scaling your whole experience to 125% to 150%. ive personally seen this so making the scale be 100% is the solve to avoid non whole number/ percentage based scaling (like we do in our banners for assets) from blurring our images. A tell tale sign of this will be that at 200% scale in a browser window, an asset will look clean while at 100% (standard scale) in a browser, the same asset looks blurry. if the issue is the asset being low resolution, the opposite will be true.
Hope this helps anyone else with this ongoing issue!
