Blurry images from camera component in canvas app.

Like (1) Share

Report

Posted on 17 May 2024 19:26:05 by ssommer123

Hello!

I am building a canvas app with a camera component. When using the app, before taking the photo, the camera shows the image perfectly. When the photo is captured and displayed on the screen, it looks perfect. When I save it to the Dataverse table, it is extremely blurry to the point you can't even tell what the photo is. The column is of data type "image". Could it be different if the column is of data type "file" ? Is there any workaround to make the images not blurry? Thanks in advance!

All responses (3)

Answers (0)

ronaldwalcott 3,820 Super User 2025 Season 2 on 21 Nov 2024 at 22:37:23

Like (0)

Report

Blurry images from camera component in canvas app.

You have not indicated how you are viewing the image. What is the size of the control? Is this in a gallery? Show a sample screenshot.
ChrisBLCK 2 on 21 Nov 2024 at 21:19:58

Like (1)

Report

Blurry images from camera component in canvas app.

Hi @ssommer123,

I had a working Canevas with a repeater that includes a picture that became blurry since october 24. Pictures come from a Sharepoint List (standard image) loaded to the app.

Turns out there is an option for the size of the picture in the picture control : Full / Large / Medium / Small

In the picture object, I changed the setting :

ThisItem.picture

to :

ThisItem.picture.Large

Works better now !

Hope it solves it for you.
Robu1 1,283 Super User 2025 Season 2 on 17 May 2024 at 22:30:10

Like (0)

Report
Re: Blurry images from camera component in canvas app.

Hi @ssommer123 ,

Blurry images can be frustrating! Especially when saving them to a Dataverse table in your canvas app.
Image Data Type in Dataverse:
You mentioned that the column in your Dataverse table is of data type “image.” When you save an image to this type of column, it stores the image as a binary large object (BLOB).
The “image” data type is suitable for storing images, but it doesn’t inherently cause blurriness. The issue likely lies elsewhere.
Optimize Images for Upload:
By default, PowerApps Mobile App optimizes images for upload. When you upload pictures from your mobile device, they may be compressed, leading to reduced quality.
Try turning off the “Optimize images for upload” setting within your PowerApps Mobile App settings. This might improve image clarity 1.
Consider Using the “File” Data Type:
If you continue to face blurriness issues, consider using the “file” data type instead of “image.”
The “file” data type stores files as attachments, which may better preserve image quality.
Displaying Images:
When displaying images in your app, ensure that the image control properties (such as size, resolution, and scaling) are appropriately configured.
Test different display settings to find the optimal balance between clarity and performance.
Testing and Troubleshooting:
Test saving images to the “file” data type column and compare the results.
Inspect the saved images in Dataverse directly to verify their quality.
If needed, explore additional PowerApps community forums or documentation for specific troubleshooting steps.
Remember to adapt these suggestions to your specific app and requirements. Good luck, and I hope your images become crystal clear! 😊📸
If this post helps, then Click on the Thumbs Up below and Accept it as the solution to help others.

Thanks,

Robu1.