How images are processed in bubble.io

• Bubble doesn’t alter the original images you upload; they stay exactly as they are. However, for performance reasons, Bubble generates optimized versions of these images at runtime. These versions are resized and compressed based on the device or container they're displayed on, ensuring the images load efficiently and look good across different screens.

• You generally don’t need to resize or compress images before uploading them, as Bubble handles optimization. However, resizing them to the expected display size can help if you're concerned about storage space. Make sure the images are still large enough to look good on high-resolution screens like 4K monitors.

• For user-uploaded images, you can set a maximum file size or use plugins to compress images before they're uploaded to Bubble’s storage. If images are stored externally via a plugin, they won’t benefit from Bubble’s caching and transformation.

• Lastly, if you want to disable Bubble’s image optimization for a specific image, you can add a URL parameter (?ignore_imgix=true), but this could affect performance and load times, so use it carefully.

Shoutout to “Petter Amlie” for this amazing read. Here is the link for full guide from bubble manual:
https://manual.bubble.io/help-guides/data/images