Hi, for a landing page which has some static images of various sizes, does the size of the image when uploaded matter? (Note I’m talking about an image you place directly on the page via the editor as a static image, NOT images coming from the database).
In the Bubble manual section on performance, it implies that upload size doesn’t matter because Bubble resizes the images on the server. Manual says (emphasis mine):
Bubble already does a lot of performance optimization - Bubble tries to run queries on the database, resize images on the server, tell the browser to cache Javascript, etc…
I have some large images with resolutions higher than what’s needed, and so I’m wondering if I really need to spend the time to decrease their sizes before using them, or just upload them and let Bubble handle it.
Even though Bubble optimize the images in some way, if you upload static photo 5000x5000 (10mb+) it will slow down the page load.
But you can easily test it out.
Chrome → Dev Took → Network Tab
In my experience uploading the image through the editor does not make it smaller, even if bubble makes some magic with Imgix optimization on the front end it will not make image 10mb weigh 80kbs.
But but but uploading the image using picture upload and checking “limiting its size” will do magic
Many thanks! One question – using the picture uploader is really for the user to upload pictures which are then saved into an image field in a datatype, correct? Like a profile picture.
Instead, if I’m building a landing page and need some images as part of its design, then I assume I’m stuck doing a static upload to get the image in there (in an Image element or the background to an element), and with that Bubble has no “limiting its size” option, so I’ll need to reduce the size on my end.
Yes, exactly you could use Bubble picture uploader to optimize it and then download it from AWS and see if the quality is good enough for the landing page. If not try some external service
