What is an SVG?
SVG stands for Scalable Vector Graphics. Unlike PNG or JPG images, SVGs do not use pixels and do not have dimensions. Instead, SVGs use vectors that are made up of mathematical formulas. This allows you to zoom in and out of SVG images without them ever pixelating.
Why use an SVG logo on WordPress?
SVGs will never be blurry
When you use a PNG or JPG as an image, your logo may become blurry depending on the device you or your readers are accessing your blog from. However, if you use an SVG logo instead, your blog’s logo will always be crisp and clean.
The image below is an SVG. Try zooming in and you’ll notice that it will never become blurry, even if you zoom in 2000%!
SVGs take up less space
The smaller the file sizes of images on your blog, the faster your pages will load. SVGs take up less space than JPG or PNG images.
How to add an SVG logo to WordPress
By default, WordPress restricts you from uploading SVG files to your media library. Why? I’m not sure. But the good news is that you can bypass those restrictions with a simple plugin. I’ll teach you how in a bit.
But first, you’ll need to convert your logo to an SVG!
1) Convert your logo to SVG
To convert your logo to SVG, you have two options:
- Ask your logo designer to provide you with a copy of your logo in SVG or
- Convert your logo to SVG yourself
If you choose to do it yourself, you can use Vectorizer. Vectorizer is an awesome tool that lets you convert simple PNG or JPG images into SVG. To get the best results out of Vectorizer, you should:
- Use a high-quality copy of your logo
- Use a logo that’s not overly complex
Follow this tutorial to convert your image.
2) Bypass SVG upload restrictions on WordPress
To allow SVG uploads, you’ll need to install a plugin called SVG Support.
Do this by going to Plugins > Add New and searching for “SVG Support” in the search bar.
Then click Install Now and activate the plugin once the installation is complete.
And that’s it! You’ll now be able to upload SVG files in WordPress.
3) Add SVG logo to your WordPress blog
The only step left is to replace your existing logo with your new SVG logo. Since every WordPress theme is different, I won’t be able to tell you where you can upload your logo.
However, you can most likely do so by going to Appearance > Customize on your WordPress dashboard.
Once uploaded, your logo will look super sharp!