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

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Apr 28 01:12:27 PDT 2016


            Bug ID: 157123
           Summary: Retina-ready images appear soft and blurred on
                    non-retina displays
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Images
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ashleykaryl at gmail.com

Created attachment 277604
  --> https://bugs.webkit.org/attachment.cgi?id=277604&action=review
Safari Vs Firefox image comparison

I recently ran a test to see how image compression affects visual quality for retina-ready images starting with an image that was exported from Photoshop save for web at various quality levels. The original image was sized 1000x667 but CSS was used so that the image appears on the page as 500x333. You can see the page in question at http://sunnymede.net/retina/

When viewed with Firefox the images look sharp, whether on retina or non-retina displays. In Chrome or Safari the image is sharp on a retina display but when you open the browser on a non-retina display the image appears sharp for about a second but then becomes soft. 

If you click on the edge of the browser window on a Mac and drag it to make it wider the image immediately becomes sharper until the moment you release it. Looking just now on a borrowed Windows laptop using Chrome it seems to be soft all the time.

Normally I use the latest stable release version of Chrome & Safari, so I just downloaded the latest nightly build of Webkit for Mac and found it had exactly the same problem. I am a photographer with no real understanding of browser development or bug resolution but at the moment retina-ready images appear soft in webkit browsers on non-retina displays. Firefox does not share this problem and Microsoft Edge appears to be OK. 

Just to be certain this was nothing to do with other factors I created another page with zero styling and that has the same problem. http://sunnymede.net/blank/

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/f5b547f2/attachment.html>

More information about the webkit-unassigned mailing list