Page MenuHomePhabricator
Create Task
Maniphest T288103

PNG preview thumbnail of SVG file with HSL colors on Wikimedia commons is black
Closed, DuplicatePublicBUG REPORT
Actions

Description

List of steps to reproduce (step by step, including full links if applicable):
I am trying to upload the icons i just created and published at http://wiki.bitplan.com/index.php/Pain_Scale to Wikimedia commons

What happens?:
The preview

https://commons.wikimedia.org/wiki/File:Pain0.svg
shows a black circle.

What should have happened instead?:

The color version https://upload.wikimedia.org/wikipedia/commons/f/f8/Pain0.svg should be correctly transformed to PNG or I should be able to correct the preview. I'd love to upload the other 10 icons but will wait until i get feedback on this problem.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc:

Related Objects

Event Timeline

WolfgangFahl created this task.Aug 4 2021, 1:12 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptAug 4 2021, 1:12 PM
Aklapper renamed this task from Preview of SVG on Wikimedia commons is black to PNG preview thumbnail of SVG file on Wikimedia commons is black.Aug 4 2021, 1:19 PM
Aklapper added a project: Thumbor.
Aklapper added a comment.Aug 4 2021, 1:23 PM

For the records, I cannot reproduce locally using librsvg 2.50.6 (way newer!) by running rsvg-convert -w 512 -f png -u -o Pain0.svg.png Pain0.svg

<radialGradient gradientUnits="userSpaceOnUse"> reminds me of T214738: Several thumbnail sizes of SVG with large gradientTransform fail

JoKalliauer closed this task as Invalid.Aug 4 2021, 1:25 PM
JoKalliauer triaged this task as Low priority.
JoKalliauer subscribed.

SVG 2.0 is not released till now. However it is still already reported upstream https://gitlab.gnome.org/GNOME/librsvg/-/issues/69

JoKalliauer moved this task from Backlog to Upstream (librsvg) on the Thumbor board.Aug 4 2021, 1:25 PM
JoKalliauer added a project: Wikimedia-SVG-rendering.
JoKalliauer moved this task from Backlog to librsvg (upstream) on the Wikimedia-SVG-rendering board.
JoKalliauer moved this task from librsvg (upstream) to update librsvg on the Wikimedia-SVG-rendering board.Aug 4 2021, 1:29 PM
WolfgangFahl added a comment.EditedAug 4 2021, 2:25 PM

Is there some workaround by changing the gradient style, version or anything?

Given that HSL color space seems the problem i could probably simply use https://stackoverflow.com/a/2353265/1497139 and use rgb colors ...

WolfgangFahl added a comment.EditedAug 4 2021, 4:37 PM

I have now worked around the problem by using a HSL to RGB conversion in the script that creates the Icons. All 11 icons are now uploaded.

WolfgangFahl added a comment.Aug 5 2021, 5:49 AM

The preview files still do not render the gradient correctly.

Aklapper renamed this task from PNG preview thumbnail of SVG file on Wikimedia commons is black to PNG preview thumbnail of SVG file with HSL colors on Wikimedia commons is black.Aug 5 2021, 6:47 AM

Please feel free to report a separate issue, so we can keep this one for the HSL colors.

JoKalliauer added a comment.Aug 5 2021, 10:23 AM
In T288103#7262186, @Aklapper wrote:

Please feel free to report a separate issue, so we can keep this one for the HSL colors.

@Aklapper Since it is anyhow a duplicate of T43426, I'm not sure if

  • we should close it as a duplicate
  • or we should rename this task about not supporting this radialGradient without cx="110" cy="110" r="110"
Aklapper closed this task as a duplicate of T43426: hsl colors not supported by rsvg.Jan 20 2022, 12:55 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL