Hi all, I am working on a project at the moment that involves dynamically presenting images. The images are in bmp format and I don’t want to have to change the format but it seems they wont display in Plamsic. Has anyone experienced this? Is there something I can do to get around the issue?
Thank you in advance.
@milan_duwenhogger-lange We don’t support BMP files as they are generally not recommended for the web due to performance reasons. To maintain performance best practices, we have disabled the option to upload BMP files via the file selector.
However, if you still wish to bypass the image optimization engine and use a BMP file, you can copy the file directly (Cmd+C) and then paste it (Cmd+V) into this section.
Hey alex_noel, thank you for you quick and clear reply. Is there anyway I can bypass the image optimisation to be able to still dynamically draw in images that are BMP?
By saying dynamically
do you mean passing the image through props?
Yes we would have the images loaded into a supabase storage bucket and then draw in the profile image. This would be linked to the id field of the student drawn in by the dynamic page we created. eg a list of students, one is selected, a single profile page is displayed with the dynamic image of the student.
I just checked, it is possible just to have a URL of BMP image as a prop, it should work perfectly fine for your use case.
Thank you for the response but I have tried the URL for a BMP file and it does not display… I appreciate the support but it seems that we may have to convert them after all. Besides this little hic up Plasmic has been great to use.
Hmm. if that doesn’t work for you there are still two more ways to go
- You can create a code component with
img
inside it, and pass src
as a prop
- Use Embed HTML component, with
<img src='${url}'/>
in it, passing the URL as prop.
I think that second approach might not display the images correctly in the editor mode due to CORS, but should render completely fine when you open the app outside of the editor