Live data from Hacker News

Blurred Images Are Everywhere

medium.com

1–10 of 43 posts

Re: Blurred Images Are Everywhere

#3
Make sure you are reading this blog on a phone or change the width of your browser to resemble that of a phone, otherwise you won't be able to see what he is trying to point out. On normal laptop screen size, the 'original size browser resized' ones are sharper than Photoshop resized ones.

Re: Blurred Images Are Everywhere

#4

Make sure you are reading this blog on a phone or change the width of your browser to resemble that of a phone, otherwise you won't be able to see what he is trying to point out. On normal laptop screen size, the 'original size browser resized' ones are sharper than Photoshop resized ones.

Oh ha! Thanks! I was on my laptop and was thinking I had really bad ability to detect image detail.

Re: Blurred Images Are Everywhere

#7
This guy is not wrong, but on my site I decided that for photographs it probably doesn't matter much and just provide a single image resolution. Chrome does a terrible job of resizing images but even it is acceptable. Maybe if you run a high-end stock-photo site you have other opinions, but I don't.

Logos and illustrations are a different matter, but the answer is not to turn on an obscure rendering option via css. You either supply images in all sizes your site requires, or use the format that was explicitly designed for such things: SVG.

Re: Blurred Images Are Everywhere

#9

I am so happy I can’t tell the difference with most of those images. That would drive me nuts!

the rabbit is very telling if you look at the fur around the eyes. You can see that the browser-downscaled rabbit has fur that kind of blends together while the photoshopped one is very crisp.

Re: Blurred Images Are Everywhere

#10

I think that everything other than complex images should be SVGs, especially logos. They don't only look great, they also make life a lot easier (e.g. sizing).

Agreed. Using a bitmap for a logo seems a bit silly considering the designer probably created it in a vector form and exported it as a bitmap at a developer's request. If you have a vector source, you might as well retain the upsides of that through delivery.
Post reply on HN