html - Downscaling page for retina without loss of quality (blurry on Chrome) -
i noticed when using css resize lossless png
file (for normal/retina purposes), on latest chrome, (54.x @ time of writing), result blurry.
when adding following rule img tags
img { image-rendering: -webkit-optimize-contrast; }
then result better:
the problem : safari's engine renders quite differently (much worse)
my questions
- how can resize lossless png without having quality problems?
- if resizing causes issues, what's alternative handle higher-dpi monitors? (support https://www.sitepoint.com/how-to-build-responsive-images-with-srcset/ ?)
you use @media css change url of image. using image editing software change size of images browser doesn't have handle scaling.
Comments
Post a Comment