Forum Discussion
Dashboard static elements using shapes and textboxes VS background
Hi karimm ,
Thanks for the update.
When using the same image in both the canvas background and as an image visual, differences in rendering like stretching could occur due to how Power BI handles image scaling in each context.
Even if both are set to "Normal" and sized the same, the canvas background may apply additional scaling based on the report canvas size and screen resolution.
In the image visual, padding removal is a good step, but the visual still respects margins and may slightly differ in alignment compared to the background layer.
You could try setting the image visual to "Fit" instead of "Normal" and then manually resize it to match the canvas area more precisely.
Alternatively, try exporting the background from Figma with a size closer to Power BI’s default canvas resolution (usually 1280x720 or 1920x1080) and then adjust as needed within the report.
Similar thread:
Solved: Fill/fit options - page background picture - Microsoft Fabric CommunityPage display settings in a Power BI report - Power BI | Microsoft Learn
Hope this helps. Please reach out for further assistance.
Thank you.
karimm What happens if instead of a background image you create an image visual scaled to the entire page?
Interesting! It seems to be behaving like the Shapes option 🙂
Hi karimm ,
Thanks for sharing your findings.
Good to hear that using an image visual scaled to the entire page is working and behaves similar to shapes in terms of initial loading.
This seems to help address the issue of blank screen when using background images.
Thanks Greg_Deckler for suggesting that approach.
If there's anything else you need, feel free to reach out.
Also please consider marking the helpful reply as Accepted Solution if the issue is reolved, to help others with similar scenario.
Thank you.
Thank you Greg_Deckler for the suggestion and sorry for late reply.
I just got back to this issue due to priorities.
I noticed that when I try applying the same (1650px x 1619x) image to the canvas background (same size) and in an image stretched to the same size of the canvas background, I do see a difference in the rendering of the objects.
In both cases I put Normal scaling, and the images get rendered differently. In the canvas background it is more "streched".
I removed all the padding from the image visual and still, it's the same.
Any ideas?
Thanks again
Hi karimm ,
Thanks for the update.
When using the same image in both the canvas background and as an image visual, differences in rendering like stretching could occur due to how Power BI handles image scaling in each context.
Even if both are set to "Normal" and sized the same, the canvas background may apply additional scaling based on the report canvas size and screen resolution.
In the image visual, padding removal is a good step, but the visual still respects margins and may slightly differ in alignment compared to the background layer.
You could try setting the image visual to "Fit" instead of "Normal" and then manually resize it to match the canvas area more precisely.
Alternatively, try exporting the background from Figma with a size closer to Power BI’s default canvas resolution (usually 1280x720 or 1920x1080) and then adjust as needed within the report.
Similar thread:
Solved: Fill/fit options - page background picture - Microsoft Fabric CommunityPage display settings in a Power BI report - Power BI | Microsoft Learn
Hope this helps. Please reach out for further assistance.
Thank you.
Hi karimm ,
Just checking in to see if you query is resolved and if any responses were helpful.
Otherwise, feel free to reach out for further assistance.Thank you.
