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

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.

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

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.

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Published Thursday in Jira

5 ways you can make the most of Jira Software and Bitbucket Cloud

As part of the Bitbucket product team I'm always interested in better understanding what kind of impact the use of our tools have on the way you work. In a recent study we conducted of software devel...

76 views 0 5
Read article

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you