Uploading an SVG file

Last updated: December 28, 2020 Written by: Avatar Teresa
share
Table of contents
share
Table of contents

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?

1. 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?

1. Open the SVG file in the code editor (e.g. Sublime Text or Visual Studio Code).

2. Add the following snippet of code to the beginning of the SVG file and save it.

<?xml version="1.0" encoding="utf-8"?>

The correct SVG file should look like that:

SVG_xml

Alternatively, you can save the file in the graphics editor as SVG 1.1 or 1.0.

3. Try to upload the SVG file again – the issue should be solved.

share

Was this manual helpful?