A very cool image tip!

Hi Patrice,
I tried using the compress function with adding “&auto=compress&w=300” after my URL but unfortunately it doesn’t show anything now in the app preview. Can it be possible that I’ve done something wrong? Or will it show in my testflight app? Thanks for your help!

grafik

grafik

@LiFox That should be working ok so something is wrong.

Try removing the “&auto=compress&w=300” for the moment and seeing it then an image shows up. If still not then the problem is elsewhere.

@speakupboy Thanks for the tip! I removed this part “&auto=compress&w=300” and it works fine as before but when I’m adding it again it doesn’t show the images, weird…

This would work if I uploaded the images to S3 as well right? I’ve made all the objects public but it doesn’t render the image in the previewer…

Hi @hg_dxb,

These options will work only if you use Adalo’s built-in image storage - they use ImgIX as an image CDN.
If you store images on 3rd-party storage, and put image as URL into the app, mgIX’s capabilities will not work.

Best,
Victor.

2 Likes

Hey Patrice,

Thanks for sharing this tip, it’s something that I’ve been struggling with and that your solution will solve. However, I’m not sure how to put this into action with the ‘Image Picker’ I have in Adalo. As you know, there’s very little you can do with that component. So how do I reduce the weight of each image from my phone using the ‘image picker’ component?

That would be the ideal use of these parameters as users don’t generally understand about image optimization. Anything I upload is already optimized.

Hello, I would like to know how you would use cloudnary. I’m uploading photos and need to resize them.

Hey hi, you can use imgix to optimize images by applying parameters to the image URL stored in the database. This can significantly reduce image weight and improve app loading times without visible loss of quality on the other hand you can also use https://jpegcompressor.com/ it also optimizes images without losing their quality.