Images show "Preview unavailable" for no apparent reason (was working yesterday)
Asked by YG:

Hello,

<br />

For some reason several of my pages now display "Preview unavailable" for plain ordinary PNG files. They were showing up on the page as a preview yesterday.  

Example:  

kevin@Kevin-MacBook-Pro Downloads % file "Tech Diagram - Frontend.drawio (15).png"

**PNG image data, 16384 x 13188, 8-bit/color RGBA, non-interlaced**

kevin@Kevin-MacBook-Pro Downloads % du -hs "Tech Diagram - Frontend.drawio (15).png"

**7.0M - Tech Diagram - Frontend.drawio (15).png**   

<br />

<br />


Answers:
author: Amir Reza Tajdini
body: A google chrome extension did this to me.

<br />

You can disable your chrome extensions and check again. In my case, "Allow CORS" was the reason.

comments: author: external.shanmugavel.eagambaram
body: Great. I had image preview problem and it is fixed after removing the above said chrome extension. Thanks


author: Devang Patil
body: Thanks it works for me.


author: Miroslav
body: Same issue here. Now it works. Thanks!


author: Billy Macrae
body: Hi, I can report that we are also experiencing the same issue.

If we could get a fix for this ASAP this would be super helpful. We have a workaround but long term this really needs to be fixed or we may need to look for an alternative.

Thanks,

Billy Macrae


author: Gor Kroyan
body: +1 to the issue where media files can not be displayed. A bit frustrating because my stories became very boring without media support. If you do not fix this next week, i will start drinking cola and eat Snickers and ruin my help because of the stress. ?


author: David Rahmel
body: This problem was driving me nuts. Here is the work around that worked for me.   

The issue for me seems to be with Jira's Create new Ticket dialog overlay. Any time I try to insert images in I get a 'Preview Unavailable'. Doesn't matter if it is from SnagIt or if I try to upload and insert a jpg. If there are Preview unavailable images, the system will not let you submit the ticket so you have to trash them.  

However, if I create the ticket text only. I can then go back in and edit it. Then, I can paste images without issue.  

Hope this helps someone else.  

![PreviewUnavailable.jpg](https://community.atlassian.com/t5/image/serverpage/image-id/312931iA1E25CBEFD2C09ED/image-size/large?v=v2&px=999 "PreviewUnavailable.jpg")

comments: author: Amit Turkenitz
body: Brilliant workaround!


author: Boyd Hong
body: 2024 now. Any updates? or please let me know where i can upvote this reported issue so Product can start prioritizing the case.


author: Fouad
body: Never fixed in two years ? I have the same issue.


author: Aaron Appelhans
body: I?m facing this issue with integrated sites from our spaces in our organization. Did anyone of Atlassian at least react to this??

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/297618i900C3EFA6D9FF2F4/image-size/large?v=v2&px=999 "image.png")


author: Megan Danis
body: We opened a ticket with the support team ! I'll get back here with an answer asap :)

comments: author: josh_sutterfield
body: How did it go?


author: Owen Wallis
body: Thanks, I'll flag this with the Confluence team


