Adding pictures to SmartArt

Office for Mere Mortals
Your beginners guide to the secrets of Microsoft Office
Invalid email address
Tips and help for Word, Excel, PowerPoint and Outlook from Microsoft Office experts.  Give it a try. You can unsubscribe at any time.  Office for Mere Mortals has been running for over 20 years, we've never, ever revealed or sold subscriber details.  Privacy policy

There are several ways to add images into an Office SmartArt graphic; the official Microsoft way plus some others that aren’t usually mentioned.

In the introductory piece, Much better lists with SmartArt , we looked at the SmartArt basics which are much the same in Word, Excel and PowerPoint.  We converted a list of countries and territories into a much nicer graphic.

adding pictures to smartart 13154 - Adding pictures to SmartArt

Now let’s see what other tricks are available by adding images to SmartArt.  Even if you don’t use SmartArt, we demonstrate some of the image editing power of modern Office.

Picture Designs

Some SmartArt styles include space for an image. Go to Insert | SmartArt | Picture to see the styles.

adding pictures to smartart 13155 - Adding pictures to SmartArt

There are many SmartArt picture styles.  Go to SmartArt | Design to see the gallery.  The gallery defaults to showing the same type of design, in this case SmartArt’s with pictures.

adding pictures to smartart 13156 - Adding pictures to SmartArt

Here’s our example SmartArt list with images in different presentations.

adding pictures to smartart 13157 - Adding pictures to SmartArt

As you can see, some designs work better than others, depending on the situation.

Adding pictures

Type or paste your text list, as usual.

adding pictures to smartart 13158 - Adding pictures to SmartArt

Add/change the images by clicking on the ’empty’ boxes at left.

adding pictures to smartart 13159 - Adding pictures to SmartArt

That opens the standard Insert | Image options for your computer including online image search. That’s handy in situations like this, which needs the flags of each country.

adding pictures to smartart 13160 - Adding pictures to SmartArt

Changing SmartArt images

Once you’ve inserted an image, the thumbnail in the ‘Type your text here’ box doesn’t do anything.

To alter the image, you click on the SmartArt version of the picture. It’s not always obvious, but clicking on the image opens the Picture Tools ribbon, just like any other image.

adding pictures to smartart 13161 - Adding pictures to SmartArt

This ribbon has all the image editing options available in Office. This includes Change Picture which isn’t possible from the SmartArt pane.

adding pictures to smartart 13162 - Adding pictures to SmartArt

Office 365 versions of Office 2016 for Windows let you change the SmartArt picture to one of the new ‘Icons’ or SVG graphics. You can’t insert an Icon first but you can insert a placeholder image then use Change Picture to access the Icons.

Picture Tools

All the regular Picture Tools are available to separate images in a SmartArt. For example, here’s the Picture Tools | Picture Effects | Reflection effect to add a little more to the SmartArt.

adding pictures to smartart 13163 - Adding pictures to SmartArt

adding pictures to smartart 13164 - Adding pictures to SmartArt

Recolor Pictures in SmartArt graphic

One option NOT on the Picture ribbon is special for SmartArt images.

It recolors the image to match the SmartArt color scheme or theme selected.

adding pictures to smartart 13165 - Adding pictures to SmartArt

This applies to all the images in a single SmartArt.  Do it by going to the Color theme selector and choosing ‘Recolor Pictures in SmartArt Graphic’.

adding pictures to smartart 13166 - Adding pictures to SmartArt

This setting applies to all pictures in the SmartArt shapes including any added/changed later.

Mixed Recoloring

To get a mix of recolored and original images you have to disable this option and manually recolor the images.  That’s easily done by selecting an image then Picture Tools | Color | Recolor and selecting a color that matches the SmartArt theme.

adding pictures to smartart 13167 - Adding pictures to SmartArt

It’s not polite to recolor a national flag so we’ve only changed the map image.

adding pictures to smartart 13168 - Adding pictures to SmartArt

Delete an image

To remove a SmartArt image, select the image and choose Cut from the right-click menu.

adding pictures to smartart 13169 - Adding pictures to SmartArt

The image will revert to the ’empty image’ thumbnail.

adding pictures to smartart 13170 - Adding pictures to SmartArt

Most likely you’ll want to remove all the images, not just one.  Do that by changing the SmartArt to another, non-picture, style.

Pictures in non-Picture styles

There are many SmartArt styles that, officially, don’t support pictures.  Just because they aren’t listed as ‘Picture’ doesn’t mean you can’t use images.

SmartArt is a preset collection of standard Office shapes (squares, circles, arrows etc.).  You have a lot of power to change those shapes to suit.

One option is to change the background color to an image. Here’s an example with two shapes changed to background images.

adding pictures to smartart 13171 - Adding pictures to SmartArt

Right-click in a SmartArt shape, choose Picture and select an image.

adding pictures to smartart 13172 - Adding pictures to SmartArt

Background image

It’s also possible to put a background image behind the entire SmartArt.

adding pictures to smartart 13173 - Adding pictures to SmartArt

Right-click on the background and choose ‘Format Object’. Then select an image or other fill color/pattern/gradient.

adding pictures to smartart 13174 - Adding pictures to SmartArt

Tip:  a fast option to add a background image.  Copy the image into the clipboard.  Click on the SmartArt background then Paste.  The clipboard image which be added as a background.

It’s likely that the background picture will be too strong or bold, overwhelming the SmartArt.  Fix that with the Transparency slider.

adding pictures to smartart 13175 - Adding pictures to SmartArt

Manual Pictures

Adding a separate image to SmartArt isn’t as simple as you might expect. The normal Insert | Picture doesn’t work within a SmartArt (the image is pasted outside the SmartArt frame).  A bit of cunning is needed.

The workaround is to add a shape to the SmartArt then insert the image as a background to the shape.  Click inside the SmartArt then choose Insert | Shapes.

adding pictures to smartart 13176 - Adding pictures to SmartArt

Select a suitable shape like a rectangle, rounded rectangle or oval.  Draw it into the SmartArt in (roughly) the position you want.

adding pictures to smartart 13177 - Adding pictures to SmartArt

Add the image from Drawing | Format | Shape Fill | Picture.

adding pictures to smartart 13178 - Adding pictures to SmartArt

Optionally, remove the shape outline from Drawing | Format | Shape Outline | No Outline.

adding pictures to smartart 13179 - Adding pictures to SmartArt

Political Note

This article was written while visiting the Caucasus region, hence the country and region names used in the examples.  Many of the regions are disputed territories.  The grouping we used are for demonstration purposes only.  They don’t represent the current status of the territories nor any political view.  We’re not taking sides in those disputes, merely demonstrating some features of Microsoft Office.

Much better lists with SmartArt

Use Icon/SVG as Bullet in Word list

Sketchy line option in Office for Windows and Mac

subs profile e1563205311409 - Adding pictures to SmartArt
Latest news & secrets of Microsoft Office

Microsoft Office experts give you tips and help for Word, Excel, PowerPoint and Outlook.

Give it a try. You can unsubscribe at any time.  Office Watch has been running for over 20 years, we've never, ever revealed or sold subscriber details.  Privacy policy
Invalid email address