[Webkit-unassigned] [Bug 216111] New: background-image Not Rendering In Retina

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Sep 2 18:07:09 PDT 2020


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

            Bug ID: 216111
           Summary: background-image Not Rendering In Retina
           Product: WebKit
           Version: Other
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: guowei_yang at apple.com

Created attachment 407843

  --> https://bugs.webkit.org/attachment.cgi?id=407843&action=review

Left is applying filter on an img node, right is applying filter on a background-image

There is a test case, fast/filter-image/background-filter-image.html that is testing the result of rendering background-image with filters. However there is a problem where current WebKit doesn't render the background image on Retina screens properly. In this test, background-filter-image.html uses 
    background-image: filter(url(../replaced/resources/compass.jpg), sepia(1)); 
to apply a sepia filter on the background image of a div; 

we are comparing against the reference test, fast/filter-image/background-filter-image-expected.html, which is just applying a sepia filter on a img node. 
    img {
        width: 100px;
        height: 100px;
        filter: sepia(1);
    }
    <img src="../replaced/resources/compass.jpg">

I have included a screenshot of the comparison: on the left we can see a sharp image, which is from fast/filter-image/background-filter-image-expected.html; on the right is a lower quality image from fast/filter-image/background-filter-image.html. 
Seems that we didn't upscale the image on retina screens when rendering background-image

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200903/7b3dfe29/attachment.htm>


More information about the webkit-unassigned mailing list