Incorrect SVG transformation

Follow

michal osadnik

• November 23, 2021 01:07

Hi Team,

Can you help us with the following issue?

We have our original image in our service, then we need to obtain the output of two sizes, one big, one small. Of you follow given links, you will observe that the big version is broken

original image: https://images.rainbow.me/proxy?url=https://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg&v=2

small PNG: http://res.cloudinary.com/rainbowme/image/fetch/s--ZCcCa9SU--/f_png/w_780/https://images.rainbow.me/proxy%3Furl%3Dhttps://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg%26v%3D2
big PNG: http://res.cloudinary.com/rainbowme/image/fetch/s--I8eCjVKH--/f_png/w_2340/https://images.rainbow.me/proxy%3Furl%3Dhttps://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg%26v%3D2
small webp: http://res.cloudinary.com/rainbowme/image/fetch/s--zhgxDF6A--/f_webp/w_780/https://images.rainbow.me/proxy%3Furl%3Dhttps://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg%26v%3D2
big webp: https://res.cloudinary.com/rainbowme/image/fetch/s--7eWVc7xW--/f_webp/w_2340/https://images.rainbow.me/proxy%3Furl%3Dhttps://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg%26v%3D2

Original image: 

 

small image:

Big image: 

0

• 

  Loic Verger Del Bove

  • November 23, 2021 10:57

  Hi Michal,

  All those images work well for me.

  When Cloudinary returns an error for an image URL that failed to load due to a problem with the image or URL, we return an HTTP header containing more information about why the request failed.
  We also return this header for requests where an image was returned but there was a warning, such as when the default image placeholder was sent instead of the requested image.

  This information is sent in the x-cld-error header, and you can see the value by using your browser's web developer tools to examine the request and response for the image which didn't load correctly.

  Do you mind checking the header and share it with me?

  Thanks in advance.

  Best,

  Loic

  0

  Comment actions Permalink
• 

  michal osadnik

  • November 23, 2021 16:38

  Hi Loic, 

  Thanks for your quick update,

  That's that I see under: https://res.cloudinary.com/rainbowme/image/fetch/s--7eWVc7xW--/f_webp/w_2340/https://images.rainbow.me/proxy%3Furl%3Dhttps://storage.opensea.io/files/04889bf50da23d56353289497797498d.svg%26v%3D2

   

  

  0

  Comment actions Permalink
• 

  Loic Verger Del Bove

  • November 24, 2021 09:46

  Hi Michal,

  Based on your screenshot, I don't see any x-cld-error reported and the image is properly delivered.

  Do you mind clarifying the issue you are having?

  Thanks in advance.

  Best,

  Loic

  0

  Comment actions Permalink
• 

  michal osadnik

  • November 24, 2021 10:17

  Hi Loic,

  If you take a look at the original image and compare it with the screenshot I attach, you might notice, that they're significantly different if the output size is big enough.

  

   

   

  0

  Comment actions Permalink
• 

  Erwin Lukas

  • November 24, 2021 23:30

  Hi Michal,

  Thanks for pointing this out. Let me check internally why this might be the reason and we will get back to you once we have more information.

  Regards,
  Erwin Lukas

  0

  Comment actions Permalink
• 

  Wissam Khalili

  • November 29, 2021 10:14

  Hi Michal,

  We have investigated this specific scenario and we have found that SVG rendering and providing inaccurate results. If you prefer, we could show an error instead of the inaccurate result once the SVG rendering is failing.
  Please let me know what you prefer.

  In the meanwhile, we are trying to investigate why the Browser Renderer is failing.
  Once I will have an update, I will let you know.

  Thanks,

  Wissam

   

  0

  Comment actions Permalink

Post is closed for comments.