It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Include an SVG image on a Confluence page.

Bradley Ayers Nov 20, 2013

I want to include an SVG image on a Confluence page but I'm not sure how to do it. Is it possible without having to convert it to raster? How do I do it?

7 answers

11 votes
Matthias Viranyi Jul 11, 2017

PUMP!

Can we please have thumbnails and directly embedded SVG graphics without the need to contact an admin to "restart" Confluence etc?!

I don't think this feature is "new" and "SVG" is as well not. So please Atlassian, move!

Otherwise Atlassian will become the Microsoft of SaaS counterpart ..

Bradley Ayers Nov 20, 2013

Is it possible to do this for an OnDemand instance too?

Like Andrey Kupreychik likes this

This level of customization wouldn't be possible in an OnDemand instance, as per the Restricted Functions. The solution is only available for Confluence Server installations.

Tomas Girardi Jan 07, 2016

SVG should be supported in cloud instances... It's 2016!

Dan Rivett Mar 14, 2016

I also request this. Architectural diagrams created externally should be embeddable in Confluence pages - on the Cloud hosted Atlassian - using the SVG format. That would be really useful.

Cedric Druck May 09, 2016

Woah ... that is pretty lame ... maybe we could also limit images to BMP files of at most 12x12px?

Like # people like this
3 votes

Support for SVG is reported on the confluence issue tracker: https://jira.atlassian.com/browse/CONFSERVER-1762

Vote it up if you are also waiting for this issue.

2 votes
Der Watz Nov 15, 2015

this issue is still there.

Why is it not possible, to fix this problem after years?

I can' t believe ...

Matthias Viranyi Jul 11, 2017

Yeah, this is ridiculous ...

Charles Reitzel Apr 03, 2018

April, 2018 and counting ... !?!?

Eliot Cole May 31, 2018

may now ... ;)

Yuval Kalugny Jul 23, 2018

July... :|

Sebastian Poxhofer Dec 19, 2018

December -.-

1 vote
AndreasS Mar 21, 2014

As stated in the links above, you can patch Confluence to show an SVG by

  1. Add the line
    image/svg+xml svg svgz
    to the file
    /opt/confluence/webapps/ROOT/WEB-INF/classes/mime.types
  2. Restart Confluence
  3. attach the image using
    !<Bildname>

    in Confluence Editor

Unfortunately, to use the two smallest image size reduction buttons or setting a smaller size then 300px does not work with Confluence richtext editor because Confluence tries to create a thumnail on server side which is currently not supported for SVGs (and the Confluence server will return a empty, broken image).

The workaround is to use the free Confluence Source Editor, use button "<>" and set the size of teh SVG to whatever you want (which should be perfectly ok for vector graphics).

(see also https://answers.atlassian.com/questions/222794/serve-svg-inline-in-confluence)

0 votes
Peter Van de Voorde Nov 20, 2013

Hi Bradley,

Could this page help you out? https://bobswift.atlassian.net/wiki/display/CVP/How+to+install+SVG+conversion+support

Best regards,

Peter

You don't want conversion for this use.

0 votes
Andreas Purde Jan 18, 2015

Just for completeness: You will be able to see SVG images performing the steps mentioned in the other comments on the page. However all links you may have in the SVG are not usable according to my experience. There are two ways to get this fixed:


1) Use the plugin svg-out

https://marketplace.atlassian.com/plugins/de.edrup.confluence.plugins.svg-out


2) Using Confluence native functions and a user macro

In case you want to use links and don't want to use the plugin mentioned here you can still to the following:

1) making a more or less empty user macro (unrendered)

## @noparams
 
$body

2) include that macro on a page

3) paste the the SVG in clear text from <svg> including </svg> into the macro body.

Suggest an answer

Log in or Sign up to answer
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published in Confluence

6 Awesome Ways to Apply Trello, JIRA and Confluence to your Project

I attended  Atlassian Summit 2019  and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...

1,112 views 7 18
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you