Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,294,564
Community Members
 
Community Events
165
Community Groups

draw.io - adding diagram distorts image making it fuzzy

Hello,

Does anyone else have this problem? I'm moving a number of pages that have workflow diagrams from and internal website into Confluence.

Instead of recreating all the workflows individually, as there are far too many, I simply create a screenshot of the diagram, then import it into draw.io and make any changes needed by adding new text boxes and overlay the diagram with them. This works well.

However, all of the diagrams get distorted slightly, they become fuzzy. On most of these we can get away with it, but on some, it's horrendous and not acceptable. Nothing I do (editing the height and width) makes any difference.

This problem is worse on bigger diagrams. With a larger one, it imports it in a smaller size, maybe 75% of what it should be. Even at that size it's still fuzzy.

I don't understand why the diagrams aren't being imported at their correct size in the first place, but there seems to be no way of controlling how that happens.

Cheers

4 answers

1 accepted

0 votes
Answer accepted

draw.io for Confluence is currently a couple of months behind the online version, so it doesn't have the 1MB default image limit, I think it's lower in Confluence.

What we'll do is add an option to the plugin admin screen to set the default resize size for images in draw.io diagrams. That way, you can set it to whatever value you wish. This will go into the next release.

Use Ctrl+Drag to maintain the original size and resolution.

What would also be helpful in relation to re-sizing is being able to change the units of measure.

In Draw.io you use pt. Presumably this stands for point. However, my drawing package uses pixel per inch/centimetre. Being able to change from pt to pixel in Draw.io would be very handy.

Cheers.

Gaudenz,

Thank you for your solution, and the speed of your answer!

I've tried this on both a jpg image and a png image.

It works with the png, but not the jpg, which I find odd as jpgs must be the most common graphic file format on the planet.

Anyway, a solution has been found, from now on I'll save the images as png files.

Thanks! smile

Should work with all file formats, unless the image is simply too big (in which case you'll get an "Image too big" error dialog). BTW: We resample large images to make sure the client stays responsive.

The jpg is 1.8mb, the png is2mb. I don't think I've ever seen the Image too big msg in the several years I've been using Draw.io.

Another thing that would be helpful is that when you import a graphic, it only imports at 100%, and does not automatically squeeze it down. I don't understand why Draw.io does this. If I create a graphic, surely it's up to me to resize it, not the program that I'm importing it into? Cheers

Autosaves include images. We had cases of diagrams with huge images causing problems with autosave because the network connection wasn't fast enough. So, we had a balancing act between image quality and complaints about perceived lagging causing by constantly saving large diagrams. That's why we can only really let you say which is more important by either using ctrl+drag or setting it Confluence-wide.

Thanks David. Am I correct in saying that if I import a graphic (not a diagram such as a work flow) that as long as it is not bigger than the maximum allowed, then it should import at full size? I've just checked one of mine, which is a png file of 1.1Mb, so I'd expect, given what you've said, that this would import at full size. Cheers

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Apps & Integrations

Marketplace Partner Spotlight: AppLiger

This month the spotlight is on AppLiger. We caught up with Pavel Pavlovsky, CEO and Product Manager, to learn how the company started and what fuels the team's creativity.    Atlassian:...

347 views 0 7
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