Large SVG icon are blurry
Categories
(Core :: Graphics: WebRender, defect, P3)
Tracking
()
People
(Reporter: robertas.uldukis, Unassigned)
References
(Depends on 1 open bug, Blocks 1 open bug, Regression)
Details
(Keywords: regression)
Attachments
(4 files)
largeDiagram.svg
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
Steps to reproduce:
Add large svg to html img tag. Svg image attached
Example: <html><body><img src="largeDiagram.svg"/></body></html>
Actual results:
Image is very blurry. It seems that the larger image, the higher is blur.
Expected results:
Should render svg image as other browsers.
|
||
Comment 1•3 years ago
|
||
please attach largeDiagram.svg using the Attach New File button or I'm afraid we'd have to close this bug.
|
||
Comment 2•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::SVG' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
|
||
Comment 4•3 years ago
|
||
Seems perfectly legible to me. Where am I supposed to see it being blurry?
I did uploaded to our file sharing platform another svg file, is too big to upload here. With this file you have to see differences.
https://filetransfer.extranet.3ds.com/?email=robertas.uldukis@3ds.com using password 2qEDt7RGbm
|
|
||
Comment 7•3 years ago
|
||
I'm on a Mac and it's fine there. Perhaps you should experiment with choosing fonts that you find more legible. Maybe decrease the font strength/boldness.
If you will take closer, lines and shapes are blurry to. And can you download second file from the link you will be surprised how FF rendering very big svg files.
|
|
||
Comment 9•3 years ago
|
||
Not on a Mac they aren't.
|
Reporter | |
Comment 10•3 years ago
|
||
(In reply to Robert Longson [:longsonr] from comment #9)
Not on a Mac they aren't.
what about windows machine?
|
|
Reporter | |
Comment 11•3 years ago
|
||
(In reply to Robertas from comment #10)
(In reply to Robert Longson [:longsonr] from comment #9)
Not on a Mac they aren't.
what about windows machine?
We did try on 2 different Mac's machines and 3 Windows, and we all got the same result. See attachment screenshot from Mac.
|
|
Reporter | |
Comment 12•3 years ago
|
||
|
|
||
Comment 13•3 years ago
|
||
That does not appear to be the same document, or maybe it is and you've zoomed into it. You've not listed zooming into the page as one of the steps that's required.
|
|
Reporter | |
Comment 14•3 years ago
|
||
Svg should not lose quality even if you zoom in on it. I did attached current document from screenshot, but we can reproduce it and with others documents.
|
|
||
Comment 15•3 years ago
|
||
I did't say it should. But if zooming is a requirement to make the image blurry, you should say so so that we're all on the same page.
|
|
Reporter | |
Comment 16•3 years ago
|
||
(In reply to Robertas from comment #14)
Svg should not lose quality even if you zoom in on it. I did attached current document from screenshot, but we can reproduce it and with others documents.
Actually that file is to boog to upload to bugzilla system. I added file to our file sharing platform. You can download it form https://filetransfer.extranet.3ds.com/?email=robertas.uldukis@3ds.com with password 2qEDt7RGbm and file name "largeDiagram3.svg".
I hope it will helps.
|
|
Reporter | |
Comment 17•3 years ago
|
||
(In reply to Robert Longson [:longsonr] from comment #15)
I did't say it should. But if zooming is a requirement to make the image blurry, you should say so so that we're all on the same page.
Thanks for fast answers. No image should stay clear and sharp as in other browsers.
|
||
Comment 18•3 years ago
|
||
I just tried to see the largeDiagram3.svg on my linux box, it's not blurry at all with/without WebRender. There may be some special settings to reproduce this issue.
|
|
Reporter | |
Comment 19•3 years ago
|
||
We did some research for you, try this http://kuckuc.lt/ url.
On Red Hat Enterprise Linux FF v78 and v89 svg is fine
On Windows 10 FFv78 svg is fine
On Windows 10 FFv89 and FFv88 svg is blurry
On MacOS Catalina 10.15.7 FFv89 svg is blurry
Can you double check and let us know if you will get the same results.
Thanks.
|
|
||
Comment 20•3 years ago
|
||
OK so you have a regression on windows at least in which case you can find a regression range via https://mozilla.github.io/mozregression/
|
|
Reporter | |
Comment 21•3 years ago
|
||
So, can you reproduce on Windows FFv89 svg issue?
|
|
Reporter | |
Comment 22•3 years ago
|
||
Here is result from mozregression.
|
|
||
Comment 23•3 years ago
|
||
Thanks for finding out the regression range. Can you please post the pushlog_url link here? Thanks!
|
|
||
Comment 25•3 years ago
|
||
could be bug 1616676 given this is on Windows. Go to about:config and set gfx.webrender.compositor to false to test whether it's that.
|
|
Reporter | |
Comment 26•3 years ago
|
||
Can you clarify your answer please?
And the main question is the same, can you preproduce the issue?
|
||
Comment 27•3 years ago
|
||
I can confirm this; the example at http://kuckuc.lt/ renders extremely blurry. This is a webrender issue; setting gfx.webrender.force-disabled:true fixes it and gives me crisp rendering (tried on both macOS and Windows). Just setting gfx.webrender.compositor:false does not help.
Bug 1543584 looks very relevant to what we're seeing here. I tried adjusting the image.cache.max-rasterized-svg-threshold-kb setting, and can confirm this does affect the result, but when I tried making it substantially larger (to see if I could get sharper rendering, at the cost of lots of RAM), rendering starts to fail altogether, so some other limit is presumably being exceeded.
|
|
||
Comment 28•3 years ago
|
||
Just for completeness, I checked on Linux and (as expected) the issue is the same: http://kuckuc.lt/ renders extremely blurry with webrender, and perfectly sharp when WR is disabled.
|
|
||
Updated•3 years ago
|
|
||
Updated•3 years ago
|
|
||
Updated•3 years ago
|
|
||
Updated•3 years ago
|
|
|
||
Updated•3 years ago
|
Description
•