Data Analytics
Timespan
explore our new search
​
Power BI: 3 Ways to Make Circular Images
Power BI
Aug 12, 2025 6:28 PM

Power BI: 3 Ways to Make Circular Images

by HubSite 365 about How to Power BI

Microsoft Power BI expert guide: easy image to circle hacks, design transformation, report development and cert prep

Key insights

  • Video summary — A HowToPowerBI YouTube tutorial shows three practical ways to display circular images in Power BI, because the base visuals don’t offer a native circular image option.
    It highlights creative workarounds that report authors use to get round images in tables, slicers, and navigation elements.
  • Pre-cropped or Base64 images — Prepare images as circles in an editor, then host them or convert them to Base64 strings.
    Point the report field to the image URL or Base64 value and Power BI will render the circular image as provided.
  • SVG masking and custom visuals — Use SVG clip-paths or a custom visual to mask rectangular images into circles.
    Experts often build Base64-encoded SVGs with a circular mask via DAX or custom visuals to simulate native clipping.
  • Slicers and navigation visuals (May 2025) — Recent Power BI updates improved navigation visuals and slicer image formatting, enabling hover states and better image shape control.
    Combine these features with Base64 images and DAX-driven conditional formatting for dynamic circular icons that respond to filters.
  • Implementation checklist — Prepare circular images or SVG masks, host files or encode to Base64, mark the column/measure as an image URL type, and use the format pane or a custom visual to fine-tune display.
    Test sizing, alignment, and report performance after adding images.
  • Benefits and cautions — Circular images improve dashboard aesthetics and user focus and can update dynamically with filters.
    Watch for Base64 length limits, potential performance hits, and cross-report compatibility; prefer hosted URLs for large image sets when possible.

Overview

The YouTube video from How to Power BI shows three practical ways to display circular images inside reports and dashboards, and it explains why a native circular image option still matters. The presenter walks through pre-cropping images, embedding or linking images with Base64, and using SVG or custom visual tricks to mask pictures, so viewers can pick the method that fits their workflow. Importantly, the video ties these techniques to the recent May 2025 update to Power BI, which improves navigation visuals and image formatting and changes the balance between hacks and built-in options. As a result, the tutorial feels timely and useful for designers aiming to improve dashboard aesthetics and usability.


Hack 1 — Pre-cropped Images and Base64 Embedding

First, the video recommends preparing circular images outside of Power BI and then linking them into a report as image URLs or embedding them as Base64 strings, a straightforward approach for consistent visuals. This method works well because the report simply displays already circular assets, which avoids complex in-report masking and keeps rendering predictable across visuals. However, the presenter notes tradeoffs: embedding many large Base64 images can increase report size and slow performance, while externally hosted images require stable URLs and careful permission handling. Therefore, teams must balance visual control with performance and governance when choosing this route.


Hack 2 — SVG and Clip Masks

Next, the video explores using SVG or clip-path techniques to mask rectangular images into circles, often by constructing Base64-encoded SVG via DAX or custom visuals. This option gives greater flexibility because it applies the circular mask dynamically and can support conditional formatting or responsive layouts without storing separate images. On the other hand, viewers should expect greater technical complexity and potential maintenance overhead, since building and debugging inline SVG or DAX measures takes more skill and can complicate report updates. Thus, teams must weigh the desire for dynamic masking against the extra effort and fragility of code-based solutions.


Hack 3 — Navigation Visuals and Slicers

Finally, the video highlights new formatting capabilities in navigation visuals and slicers that allow image shape settings, hover effects, and dynamic sizing, which in many cases remove the need for elaborate hacks. By combining encoded circular icons, responsive slicer formatting, and DAX-driven image selection, developers can create interactive experiences where profile pictures or icons appear circular and react to filters. Nevertheless, this method depends on the evolving feature set in Power BI and may yield inconsistent results across visual types or report consumers, so designers should test behavior across devices. Consequently, this approach often strikes a middle ground between ease of use and dependency on platform updates.


Tradeoffs, Challenges and Practical Tips

The video and accompanying notes emphasize several tradeoffs, such as image size versus performance, external hosting versus embedded code, and quick solutions versus maintainable ones, and they recommend simple governance practices to reduce risk. For instance, using pre-cropped images offers predictable results with minimal logic, whereas SVG or DAX solutions enable dynamic visuals at the cost of complexity and potential support challenges. Moreover, the presenter suggests testing for accessibility, export behavior, and report size early, since these factors often determine whether a hack is viable in production. Ultimately, teams should choose a method that balances aesthetics, responsiveness, and long-term maintainability while keeping an eye on future native features that could simplify the work.


Conclusion

In short, the How to Power BI video delivers a clear, practical guide to creating circular image displays, and it frames each method with realistic pros and cons that help practitioners decide. The tutorial is especially useful for report designers who want quick wins today while planning for platform improvements that may offer native support later. Consequently, the video serves as both a how-to resource and a roadmap for teams balancing design goals against performance and maintenance constraints.


Power BI - Power BI: 3 Ways to Make Circular Images

Keywords

circle image Power BI, round image Power BI, crop image to circle Power BI, circular image Power BI tutorial, Power BI image masking, create circular profile picture Power BI, Power BI image formatting hacks, Power BI image shape circle