Level Up Your Tableau Dashboards: How to Create Custom Transparent Icons Using Microsoft Word.
- Sudha Ravi
- Jan 11
- 4 min read
Mostly in Tableau we focus on the math and the logic and treat the visual interface as an afterthought. However, in a professional setting, your data is only as persuasive as it is readable. If your dashboard looks cluttered or unpolished, your audience will subconsciously trust the insights less.
Beginner hurdles in dashboard designing is the with "White Box" dilemma. We have spent hours crafting a beautiful, dark-themed background or a sophisticated blue gradient for our executive summary. When we go to add a simple "Sales" icon or a "User" profile picture, and suddenly, our sleek design is interrupted by a clunky, bright white square surrounding the image. This happens because standard image formats, like JPEGs, do not understand the concept of "nothingness"—they fill every empty pixel with white ink.
This white box doesn't just look messy; it shatters the "Illusion of Depth." Modern UI design relies on "Glassmorphism" and layering—the idea that elements should feel like they are floating seamlessly on the screen. A white box acts like a visual brick wall, stopping the user's eye and making the dashboard feel dated and "clunky." To fix this, professionals use Transparency, allowing the background colors to flow through the icon, making the asset look like it was painted directly onto the dashboard.the most powerful tool for creating these professional-grade, transparent assets is likely sitting right in your taskbar: Microsoft Word.
By looking at Microsoft Word not as a word processor, but as a vector canvas, you can unlock a suite of professional design capabilities. Word allows you to insert "Icons" and "Shapes" that are mathematically perfect. Because these shapes are built within the Office ecosystem, they are inherently "clean." When you learn the specific technique to export these shapes as PNG files, you bypass the "white box" entirely.
Here is the step-by-step guide.
How to Remove Image Backgrounds in Word (for Tableau Icons)
Step 1: Insert Your Image
Open a blank Microsoft Word document.
Go to the Insert tab > Pictures > This Device. (or) you can directly paste the image in the blank Microsoft word document.
Select the image you want to use as an icon (e.g., a company logo or a user silhouette).
Step 2: Access the Background Removal Tool
Click on the image to select it.
A new tab called Picture Format will appear at the very top of your ribbon. Click it.
On the far left, click Remove Background.
Step 3: Refine the Selection
Word will automatically turn parts of the image purple. Anything that is purple will be deleted.
To keep parts: Click Mark Areas to Keep and draw lines over parts of the image that shouldn't be purple.
To remove extra parts: Click Mark Areas to Remove and click on any remaining background bits.
When finished, click Keep Changes.
Step 4: Save as a Transparent PNG
Crucial Step: If we just copy-paste the image, it might keep a white background. To use it in Tableau, it must be a PNG.
Right-click the edited image in Word.
Select Save as Picture...
In the "Save as type" dropdown, ensure you select Portable Network Graphics (PNG). This format preserves the transparency.
How to Use Your New Icon in Tableau
Once we have our transparent .png file, follow these steps to get it into your dashboard:
Locate your Repository: Go to our computer's Documents --> My Tableau Repository --> Shapes folder.
Create a Folder: Create a new folder inside "Shapes" named My Custom Icons.
Move the File: Paste your saved PNG file into that new folder.
Assign in Tableau: In Tableau, click on the Shapes shelf.
· Click More Shapes.
· Click Reload Shapes.
· Select your "My Custom Icons" palette and assign your new transparent icon!
Table comparing PNG and JPEG formats to help choose the right file type for Tableau dashboards:
Feature | Portable Network Graphics (PNG) | Joint Photographic Experts Group (JPEG) |
Transparency | Supported. Allows for "see-through" backgrounds. | Not Supported. Always has a solid background (usually white). |
Best For | Icons, logos, and shapes with clean edges. | High-detail photographs and complex textures. |
Tableau Look | Blends perfectly with any dashboard color or gradient. | Creates a "white box" effect that clutters the UI. |
File Size | Slightly larger, as it preserves more detail and transparency. | Smaller and compressed but loses quality when edited. |
Why Transparency Matters for Tableau
In the final analysis of professional dashboard design, the transition from standard JPEGs to transparent PNGs represents the bridge between a "report" and an "application." While it may seem like a minor technical detail, transparency is the silent engine of visual hierarchy. In a high-stakes business environment, our data's credibility is often judged by its presentation. The "white box" effect is more than just an aesthetic eyesore; it is a signal to the end-user that the dashboard was built within the constraints of default settings, rather than crafted with intentionality.
Ultimately, opting for transparency is a commitment to professionalism and precision. It shows that the developer understands the nuances of User Experience (UX) design. It transforms a functional tool into an engaging experience, where the data is the star of the show and the interface is the elegant, invisible stage. As we move forward in our Tableau journey, remember that while the data provides the "what" and the design provides the "why". By choosing transparent assets, you ensure that your insights are delivered in a wrapper that is as sophisticated and clear as the data itself.

