Hi all,
Does anyone know why an image with the extension .heic does not display when the url comes from my AWS bucket however it does when uploading directly on Bubble.
Is that related to the configuration of my AWS bucket?
Thanks a lot!
Incorrect Mime-Type?
Thanks for your reply! The URL is generated by the AWS uploader plugin I am using. It works perfectly with any other type file except the HEIC format. How can I change the Mime-Type?
Have a look at this one:
Try to set Mime-Type (Content-Type) as image/heic or image/heif on the image file not showing, directly on your AWS S3 bucket.
If the image is displayed, then you need an AWS S3 plugin allowing you to set the right Content-Type.
Thanks! I will try that. Sorry I didn’t get why I would need an AWS plugin if the image is displayed correctly without it?
It might be related to this specific file format.
The AWS S3 upload command does not automatically set Content-Type on the object.
So if the AWS uploader you are using, for some reasons, sets an incorrect Content-Type on the uploaded file on your own S3 bucket, it results in the browser not detecting it is an image while getting the data from the URL, thus preventing it to be displayed.
If you want to understand better how it works have a look at the Put File to S3 action
which is using
to set the correct Mime-Type on upload.
1 Like
Hi,
I tried to modify the MIME Type by image/heic or image/heif but the image is still not showing:
Does it has to do with the content-encoding? I tried to delete it or to change the value HEVC and HEVC/h265 but nothing changed.
Also, I saw that the heic is not part of the list of content type as below…
AWS S3 Content Types - IBM Documentation
Other than that do you know where the issue can come from?
Thanks a lot!
Provided the Content-Type is correct, then when you click on the file to display it from AWS S3 browser, it should display on your browser and not download.
If it displays, then it is probably that the element you are using to list your files in your first post does not support this file format.
Yes there is no HTML support for .HEIC images on Bubble… it seems that this is what I need to achieve:
set up an image processor CDN on my S3 bucket like Bubble has built-in with IMGIX. This would take all images (including HEIC) and convert them to a single type with a size and compression ratio of your choice.
Do you know how to achieve that? I created a distribution in the cloudfront section in my AWS account but not sure on how to move forward from there.
Thanks
I am afraid the solution would be rather to ask to the editor of the element facing issue to support HEIC images.
The root-cause of your issue is not a wrong or exotic file type, it is simply not supported yet and will eventually be anyway, the question is when.
Regarding the workaround you mention, we could support you in consultancy project.
However, we would discourage to go to this direction for the reason stated above, the effort put in this workaround will be lost when the element will be up to the HEIC standard, unless you can not wait.