How to Upload SVG Files on WordPress

Being in the industry for nearly two decades, WordPress still does not allow SVG files to upload directly due to security reasons. However, there are several ways to upload SVG files to your WordPress websites.

The Scalable Vector Graphics (SVG) file format is commonly used for site logos and other vector-based graphic files. SVG files can be rendered at any size, making them an excellent option for your site.

A well-optimized SVG file will be smaller than using a PNG logo on your site.

Meet “Safe SVG” WordPress Plugin

One of the most solid plugins to both allow SVG files to be viewed in the media library and sanitize SVG files before upload is the Safe SVG WordPress plugin.

Before uploading an SVG file on your site, it is worth optimizing the SVG using an online tool such as SVGOMG since, in most cases, it is possible to reduce the file size of an SVG file.

The Safe SVG roadmap includes SVGO optimization native support so that SVG files can be optimized before uploading on the site and would also restrict to which users can upload SVG files on the site.

Using SVG files is an excellent choice to have transparent vector files being used on the site, and it is also worth using SVG files for site logos when working on client sites.

Useful Links

• https://wordpress.org/plugins/safe-svg/
• https://caniuse.com/svg
• https://developer.mozilla.org/en-US/docs/Web/SVG
• https://kraken.io/web-interface
• https://jakearchibald.github.io/svgomg/

Do You Know?

With MainWP, you can upload files/images on all connected Child Sites from a centralized location. No need to login to WP admin or FTP to upload files on websites. Have a look at our “File Uploader” extension, it gives you the ability to upload multiple files to all of your Child Sites simultaneously.