SVG File Type and Limitations

What is the SVG File Type?

An SVG (Scalable Vector Graphic) file is a graphics file type used for rendering two-dimensional images on the internet. SVG files store images as vectors instead of pixels to make up an image.

In the CMS, we’ve only added minimal support for SVG files at the moment due to the limitations and peculiarities of using this file type.

Please note: We would advise only using this file type for displaying an image on a page using the Image Plugin, and would advise against using this as an Associated page image for use in Collection Layouts and CK Editor as it will not resize.

Limitations of the SVG File Type

• As SVG files are a vector graphic format, they contain the instructions for drawing the image – which is why they are so good at scaling. But, because of this, they are limited to diagrams, graphs, maps etc.
• SVG files are great for web graphics like logos, illustrations and charts. But their lack of pixels makes displaying high-quality digital photos difficult. JPEG files are generally better for detailed photographs
• Only modern browsers can support SVG images. SVG are not supported on older browsers and you may experience some issues with this 
• If you're new to SVG Files it may be hard to under the code contained, only use if you are experienced in using SVG File types 
• Because of the limitations of SVG, the Image size option will have no effect – the size of the SVG in the page will depend on its canvas size or the size of any container it is presented in. You are unable to select an image size. The other options still work e.g. alignment, border etc.
• Additionally, any configurator options that allow selecting image size won’t have any effect on the SVG File