SVG Image Photo preview displaying issue

[esforim]

Anyone use SVG for their EspoCRM and image upload?

Some of my SVG file does not display in the preview, but it is visible when you are in the Edit/Upload view. Not all SVG have this issue, I try re-saving the file with Inkscape but it doesn't change anything.

[lazovic]

Hi esforim,

Could you send us a screenshot with the settings of the field in which you upload an image with the .SVG format, as well as the file itself, with which you have problems viewing the preview?

[esforim]

Hi lazovic, I will send you a PM of the image as it is a logo belong to a 3rd party company. As for the field setting, will send it in the next post.

[esforim]

Here is the image field.

[rachelstellar]

I've had a similar SVG issue before. It can be frustrating when some files don't display properly. In my case, checking the SVG code for any glitches sometimes helped. Also, here's a service (https://www.frameshop.com.au/custom-picture-frames/) where you can print out all the files you need. I hope that helps! Hang in there!

[victor]

Most likely, the problem is in the file itself. Because I successfully uploaded the image with .svg format and it displays correctly everywhere. In your situation, it is easier to use a converter program, and save the file in .png, and then upload it to your field with the Image type.

[esforim]

rachelstellar victor

Hi guys, it not all SVG that causes it. I guess it could be some compatibility issue, I also tried making small edit and save as a new SVG using inkscape but no luck. As the SVG got a business name and logo I can't post it here.

I prefer to keep using SVG if possible due to low file size and the 'vector'ness of the file than to downgrade the quality by using PNG (which I did for any file that have the issue).

Perhaps once I find a problematic files that doesn't have branding/logo I will post it for diagnose.

[yuri]

This is because of Content Security Policy we have applied in the image entry point. SVG with data: source won't be displayed as otherwise there will be an XSS vulnerability.

[esforim]

Anyway to re-save it without data:Source?