I like to wax poetic on the benefits of creating a SharePoint site map using Smart Art in Microsoft Office. Users like colourful, visually appealing diagrams especially when they are interactive (such as graphics with clickable hotspots created with a tool like Image-Maps – check out my instructions here!)
I recently shared this information with a client without providing step-by-step instructions. During a follow up call it became clear that converting the Smart Art object in the Word document into a graphic was not as intuitive as I had assumed.
How to Convert a Smart Art Object into a PNG Graphic in Microsoft Word:
- Create new Word document.
- Insert Smart Art object. Modify it to meet your needs.
- Select Smart Art object with your cursor then copy it. (Select > Ctrl + C)
Note: Make sure you’ve selected the entire object, not just one item within it. - Right-click cursor in a blank part of the page.
- Select “Picture” from paste options.
Note: This creates a .png = best for graphics & a must for graphics with transparency. (.jpg = best for photo) - Right click on new .png image.
- Select > Save as Picture from the context menu.
Best Practice:
Save a copy of the .png file in SharePoint. ALSO save a copy of the Word document containing the original Smart Art object in SharePoint. This way if you need to make a minor edit to the original Smart Art object, you don’t need to recreate the Smart Art object again.
Correct way to select entire Smart Art object:
Wrong way to select entire Smart Art object:
In this image (below) user has only selected one piece of the image.
How to Select Picture from Paste Options:
How to Select “Save as Picture” from the Context Menu:
Hello Kelly,
Your instructions worked perfectly…thanks. Is there a way to keep each button separate so as to make a link?
Andy
Hi Andy,
To my knowledge, there is not a way to keep each button separate for linking using the instructions I shared. I did write another blog post about using Image Map to make clickable links in png files – https://itgroove.net/oh365eh/2014/08/20/create-clickable-graphics-with-image-maps-without-subscription/
That post is from a couple years ago (2014), and my team uses different ways to make clickable site maps using code.
Thank you so much! This worked for me 🙂