Issue with Image Display on Retool

  1. My goal: To be able to view images on mac and windows in chrome
  2. Issue: Issue with Image Display on Retool
  3. Steps I've taken to troubleshoot:
    We are facing an issue where certain images are not being displayed within Retool. After conducting multiple tests, we observed the following:
  • On Mac, for the same claim in Retool, the image opens in Safari but not in Chrome.
  • Some images do not open even after downloading on Windows, while the same images open on Mac.
  • Some images fail to open on both Windows and Mac.

For illustration, I have attached two sample pictures:

  1. First picture β†’ Not visible in Retool when using Chrome. After downloading, it opens only on Mac, but not on Windows.
  2. Second picture β†’ Not visible in Retool. After downloading, it does not open on either Mac or Windows.

From our investigation, this indicates that the image rendering depends on the OS + browser combination, and since Retool runs on top of these, it impacts how images are displayed. We believe this is a Retool-level compatibility issue. Ideally, Retool should confirm the supported OS and browser versions for proper image handling.

Request your help in investigating this issue and providing guidance on supported environments.
4) Additional info: (Cloud or Self-hosted, Screenshots)


Hi,

that does sound unusual - Retool supports the latest stable release of the main browsers (Chrome, Edge, Firefox, Safari) and this shouldn't be OS dependent.

I think if you can share some more detail about the images and how they're being used within Retool that would help in finding out what's happening:
Can you confirm how these images are being served?
Are they uploaded by your users?
Are they static images on a CDN maybe in S3 or Retool storage?
How are they being displayed within your Retool app?
How are they being downloaded?
Do they display if they are base64 encoded?
What format/size are they?
Can you share the images so I can try to replicate the problem?

The images are uploaded from frontend by users and stored in S3 bucket.
They are displayed in retool using the iframe and below function

window.Retool.subscribe

It is displayed using base64 encoding and of jpg format , all images are less than 50mb.

thank you - can you share any screenshot of your retool app, specifically the file uploader and the image display component? I'd be interested to see how it's configured so I can see if I can repeat the problem

Do you still need help with this @Nithu_Shree ?

Thanks for your help. I’ve managed to figure it out, so all good now!

@Nithu_Shree What ended up being your solution? I seem to having a similar issue and can’t figure out how to solve it.