RESOLVED DUPLICATE of bug 27684 28214
-webkit-box-shadow forces image to display at low resolution 
https://bugs.webkit.org/show_bug.cgi?id=28214
Summary -webkit-box-shadow forces image to display at low resolution
Charles Ying
Reported 2009-08-12 00:34:04 PDT
Created attachment 34642 [details] test case and reduction In the following test reduction, having a -webkit-box-shadow on a DIV containing an image forces the image to stay at a lower resolution when zoomed in. To toggle the zoom, press the Space bar. The image in question is 300x300. The image is sized down to 50px and scaled up by a factor of 6. When the image does not have a box-shadow applied, the image shows at its native resolution of 300x300 when zoomed in. When the image has a box-shadow applied, the image shows at a pixellated 50x50 but bitmap scaled up, along with a pixellated box shadow.
Attachments
test case and reduction (40.90 KB, application/zip)
2009-08-12 00:34 PDT, Charles Ying 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2009-08-12 08:40:52 PDT
Any box decoration on the image seems to cause this (e.g. border).
Simon Fraser (smfr)
Comment 2 2009-08-12 08:41:16 PDT
Does not happen if you turn off hardware accel.
Simon Fraser (smfr)
Comment 3 2009-08-12 08:43:50 PDT
Ah, this is expected behavior (and a dup of 27684). The solution is to scale the image down in the zoomed-out state; in the scaled-up state, you want the scale to be close to 1 to get a sharp image. *** This bug has been marked as a duplicate of bug 27684 ***
Note You need to log in before you can comment on or make changes to this bug.