You can add your own images to the gallery, including vector graphics in SVG format.
The SVG file is saved using XML code and sometimes small differences in the code can cause problems with uploading images to the gallery. With a small modification, you can quickly manage this.
How to upload an SVG file to the gallery?
- When you add an image widget, the settings window opens. You can also enter the settings by double-clicking the widget area. Go to the Gallery tab and Upload images.
After a successful upload, you should see your image in the gallery.
I cannot upload the SVG file – the format is not supported
If you get a notification when trying to upload an SVG file that the file format is not supported, most likely the initial piece of code is missing from the SVG file. Adding it will help solve the problem.
How to add a proper snippet of XML code to the SVG file?
- Open the SVG file in the code editor (e.g. Sublime Text or Visual Studio Code).
- Add the following snippet of code to the beginning of the SVG file and save it.
The correct SVG file should look like that:
Alternatively, you can save the file in the graphics editor as SVG 1.1 or 1.0.
- Try to upload the SVG file again – the issue should be solved.