Microsoft Edge browsers are our corporate default browsers.

Given that Edge is now the number two popular browser (bigger than Safari and Firefox combined), I would hope you will be able to pay more attention to issues like these.

We need this fixed. It seems to still be happening with Chromium version of Microsoft Edge.
Version 81.0.416.68 (Official build) (64-bit)

We have come across this problem in version 6.10.2.  With an image width up to 300px its source is /download/thumbnails/... . When the width is > 300px its source is /download/attachments/... .  For the time being we will be implementing the workaround of resizing existing images to be larger than 300px.  

We have advised our users to edit their pages whenever they come across this issue.  It is a bit of a pain as Confluence is used by customer facing users.  Having to click on an image to make it readable impacts their ability to provide an efficient service.  And having to edit existing pages impacts their productivity. 

Our instance started to be affected by this bug after the update to 6.6.2 (choosen because it's an Enterprise release).

This behavior has been reported to Confluence. This was their answer:

Unfortunately the bug is a regression. It was fixed in 5.5.4 version but there was a regression that is why the bug is still open. The only workaround is to resize the image > 300px.

We apologise for this inconvenience. Looking forward to hearing from you.

Same issue on Confluence Version 6.5.1.

Workaround try to size Images > 300px.

Hmm, this seems like a long time for a bug like this to go unresolved. Looks like it is assigned to someone who is inactive..

If I make a screenshot on a low resolution screen and paste it into Confluence without resizing, it doesn't look blurry. It seems that the resizing is what causes the blurriness problem. But unfortunately I can't just avoid resizing the image as a workaround, because if I make the screenshot on a lower resolution screen then the image looks blurry on a higher resolution screen (because I need a higher quality image to look good on a higher resolution screen). If I make the screenshot on a higher resolution screen (e.g. my mac retina), the image is extra big when I paste it (which is good because I need a better quality image) but then I can't resize smaller using Confluence because of the blurriness bug. So I'm stuck.

Note that whether I'm creating the image by making a screenshot or uploading a pre-made image, it's the same problem. I need a bigger image but I can't resize.

I'm on 5.8.8. Steps to reproduce:

• Take a screenshot of a portion of my screen.
• Paste into a Confluence document in edit mode. The image is about 400px wide.
• Resize the image. If I make the image 300px wide or less, it's blurry. If I make it 301px or larger, it's not blurry.

biz17 Can you please share the Confluence version and steps to reproduce the problem with your case?

This bug was logged over 4.5 years ago, and the problem is still happening! All of my images < 301px are blurry. I was frustrated by this problem in a previous job back in 2012. Now in 2017, a few jobs later, I'm using Confluence again and facing all the same frustrations. Please fix this!!

Hi, 

Sorry for the delay, 

To reproduce him it's very simply, just insert new image in your page, put her size to initial size : image quality is good.

Now, on the same image, resize it to 70% of her original value, and the display quality is very bad.

This is very problematic for us because, we include many pictures with details in our wiki and we must open-it in full screen to see the good quality.

Thanks for your investigations

Best Regards

Baptiste

I raised an issue in the past concerning the same error (confluence 5.7.x) . It should have been fixed until then. We are on 5.9.14 and it is still there.

The left image has a width of 300, the right image has 301:

• Take a screenshot of the Atlassian website
• insert the image via the clipboard twice
• set one to 300 pixels width
• set one to 301 pixels width
• compare the results ...

Hi Minh,

Thanks for the answer. We are currently using Confluence 6.1.3.

Thanks

Hi baptiste_rieublanc / balthazar.giraux,

Thanks for raising comments. Can you share with me the steps to reproduce with that issue and some screenshots?
balthazar.giraux Can you provide me the confluence version that you met the problem?

Thanks,
Minh Tran

Several of our clients are still having this issue to this date

Hi, this issue still present in confluence server 6.1.3 ...

@Minh Tran I take it the affected version set to 5.7 should have been removed when you closed the issue again as fixed, no? Otherwise the current state makes little sense to me without an additional comment to clarify, why an issue marked as fixed in 5.5.x is still marked to affect 5.7.

None of those "fixes" work for me, my image is still blurry.

Workaround: add and remove borders to the pictures.

Images with 300 px width are still blurry. If you set them to 301 px it works. Setting the width back to 300 px brings back the blurry image. We are on Confluence 5.7.4 and we hoped that this issue was fixed as announced when we updated from 5.5.x to 5.7.x. 300 px was one of the presets in the past, so we have a lot of images with 300 px.

Actually, we can avoid touching every thumbnails by running the following script in the browser console while we are in edit mode.

$("iframe").contents().find("img").click(function(){$("#image-size-input").trigger("change");}); $("iframe").contents().find("img").click();

Hope you don't hate this hack :").

Regards,

Thanks for your input, Hoang Nguyen.

Unfortunately editing and saving is not enough. You have to "touch" every single image and change the thumbnail size back and forth in order to force a new generated thumbnail.

That's too much effort to put on the users.

Hi florian.goehlke,

Unfortunately, we haven't found any solution for your issue.
In my opinion, a page which renders thumbnails incorrectly should be edited and saved again.
I know this solution is quite tedious, but I do not have a better solution right now.

Regards,

We have updated to 5.5.4. I can confirm new thumbnails are of better quality, but all the old ones which were already generated before the update are still of bad quality.

Is there any way to enforce a "rebuild" of all the existing thumbnails?

It is very annoying and makes design documentation inefficient. Surprisingly the bug doesn't affect all the previews. How is that possible? I hope that this bug will be fixed soon.

This is a very annoying bug, please fix it.

Hi Robert,

I understand your frustration, but we prioritise bugs based on many criteria - technical severity, number of votes, user impact and more. Rest assured that this bug has enough votes so that it will get fixed at some point (but maybe not right away).

Thanks
David Rizzuto
Atlassian

Unfortunately this is the kind of bug, which never gets fixed.

I am also experiencing this annoying problem. As we have lots of pictures with that size everything looked really bad. My workaround for this was setting the size to 301px.

I hope you can solve this minor issue soon.

Thanks!

PS: I am using Confluence 5.4.2

Actually I have seen this as an issue that gets progressively worse with growing aspect ration (going from landscape to portrait), i.e., the effect is more pronounced the longer an image is with a given width. I have seen this with landscape images when sized under 300px, but not as noticeable. With a really long image, it is very pronounced when sized under 300px. In most cases, my workaround has been to place a portrait image on top of a white landscape rectangle within Illustrator, then export to PNG, followed by adjusting the size to get the visual width I need. But that only works if I am not constrained on the sides of the placed image.

I have seen this issue in every version from 4.0 to 4.3.7 (non on-demand).

The image formatting bar offers to define the width only. If you choose a width of less than 301 pixels, a thumbnail image is used. This medium thumbnail image, seems to be resized to a maximum width AND height of 300px. For example:

For an original 400x600 pixel image, Comfluence generates a medium thumbnail (width 200px, height 300 pixels).
As soon as you define a width of 300 px (or less), that 200x300 px thumbnail is blown up to 300x450 pixels.

This bug is pretty annoying, when documenting design work in Confluence. It’s probably a pretty quick fix.

Tested in OnDemand 5.0-OD-28.