Forum Discussion
Power BI App (content packs) Icon sizing and future
The new power BI content Apps draw their image from the workspace which they are created in, this is changed by editing the group behind the workspace. This brings two questions:
1. What is the diameter of this circular image? (for my imediate needs)
2. If PBI Apps are to eventually remove the need for o365 groups for each workspace, how is it envisaged that we will be able to add a custom icon in this circular image?
13 Replies
- GijsTerBeekFrequent Visitor
Hi, I've done some research, and the problem is that Power BI resizes the uploaded image to 4 different icon sizes that are not exactly multiples, which is hell for scaling crisply:
- Left menu / Workspace list : 24px (uses actual file size), supports transparency
- Workspace header: 48px (uses actual file size), supports transparency
- App header: 40px (uses 1:3 scaled down version of 120px), does not support transparency
- App tile in homescreen: 89px (uses 2:3 scaled down version of 120px and loses 1 pixel), does not support transparency
PowerBI resizes the icons after you upload them and doesn't do a very great job at it. Anti-aliasing is all over the place. I've found that if I upload a 196x196 circular icon with an inner shape of 112 pixels, it renders the 'least bad' results. If you use line art - as I did in the example below - your line width should be 5 pixels. I use a ring around my icons to indicate whether a workspace is either Development, Testing or Production (we use deployment pipelines).
Hope this helps. I also tried a total width of 180px as cnatx87 pointed out, but it gets washed out too much in the small icons.
Edit: I know that 192px would mathematically be a better size (it is a multiple of 24 and 48, and also it is exactly 1.6 times 120). I found however that at small sizes, the contrast is too harsh. But this may be personal taste:
- Ajay
Microsoft Employee
[1] I will get the exact dimensions for you tomororw (and add it to the documenation as well).
[2] Once we remove the need for O365 groups, we will provide a way to change the image from inside Power BI (and we will migrate the existing image as well).
- cnatx87New Member
What I've found works best is to size the image content to 120x120px centered within a larger canvas space of 180x180px.