1. Home
  2. Tips
  3. Missing SVG images
  1. Home
  2. Troubleshooting
  3. Missing SVG images

Missing SVG images

The Problem

I just uploaded my site to my server and SVG images are not loading.

The Solution

You may find some servers are not configured to display SVG images when they are requested by a web browser. Adding support for SVG is pretty straight forward, however, it does require editing the websites .htaccess configuration file, which needs to be done via the hosting provider. If you are not familiar with the .htaccess file, you can read more about it here.

important!

Please note, this help guide is none compulsory and is outside of the general scope of the Blocs application support. Cazoobi Limited is not responsible for any problem you may encounter with your hosting from following this guide.

1. Login to your hosting provider and navigate to the file manager or its equivalent.

2. Now locate the .htaccess file which should be located in the main server root, often referred to as httpdocs.

3. Edit the .htaccess file and add the following lines at the bottom to add support for SVG. Please note, your server may need to be restarted in order for the changes to take effect.

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

The Web Inspector

If you encounter any issues with your site such as broken functionality or missing images, we recommend reading this knowledge base post that covers using the web inspector to identify and fix server side problems such as missing assets.

Updated on 27th September 2019

Was this article helpful?

Related Articles