[Webkit-unassigned] [Bug 157123] Retina-ready images appear soft and blurred on non-retina displays

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=157123

--- Comment #1 from Ashley Karyl <ashleykaryl at gmail.com> ---
After a day of research I found that adding this CSS to the page helps the situation, though it looks better in Chrome than Safari. 

/* applies to Jpg images; avoids blurry edges */

img[src$=".jpg"], img[src$=".jpg"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }


This should not be necessary and Firefox is rendering retina-ready images much better on non-retina displays without these changes.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160428/1f27302d/attachment.html>