How to display SVG attachments in Confluence

Owned by Bob Swift
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.



Find answers from the community.

Ask a question to the community.

Log a request with our support team.

Confluence®, Jira®, Atlassian Bamboo®, Bitbucket®, Fisheye®, and Atlassian Crucible® are registered trademarks of Atlassian®
Copyright © 2005 - 2024 Appfire | All rights reserved. Appfire™, the 'Apps for makers™' slogan and Bob Swift Atlassian Apps™ are all trademarks of Appfire Technologies, LLC.