> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://krystal-dev.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use SVGs in WordPress

SVG (Scalable Vector Graphics) is an XML-based vector image format. SVG has several potential benefits over other graphics formats like JPG or PNG.

Firstly there's a clue in the name - SVGs are scalable - they can be resized when viewed with no loss in quality or pixelation like you might get with a JPG or PNG.

Further, you'll often find that for logos and simple graphics SVG images can be smaller in file size too - which means your website will load quicker - double win!

WordPress doesn't support SVG format images out of the box. But fortunately, there's a third-party plugin [Safe-SVG (external link opens in a new window)](https://wordpress.org/plugins/safe-svg/) that can help us out.

You'll need to be logged in to WordPress as an Administrator, or have sufficient privileges to be able to install a plugin.

1.  From the WordPress dashboard, select **Plugins > Add New** or from the Plugins screen click the **Add New** button.
    
    ![](https://storage.crisp.chat/users/helpdesk/website/b8dc987289cb6800/4cf5f4c1-3a44-4556-b3ef-b401d2_15bwrzc.jpeg)
    
2.  Start typing **safe SVG** into the search box and the correct plugin should show up in the results.
    
    ![](https://storage.crisp.chat/users/helpdesk/website/456b357b01839400/5bfedfac-63f1-4b75-93ab-d42e35_cm2t4r.jpeg)
    
    Click the **Install Now** button.
3.  Once the plugin has installed click the **Activate** button.
    
    ![](https://storage.crisp.chat/users/helpdesk/website/77bef23d026cf000/2458f016-918a-4fe2-af98-b683c2_mfaqjf.jpeg)
    
4.  No further configuration is required - you'll now be able to upload and work with SVG files through the WordPress Media Library.

* * *

* * *