-
Bug
-
Resolution: Unresolved
-
Medium
-
None
-
4.0, 5.0-OD-28, 5.2, 5.3, 5.7, 6.4.1, 6.7.0, 6.15.2
-
23
-
3
-
NOTE: This bug report is for Confluence Server. Using Confluence Cloud? See the corresponding bug report.
When adding an image and re-sizing that image to 300px the image gets blurry.
In Internet Explorer, the issue affect an image that have bigger than 300px size and resizing the image to anything larger than 300px seems to workaround the issue.
Upon closer inspection. You will see that the Confluence is trying to resize a thumbnail
src="/download/thumbnails/753668/2013-10-14%2009.03.34.png?version=1&modificationDate=1381934123961&api=v2"
instead of the source
src="/download/attachments/753668/2013-10-14%2009.03.34.png?version=1&modificationDate=1381934123961&api=v2"
- is duplicated by
-
-
- Closed
-
-
-
- Closed
-
- is related to
-
-
- Closed
-
-
-
- Gathering Impact
-
- relates to
-
-
- Closed
-
- mentioned in
-
Page Loading...
-
-
-
-
-
-
-
[CONFSERVER-28189] Images re-sized to 300px appear blurry
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..
Eric Maras
added a comment - - edited 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.. Confirmed that this is still the case in v6.4.0.
Was reported as a comparison from the cloud instance we have to the DC instance we are trying to migrate to in user testing.
It appears that the cloud product is using an entirely different media API to acquire thumbnails, and only the server product(s) are affected?
Still digging into this, will share any other details I find.
Update: Additional findings:
1) 300px is just one possible "line" at which the quality degrades in presentation, seems to be related to the size of image thumbnailed, maybe 300px is an upper bound, but have seen the line at what appears to be <original width>/4+1 for other images
2) I've pulled generated thumbnails off the server to have a look, they are pretty terrible looking as-is (so this is not a browser or other layer causing this)
3) Did some inspection of the classes, looks to be generated in com.atlassian.core.util.thumbnail.Thumber which appears to be using AWT to perform resizing (which is well known to be terrible at downscaling)
4) The cloud version is definitely not using the same resize logic, which is why everything looks fine over there... (has a dedicated media URL, where sizing is sent via the URL)
Joe Hohertz
added a comment - - edited Confirmed that this is still the case in v6.4.0.
Was reported as a comparison from the cloud instance we have to the DC instance we are trying to migrate to in user testing.
It appears that the cloud product is using an entirely different media API to acquire thumbnails, and only the server product(s) are affected?
Still digging into this, will share any other details I find.
Update: Additional findings:
1) 300px is just one possible "line" at which the quality degrades in presentation, seems to be related to the size of image thumbnailed, maybe 300px is an upper bound, but have seen the line at what appears to be <original width>/4+1 for other images
2) I've pulled generated thumbnails off the server to have a look, they are pretty terrible looking as-is (so this is not a browser or other layer causing this)
3) Did some inspection of the classes, looks to be generated in com.atlassian.core.util.thumbnail.Thumber which appears to be using AWT to perform resizing (which is well known to be terrible at downscaling )
4) The cloud version is definitely not using the same resize logic, which is why everything looks fine over there... (has a dedicated media URL, where sizing is sent via the URL)
Judy
added a comment - 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.
Judy
added a comment - 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. Judy
added a comment - 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.
Judy
added a comment - 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.
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.