# I have not found any good solution in Bubble for circular profile pictures

**URL:** <https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497>\
**Category:** App Organization\
**Created:** [March 19, 2022, 9:22pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497 "2022-03-19T21:22:49Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![pachocastillosr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pachocastillosr/32/154570_2.png) [@pachocastillosr](https://forum.bubble.io/u/pachocastillosr)\
**Post date:** [March 19, 2022, 9:22pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/1 "2022-03-19T21:22:49Z")

</div>

Hi,

I need circular profile images in my app like the ones in the Bubble forum:  
 ![circle image](https://us1.discourse-cdn.com/bubble/original/3X/c/1/c1a1d05520af427d639062c657b780be92bf97fd.png)

However, amongst all the suggestions that I’ve seen in the forum, I have not found a single way to do it while keeping a good quality of the image, regardless of the proportions or shape of the image.

Actually, the only way that I found in Bubble that makes it possible to implement good quality circular profile images for any type of image, was using the Wonderful Image Slider Plugin by @Efe and his team and using the “Clamp” setting:  
 ![clamp image](https://us1.discourse-cdn.com/bubble/original/3X/1/7/17100e9728d3b2f759a3c7cad6bb40ec4839d006.png)  
And the border radius setting like this:  
 ![border radius image](https://us1.discourse-cdn.com/bubble/original/3X/6/2/6239c5397321fb743798672976cd0f2958661b98.png)

But this plugin does not updates the image data source in real-time, and unfortunately that’s a deal breaker for my app.

If someone has any other ideas, please share them.

Take into consideration that the solution must work for images that are not perfectly round, some will be rectangular, other squared, other circular, some small, some large, etc.

Any help would be appreciated,

Thanks!

---

<div class="post-metadata">

**Author:** ![buero](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/buero/32/31435_2.png) [@buero](https://forum.bubble.io/u/buero)\
**Post date:** [March 19, 2022, 9:27pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/2 "2022-03-19T21:27:44Z")

</div>

You ever tried this?  
(You have to check "Apply a circle/ellipse mask)

 ![Bildschirmfoto 2022-03-19 um 22.26.59](https://us1.discourse-cdn.com/bubble/original/3X/7/e/7e208567e68ce0ac7db65cada1ef2bd4ae482d4a.png)

+++++

I started building my tool JourneyIQ in **public**. 🤩  
Find out about our launch strategies, bubbling & quick learnings on [LinkedIn](https://www.linkedin.com/in/williamrau).

+++++

---

<div class="post-metadata">

**Author:** ![TipLister](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tiplister/32/150194_2.png) [@TipLister](https://forum.bubble.io/u/TipLister)\
**Post date:** [March 19, 2022, 9:42pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/4 "2022-03-19T21:42:10Z")

</div>

what works too is using the croppie plugin so users can crop any photo to round.  
a how to is outlined here

> **[Using Croppie for Images on Bubble](https://tiplister.com/list/using-croppie-for-images-on-bubble)**
>
> Image cropping, rotating & compressing with Croppie

---

<div class="post-metadata">

**Author:** ![pachocastillosr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pachocastillosr/32/154570_2.png) [@pachocastillosr](https://forum.bubble.io/u/pachocastillosr)\
**Post date:** [March 19, 2022, 9:45pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/5 "2022-03-19T21:45:08Z")

</div>

Wow I had not tried this one, it crops a big part of the image but it gives a pretty good result! This works for me, thanks!

---

<div class="post-metadata">

**Author:** ![pachocastillosr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pachocastillosr/32/154570_2.png) [@pachocastillosr](https://forum.bubble.io/u/pachocastillosr)\
**Post date:** [March 19, 2022, 9:46pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/6 "2022-03-19T21:46:11Z")

</div>

Hi! Thanks for the tips! Do you know in what tab of the App Settings can I find that resolution setting?

---

<div class="post-metadata">

**Author:** ![pachocastillosr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pachocastillosr/32/154570_2.png) [@pachocastillosr](https://forum.bubble.io/u/pachocastillosr)\
**Post date:** [March 19, 2022, 9:46pm UTC](https://forum.bubble.io/t/i-have-not-found-any-good-solution-in-bubble-for-circular-profile-pictures/197497/7 "2022-03-19T21:46:41Z")

</div>

This might be useful as well, thanks!
