# Poor image quality after user upload

**URL:** <https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333>\
**Category:** Need help\
**Created:** [May 8, 2019, 6:28pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333 "2019-05-08T18:28:58Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![thomtom](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomtom/32/69258_2.png) [@thomtom](https://forum.bubble.io/u/thomtom)\
**Post date:** [May 8, 2019, 6:28pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/1 "2019-05-08T18:28:58Z")

</div>

Hi all,

I know this is a recurring question on bubble forum but I can’t find a solution to my problem.

Each time a user uploads a picture via Picture uploader, the resulting image is compressed and bad quality (even with very high PNG or JPG base files).

I can’t figure out which parameter to change… I’ve tried output density of images, but it is not working. Also, when I directly upload a picture in high resolution via database admin interface, the image display is good. But never with the image uploader element.

How prevent bubble to compress the uploaded images ?

Thank you in advance.

---

<div class="post-metadata">

**Author:** ![neerja](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/neerja/32/29814_2.png) [@neerja](https://forum.bubble.io/u/neerja)\
**Post date:** [May 8, 2019, 7:15pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/2 "2019-05-08T19:15:43Z")

</div>

@thomtom You can add a ignore\_imgix parameter

> [@Uploaded PNG images without transparency are converted to JPG](http://forum.bubble.io/t/uploaded-png-images-without-transparency-are-converted-to-jpg/54418/6):
>
> Hi, as you may have noticed by now, all images inside image elements are served via Cloudfront and processed to be served as highly compressed jpgs. This is also the case for pngs without transparency, and it isn’t a bug, but rather a design choice to give users the best performance out of the box. I understand that it may result in visibly poor image quality for small PNGs, but since most cases we encountered to date involved very high resolution retouched photos, this default behavior was qu…

---

<div class="post-metadata">

**Author:** ![thomtom](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomtom/32/69258_2.png) [@thomtom](https://forum.bubble.io/u/thomtom)\
**Post date:** [May 8, 2019, 7:20pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/3 "2019-05-08T19:20:07Z")

</div>

Hi @neerja,

Thank you for your answer. Could you precise where to put ignore\_imgix expression ?

Is it during the upload process or display ?

---

<div class="post-metadata">

**Author:** ![neerja](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/neerja/32/29814_2.png) [@neerja](https://forum.bubble.io/u/neerja)\
**Post date:** [May 8, 2019, 7:27pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/4 "2019-05-08T19:27:48Z")

</div>

@thomtom Display in the image element like:  
[https://s3.amazonaws.com/appforest\_uf/f\_/filename.png?ignore\_imgix](https://s3.amazonaws.com/appforest_uf/f_/filename.png?ignore_imgix)

---

<div class="post-metadata">

**Author:** ![thomtom](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomtom/32/69258_2.png) [@thomtom](https://forum.bubble.io/u/thomtom)\
**Post date:** [May 8, 2019, 8:46pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/5 "2019-05-08T20:46:14Z")

</div>

Thanks @neerja it works well for displaying an image stored in high resolution in the database.

However, my second problem is still here. If a user uploads an image (in high res), this one will be highly compressed and it will result in poor quality of display because the stored file is compressed (even with the ignore\_imgix expression during the process upload).

---

<div class="post-metadata">

**Author:** ![neerja](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/neerja/32/29814_2.png) [@neerja](https://forum.bubble.io/u/neerja)\
**Post date:** [May 8, 2019, 10:34pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/6 "2019-05-08T22:34:21Z")

</div>

@thomtom Image should not be visibly compressed on upload for most cases. Please submit a bug report and we can see if your use case is running into a limitation

---

<div class="post-metadata">

**Author:** ![Lucien](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/lucien/32/58216_2.png) [@Lucien](https://forum.bubble.io/u/Lucien)\
**Post date:** [May 8, 2019, 10:54pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/7 "2019-05-08T22:54:03Z")

</div>

@thomtom, what’s your **output density of images** set to? You can try at least **2** (General \> Settings \> Output density of images), maybe that can help.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/d/cd625e045397f03910e22f27075cfb9243a97923.png)

@neerja, I always wondered what’s the downside of increasing the output density? Is it impacting performance? I couldn’t notice any difference.

---

<div class="post-metadata">

**Author:** ![thomtom](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomtom/32/69258_2.png) [@thomtom](https://forum.bubble.io/u/thomtom)\
**Post date:** [May 9, 2019, 8:26pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/8 "2019-05-09T20:26:07Z")

</div>

I sent a bug report. Yes I tried output density parameter but it does not work. I believe the problem appears during the upload process (image is compressed an stored into the database in bad quality).

---

<div class="post-metadata">

**Author:** ![neerja](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/neerja/32/29814_2.png) [@neerja](https://forum.bubble.io/u/neerja)\
**Post date:** [May 9, 2019, 8:29pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/9 "2019-05-09T20:29:31Z")

</div>

@Lucien We have not received reports of performance issues resulting from output density selections

---

<div class="post-metadata">

**Author:** ![neerja](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/neerja/32/29814_2.png) [@neerja](https://forum.bubble.io/u/neerja)\
**Post date:** [May 9, 2019, 8:29pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/10 "2019-05-09T20:29:48Z")

</div>

@thomtom Thanks, we will test

---

<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:** [July 17, 2019, 6:29pm UTC](https://forum.bubble.io/t/poor-image-quality-after-user-upload/56333/11 "2019-07-17T18:29:47Z")

</div>

Closed on July 17, 2019, 6:29pm UTC

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