author: Pierre Lonchampt
body: Same here, bug is both on Confluence and Jira :(

![2023-01-12_17-40.png](https://community.atlassian.com/t5/image/serverpage/image-id/234073i9B3EA4EFF2777C99/image-size/large?v=v2&px=999 "2023-01-12_17-40.png")![2023-01-12_17-40_1.png](https://community.atlassian.com/t5/image/serverpage/image-id/234074i591E330B5E4AEA35/image-size/large?v=v2&px=999 "2023-01-12_17-40_1.png")


author: Gabrijel Vetrih
body: Hi! It's started happening on our side as well. Some of the images/gifs are not available, and they are shown as "Preview unavailable." **Refreshing the site works, and the content does load after that,** but I cannot imagine doing it for every single Confluence page I try to access.


author: Deanna Hardy
body: We had a user with a weird issue like this out of the blue today. Control-F5 seemed to work to pull the full page again and then she was fine. No idea what changed to cause something like that and so far just one user I've heard about.


author: Heike Neumann
body: Hello,

I have the same issue with a tiff image. Pdf-file and jpg-image shows preview but tiff-image shows a error message:

![2024-02-27 16_56_10-Bilder - Heike Neumann - Communardo Intranet Wiki ? Mozilla Firefox.png](https://community.atlassian.com/t5/image/serverpage/image-id/308949iBB838E01EC91F497/image-size/large?v=v2&px=999 "2024-02-27 16_56_10-Bilder - Heike Neumann - Communardo Intranet Wiki ? Mozilla Firefox.png")

Has anyone found a way to display the file?

Thanks an have a nice day  
Heike


author: Nick Harmer
body: I have been able to work around this issue by downloading the images to a local file, then reuploading them through the image macro. This is very painful for pages with multiple images.


author: Sophie Lawson
body: Any updates on this?  

An incredibly frustrating problem for myself and our clients having to re-save images in JIRA!


author: MS
body: I have had this issue recently, and I think it seems that on each page where the image previews were broken, there was at least one line with some bold text right before an image. I edited the page and put some plain text after the bold text and before the image, and the image previews displayed again. Maybe I am imagining all of this, but I will keep trying this and report back if it works. :-)


author: randy_wang6005
body: I experienced the same issue when working with JIRA Software as well, attached image shown as "preview unavailable". However, what I found interesting is the issue only occurs when I tried to attach the image during the issue creation period of time. I can upload the same image without any issue after the issue got created.

I feel there is some code not rendered properly upon the initial load of the web page.


author: Aaron Appelhans
body: [@Megan Danis](/t5/user/viewprofilepage/user-id/5015694) could you please post the ticket key here so that we can vote for the issue?


author: erik.unangst
body: We are having this issue as well. I'm noticing that it happens when I Copy a Confluence Cloud Page. The images all preview fine on the new Copy of the page, but when I navigate back to the original page that I copied, some of the images on that page now display the "Preview Unavailable".

As an aside, this has also happened to me in Jira Cloud, when cloning a Jira issue by using the Deep Clone App. The newly cloned issue displayed the images fine, but the original that was cloned started showing the "Preview Unavailable" error.


author: Thomas M_ Lee
body: Hey David. I don't use Figma. I'm downloading annotated screenshots from Zight. My image files are relatively small jpgs (350 KB or so). I have 100+ images in my documentation, and to me it looks like the files are all gone as every page shows no file associated with it. I can add a new image and it shows up just fine. But do I want to do that over 100 times and just have the same thing happen again? Or do I want to look for an alternate platform for my documentation?


author: David Hopper
body: I had some success with making file sizes smaller, see the copy and paste(resize)x 2" hack listed above. might be useful, I'm curious if this can work for others.


author: Thomas M_ Lee
body: Looks like I'm joining others who have experienced the image "preview unavailable" issue. This is the case with all of our PNG and GIF files. We have 1 JPG visible. 90% of the pages with these images are over 1 year old and have been working fine. The problem is consistent on Mac Safari and Chrome and on iPad Safari and Chrome. Is there any hope of getting help on this? From reading this thread it seems to be a persistent issue. Right now all of our documentation, which heavily relies on screenshots, is nearly useless. ?


author: David Hopper
body: I found a work around, basically reduce the file size, by copying as png, copy that copy, if needed scale down = smaller file size. I left a comment on 09/25 below. worked for me might work for you.


author: marketruler
body: I am having this issue with a customer as well on Chrome on Windows.

![Screenshot 2023-09-29 at 1.19.02 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/283733i4DD189A28B023897/image-size/large?v=v2&px=999 "Screenshot 2023-09-29 at 1.19.02 PM.png")

Appears to still not be fixed.


author: David Hopper
body: I found a hack! lets see if it holds up though.  

Assumption: Jira does not like "big" image files. when Jira gets a big image that goes beyond a certain threshold the preview will not be available.   

Solution: Reduce the image file size.

a) So if you work in Figma like I do, and select copy image as png it can produce a fairly large image file.

b) its a two step process in Figma.

1) Select (like normal) and convert to PNG

2) Paste that PNG into the same figma file, (it should be much smaller file size now) if not resize it to. smaller size.   
3) The important step!, copy "the copy" as a PNG. The file now has a MUCH smaller size.   
4) Paste the "PNG copy of a PNG copy" into Jira.

This seemed to work for me. I'd be curious what others experience when trying this method.


Tags: bug

cloud

confluence-cloud