[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