How to display SVG attachments in Confluence

Created by Bob Swift (Bob Swift Atlassian Apps)
Last updated: Jul 14, 2020 by Smita Nair


Confluence server access required

This needs to be done by the Confluence administrator.

Steps

  1. Go to your Confluence server and find the directory where Confluence was installed.
  2. Edit <confluence-install-directory>/confluence/WEB-INF/classes/mime.types.
  3. Add a line: image/svg+xml  svg svgz.
  4. Restart the Confluence application server.

Result

When inserting a reference to an SVG image in the Confluence editor using Image Browser, the SVG image is now displayed instead of a link to the image attachment.

Another user's experience

Trevan Householder has contributed a more recent experience on Confluence 5.8.17

However, adding that line to mime.types did not do the trick for us. (yes, we restarted.)

We did, however, find this trick to make it work:

Upon editing the Confluence page:

  1. Type '!' then select the attached SVG.
  2. It renders inline.
  3. Adjust the image size as needed.