# Best practice image hosting ? Cloudinary?

**URL:** <https://forum.bubble.io/t/best-practice-image-hosting-cloudinary/164681>\
**Category:** Need help\
**Created:** [August 15, 2021, 5:45pm UTC](https://forum.bubble.io/t/best-practice-image-hosting-cloudinary/164681 "2021-08-15T17:45:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![thomas.gounot](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomas.gounot/32/74988_2.png) [@thomas.gounot](https://forum.bubble.io/u/thomas.gounot)\
**Post date:** [August 15, 2021, 5:45pm UTC](https://forum.bubble.io/t/best-practice-image-hosting-cloudinary/164681/1 "2021-08-15T17:45:53Z")

</div>

Hello 🙂

I have built a marketplace on Bubble and I’m struggling with my images to optimize speed.

In every marketplaces, there is a small image of the product in the catalogue and then, when you click on it and you are on the page product, there is the same image but bigger.

Let’s take the example of [www.reverb.com](http://www.reverb.com/) :

- the small image on the page result is 210 × 210 px (intrinsic: 400 × 400 px)  
(here is the link of the image : [https://images.reverb.com/image/upload/s--8A1b-zqs--/a\_90/t\_card-square/v1622020385/zpgjaceujvouh70mwndx.jpg](https://images.reverb.com/image/upload/s--8A1b-zqs--/a_90/t_card-square/v1622020385/zpgjaceujvouh70mwndx.jpg))
- the big picture on the product page is 563 × 750 px (intrinsic: 600 × 800 px)  
(here is the link of the image : [https://images.reverb.com/image/upload/s---uIaO919--/a\_90/f\_auto,t\_large/v1622020385/zpgjaceujvouh70mwndx.jpg](https://images.reverb.com/image/upload/s---uIaO919--/a_90/f_auto,t_large/v1622020385/zpgjaceujvouh70mwndx.jpg))

=\> it’s the same image in their DB ! They use Cloudinary to change the dimension apparently.

I thought I could do the same with :proceed with Imgix. But on my website, here is the result :

- the small image on the page result is 198 × 264 px (intrinsic: 433 × 577 px)  
(here is the link of the image : [https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest\_uf%2Ff1621967578790x876033702729703200%2F0.png?w=384&h=362&auto=compress&dpr=2&q=100&fit=max](https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1621967578790x876033702729703200%2F0.png?w=384&h=362&auto=compress&dpr=2&q=100&fit=max))
- the big picture on the product page is 326 × 434 px (intrinsic: 433 × 577 px)  
(here is the link of the image : [https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest\_uf%2Ff1621967578790x876033702729703200%2F0.png?w=768&h=652&auto=compress&dpr=2&fit=max](https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1621967578790x876033702729703200%2F0.png?w=768&h=652&auto=compress&dpr=2&fit=max))

=\> it’s exactly the same image, and so the load is really long for the small image, it’s not optimize.

Is there a possibility to do like Reverb on Bubble ? Or do I have to create 2 different images with different dimensions ?

Thanks  
Thomas

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [October 24, 2021, 5:46pm UTC](https://forum.bubble.io/t/best-practice-image-hosting-cloudinary/164681/2 "2021-10-24T17:46:21Z")

</div>

Closed on October 24, 2021, 5:46pm UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.