Bug 249845 - Blurry raster image inside of SVG
Summary: Blurry raster image inside of SVG
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Other
Hardware: All Other
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-12-23 08:31 PST by Janis
Modified: 2022-12-30 08:32 PST (History)
4 users (show)

See Also:

Attachments
Original raster and SVG using the raster (56.85 KB, application/zip)
2022-12-23 08:31 PST, Janis 		no flags Details
rendering in safari, firefox, chrome (163.47 KB, image/png)
2022-12-25 22:32 PST, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Janis 2022-12-23 08:31:35 PST 
Created attachment 464179 [details]
Original raster and SVG using the raster

Raster images used inside of SVG become blurry.

Reproducible on:
 * iOS (both Safari and Chrome):
   * 14.1
   * 16.0
 * MacOS Ventura 13.0.1:
   * Safari 16.1 (18614.2.9.1.12)
Comment 1 Janis 2022-12-23 08:34:31 PST 
Example of the issue can be seen here: [Codesanbox|https://codesandbox.io/s/raster-svg-bug-umbelb?file=/src/App.tsx]
Comment 2 Karl Dubost 2022-12-25 22:32:24 PST 
Created attachment 464212 [details]
rendering in safari, firefox, chrome

Maybe my eyes are not good enough, but I do not see any differences.
Comment 3 Karl Dubost 2022-12-25 22:46:16 PST 
tested on MacBookPro 13" M1
on Ventura 13
with an external Display.

Ha Gotcha. It looks blurry on the Retina screen on the MacBook Pro but not on the external display.
Comment 4 Karl Dubost 2022-12-25 22:55:22 PST 
Probably related to Bug 227131
Comment 5 Janis 2022-12-26 22:35:01 PST 
Did some additional checking and it seems to be related. Considering that blurriness can be reproduced only if SVG is used as <img/> src input.
Comment 6 Radar WebKit Bug Importer 2022-12-30 08:32:14 PST 
<rdar://problem/103777913>