How to add SVG support in WordPress (Step by step)

You are currently viewing How to add SVG support in WordPress (Step by step)
How to add SVG support in WordPress (Step by step)

SVG is a image type specially used for moving image. This type of image takes small space from your host. Usually, its always better to use SVG images in your web pages. By default, WordPress allows you to upload all popular image, audio, and video file formats, but not SVG. In this article, we will show you how to easily add SVG support in WordPress steps by steps.

If you upload an SVG image in WordPress, then you will see the following error message:

Add svg support in wordpress
Add svg support in wordpress

Upload SVG images in WordPress Using SVG Support

This method offers complete support for adding SVG files in WordPress posts and pages. Just follow the step-by-step guide below to add SVG support to your WordPress sites.

First, you need to install and activate the SVG Support plugin. This is a trusted and well-working plugin recommended by us. You can also read about installing a plugin step by step on how to install a WordPress plugin.

After activating, you need to go to the Settings » SVG Support page to configure plugin settings.

On the settings page, you need to check the box next to the ‘Restrict to Administrators?’ option. This will allow only a site administrator to upload SVG files in WordPress.

The next option is to turn on the advanced mode. You only need to check this option if you want to use advanced features like CSS animations and inline SVG rendering.

Now you have to click on the save changes button to store your settings.

You can now create a new post or edit an existing one. In the post editor, you will upload your SVG file like you would upload any other image file. Simply add an image block to the editor and then upload the SVG file.

You will now be able to upload and embed SVG file in WordPress.

Leave a Reply