Uploading an SVG file

Last updated: July 29, 2020 Written by: Avatar Teresa
Table of contents
Table of contents

You can add your own images to the gallery, for example vector graphics in SVG format. The SVG file is saved using the XML code and sometimes small differences in the code may cause problems with uploading SVG files to the gallery. Thanks to a small modification, you will deal with it quickly.

How to upload an SVG file to the gallery?

1. While editing the landing page, click the “change” option on the image widget and go to the Gallery. In the newly opened window, click on the “Upload images” tab and select the SVG file on your computer that you want to add to the gallery.


After successful upload you should see your image next to the other images in the gallery.

I cannot upload the SVG file – the format is not supported

If you get a message during upload that the file format is not supported, your SVG file is most likely missing the small, initial fragment of the code. Its addition 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:


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.


Was this manual helpful?