Subscribe
Subscribe

How to Allow SVG Uploads in WordPress?

WordPress

If you’re using WordPress, you might have noticed that it doesn’t let you upload SVG (Scalable Vector Graphics) files by default. But don’t worry there is simple way to allow SVG uploads and make your website in easy way!

SVG files are great because they’re lightweight, scalable, and look sharp on any device. However, WordPress blocks them for security reasons. In this guide, I’ll show you how to safely enable SVG uploads with a few easy methods.

Why Use SVG Files?

Before we get into how to upload them, let’s talk about why SVGs are awesome:

  • Scalable: SVG files can be resized without losing quality perfect for responsive websites.
  • Smaller File Size: SVGs are usually smaller than other image formats like PNG or JPG.
  • SEO Benefits: Since SVGs are XML-based, you can add metadata to make them more search-engine friendly.

Method 1: Using a Plugin (Easy & Safe)

The easiest and safest way to allow SVG uploads is by using a plugin. Here’s how:

Step 1: Install the “Safe SVG” Plugin

  1. Go to your WordPress Dashboard.
  2. Navigate to Plugins > Add New.
  3. In the search bar, type “Safe SVG”.
  4. Click Install Now and then Activate.

Step 2: Upload Your SVG Files

Now that the plugin is active, you can upload SVG files just like any other image:

  1. Go to Media > Add New.
  2. Upload your SVG file!

The Safe SVG plugin ensures that your SVG files are sanitized, meaning any malicious code is removed before uploading. This is the safest way to use SVGs on your site!

Method 2: Manual Code via Theme

If you prefer not to use a plugin, you can enable SVG uploads manually by adding a simple code snippet. Here’s how:

Step 1: Access the functions.php File

  1. In your WordPress Dashboard, go to Appearance > Theme Editor.
  2. On the right, find and click on the functions.php file.

Step 2: Add the Code

At the bottom of the file, add this code:

function enable_svg_uploads($mime_types) {
    $mime_types['svg'] = 'image/svg+xml'; // Allow SVG file uploads
    return $mime_types;
}
add_filter('upload_mimes', 'enable_svg_uploads');

Step 3: Save Changes

Click Update File to save your changes.

Now, you should be able to upload SVG files directly from the Media Library!

Method 3: Custom Own Plugin

For those who like to code, here’s how to create your own custom plugin to enable SVG uploads:

Step 1: Create a New Plugin

  1. Go to your wp-content/plugins/ folder and create a new folder named svg-upload.
  2. Inside that folder, create a file called svg-upload.php.

Step 2: Add the Code

Open the svg-upload.php file and add this code:

<?php
/*
Plugin Name: Allow SVG Upload
Description: Allows SVG file uploads in WordPress.
Version: 1.0
Author: WebChandra
*/

function enable_svg_uploads($mime_types) {
    $mime_types['svg'] = 'image/svg+xml'; // Allow SVG file uploads
    return $mime_types;
}
add_filter('upload_mimes', 'enable_svg_uploads');

Step 3: Activate the Plugin

  1. Go to your WordPress Dashboard.
  2. Navigate to Plugins > Installed Plugins.
  3. Find your new SVG Upload plugin and click Activate.

Now you have a custom solution to allow SVG uploads on your site!

Conclusion

And that’s it! Allowing SVG uploads in WordPress is super easy. Whether you go with a plugin or add a little code, you’ll be able to use SVGs on your site in no time. Just make sure your files are safe and sanitized, and you’re good to go!

Now you can enjoy faster, sharper images without any hassle. Happy uploading!

Related Posts