Skip to content
ArumSoft Learning
KO

    PowerPoint Basics · Tutorial 4 of 8

    How to Add Pictures, Shapes, Icons, and Screenshots in PowerPoint

    Insert pictures without stretching them, crop them to the point, and add shapes, icons, and annotated screenshots that make a slide clearer.

    Level
    Beginner
    Time
    15 min read
    Updated:
    Applies to:
    PowerPoint for Microsoft 365, PowerPoint 2024, PowerPoint 2021, PowerPoint for the web
    Insert › Illustrations. Shapes and Icons sit side by side.
    Example: Insert › Illustrations. Shapes and Icons sit side by side.

    What you'll learn

    • Insert pictures from your computer or stock images and resize them without distortion
    • Crop a picture, crop it to a shape, and use Fill and Fit
    • Draw shapes, arrows, and callouts and format their fill and outline
    • Add a consistent set of icons and give them alt text or mark them decorative
    • Capture a screenshot, crop it, highlight where to click, and keep private details out

    A good picture or a simple shape can explain in a glance what three bullets cannot. A stretched photo, a random clip-art icon, or a blurry screenshot does the opposite: it makes the whole deck look careless.

    In this tutorial you will add visuals to the Video Calls Made Easy workshop deck: a photo, a three-step process made of shapes, a row of icons, and an annotated screenshot that shows exactly where to tap. Every visual has to earn its place by making the slide clearer.

    Insert a picture

    Select the slide, then go to Insert then Images then Pictures and choose where the picture comes from.

    Insert › Images › Pictures. This Device for your own files, Stock Images for free licensed photos.
    • This Device inserts a file from your computer. Use your own photos whenever you can; a real photo of the community center beats a generic stock one.
    • Stock Images (Microsoft 365) opens a library of photos, icons, and illustrations you can use in your Office documents.
    • Online Pictures searches the web. Results are not automatically free to reuse, so check the license before you use one.

    If the slide has a content placeholder, you can also click the small Pictures icon inside it. The picture then lands in the placeholder's position, which keeps your layout tidy. The Picture with Caption and Two Content layouts are built for this.

    Use high-resolution images. A small or blurry image looks worse when projected. A photo that looks sharp when it fills your laptop screen is usually fine. Avoid screenshots of thumbnails or images copied from a web search preview.

    Resize without stretching

    A selected picture has eight round handles: four at the corners and four on the sides.

    • Corner handles resize the picture and keep its proportions (its aspect ratio).
    • Side handles squash or stretch it in one direction. Faces get wide, circles become ovals, and everyone in the room notices.

    So: always resize from a corner. Holding Shift while you drag a corner guarantees the proportions stay locked.

    Before

    • Stretched with a side handle
    • Distorted face

    After

    • Resized from a corner
    • Natural proportions
    A stretched picture fixed by resetting its size and resizing from a corner.

    If a picture is already stretched, select it and choose Picture Format then Adjust then Reset Picture then Reset Picture & Size. It returns to its original shape (and loses any formatting), and you can resize it again properly.

    To set an exact size, type a value into Height or Width in Picture Format then Size. As long as Lock aspect ratio is on (it is by default for pictures; check it with the small arrow at the bottom-right corner of the Size group), the other value updates to match.

    Crop and fit pictures

    Cropping cuts away the parts of a picture that do not support your point. It is the single best way to make a photo feel intentional.

    Select the picture, then click Picture Format then Size then Crop. Black crop handles appear at the edges and corners.

    1. Drag a crop handle inward to trim that edge. Drag a corner handle to trim two edges at once.
    2. Drag the picture itself (inside the crop area) to change what shows.
    3. Click Crop again, or press Esc, to finish.

    The arrow under Crop gives you more options:

    OptionWhat it doesUse it for
    CropTrims the edges you dragRemoving empty background or distractions
    Crop to ShapePuts the picture inside a shape, like a circleRound headshots, a softer look
    Aspect RatioCrops to a set proportion, like 1:1 or 16:9Making several photos the same shape
    FillFills the crop area completely, trimming what does not fitPictures in placeholders that must be full
    FitFits the whole picture inside the crop area, leaving spaceLogos or images that must not be cut off

    Cropped areas are only hidden, not deleted, so you can always recrop. If you want them gone for good (for example, to shrink file size), use Picture Format then Adjust then Compress Pictures and tick Delete cropped areas of pictures.

    Before

    • Subject too small
    • Busy background

    After

    • Cropped to the point
    • Easy to see from the back
    A wide photo cropped tight so the phone screen, the actual subject, fills the space.

    Draw shapes and simple callouts

    Shapes are for highlighting, framing, and connecting ideas. Find them at Insert then Illustrations then Shapes.

    Insert › Illustrations. Shapes and Icons sit side by side.

    The shapes beginners need:

    • Rectangles (and rounded rectangles) for boxes, steps, and labels
    • Lines and arrows to connect things or point at something
    • Block Arrows (like the chevron) for a simple process
    • Callouts, the speech-bubble shapes, for a short comment pointing at something

    Drawing tips: click a shape, then drag on the slide. Hold Shift while dragging to get a perfect square or circle, or a perfectly straight line. To put text inside a shape, select it and start typing.

    Formatting: select the shape and use the Shape Format tab: Shape Format then Shape Styles then Shape Fill sets the inside color, and Shape Outline sets the border color and weight. Pick one fill color from your theme and use it for every step so the shapes read as a set.

    Build a three-step process: draw one rounded rectangle, type Find the link, and format it. Then press Ctrl+D twice to duplicate it, edit the text in the copies (Allow camera and mic, Say hello), and add arrows between them. Select all three boxes and use Shape Format then Arrange then Align to Align Middle and Distribute Horizontally.

    Title Only

    Three matching shapes with arrows show the joining process at a glance.

    Use icons that clarify, not decorate

    Icons are small, simple symbols. Used well, they help people find and remember ideas. Used badly, they are clutter.

    Insert them with Insert then Illustrations then Icons. Search for a word like microphone, select one or more icons, and click Insert. Icons arrive as scalable graphics, so they stay sharp at any size, and you can recolor them with Graphics Format then Graphics Styles then Graphics Fill.

    Three rules for icons:

    1. Each icon must mean something. A microphone icon next to "Unmute" helps. A random lightbulb next to "Tips" does not.
    2. Keep one style. Do not mix outline icons with solid ones, or Microsoft icons with clip art from elsewhere. Use the same color and size for every icon in a row.
    3. Pair icons with words. An icon alone can be misread. A short label underneath removes the guesswork.

    Before

    • Icons do not match meaning
    • Mixed styles and colors

    After

    • One style
    • Icon matches label
    Random, mismatched icons replaced with a consistent row that matches each label.

    Alt text. Screen reader users need a description of any icon or picture that carries meaning. Right-click it and choose View Alt Text (called Edit Alt Text in some versions), then write a short description, like "Microphone icon". If the icon is purely decorative because the label already says everything, tick Mark as decorative instead. Do the same for pictures.

    Screenshots that show where to click

    For a software lesson, a screenshot with a highlight box is often the clearest slide you can make.

    Insert › Images › Screenshot. Pick an open window, or Screen Clipping to capture just part of the screen.
    1. Open the app or web page you want to show and get it into the right state (for example, the video-call screen with the buttons visible).
    2. Back in PowerPoint, go to Insert then Images then Screenshot.
    3. Click a thumbnail under Available Windows to insert the whole window, or choose Screen Clipping, then drag across just the area you need.
    4. Crop to the relevant area with Picture Format then Size then Crop. A smaller, focused image is easier to read than a full screen shrunk down.
    5. Add a highlight box: draw a rectangle over the button, set Shape Format then Shape Styles then Shape Fill then No Fill, and give it a thick, bright Shape Outline (around 3 pt). Add an arrow or a short callout if needed.
    6. Select the screenshot and the highlight box and press Ctrl+G to group them, so they move together.
    An annotated screenshot slide: the real button is circled and the title tells people what to do.

    Common visual mistakes

    MistakeWhat it looks likeFix
    Resizing from a side handleStretched faces, oval logosReset Picture & Size, then resize from a corner
    Using a tiny or low-resolution imageBlurry, pixelated photo on the projectorUse the original file or a larger stock image
    Uncropped photosThe subject is small and the background distractsCrop tight around what matters
    Clip art and icons in mixed stylesThe slide looks pieced togetherPick one icon set, color, and size
    Icons with no clear meaningDecoration that adds nothingDelete them, or choose icons that match the label
    Shapes in five different colorsNo visual patternUse one theme color for all shapes of the same job
    Full-screen screenshots shrunk to fitUnreadable menus and tiny textUse Screen Clipping and crop to the area you need
    Screenshots with private dataNames, emails, or messages exposedClean the screen before capturing; check the image after
    No alt textScreen reader users miss the meaningAdd alt text, or mark as decorative

    Practice

    Practice

    Build a 4-slide visual tutorial

    Guided practice

    Add four slides to your video-call-workshop.pptx (or teach any app you know).

    1. Topic title: use the Title Slide or Picture with Caption layout. Insert a photo with Insert then Images then Pictures then This Device or Stock Images. Resize it from a corner only, then crop it so the subject fills the frame.
    2. Screenshot with highlight: open the app you are teaching, then use Insert then Images then Screenshot then Screen Clipping to capture just the important area. Crop it, add a rectangle with No Fill and a thick outline around the button, add a takeaway title, and group them with Ctrl+G. Check the image for private information.
    3. Three icons explaining steps: insert three icons from Insert then Illustrations then Icons in one style. Make them the same size and color, add a short label under each, and align them with Align Middle and Distribute Horizontally. Add alt text or mark them as decorative.
    4. Recap with picture: use Two Content. Put three short recap bullets on one side and a cropped picture on the other. Try Crop to Shape with an oval, and decide whether it helps.

    Crop it three ways: duplicate your title photo twice. Crop one tight, one wide, and one to a circle. Keep the version that best supports the message and delete the others.

    Independent challenge: fix this broken slide

    Make a slide with a deliberately stretched picture, three icons in different styles and colors, and boxes placed by eye. Duplicate it, then fix the copy: reset and resize the picture, swap the icons for one consistent set, and align everything.

    Reflect: for each visual on your four slides, write one sentence explaining what it helps the audience understand. Delete any visual you cannot justify.

    Check your understanding0 of 4 correct

    Pick an answer to see whether it's right and why.

    1. A photo looks too wide for the right half of your slide. What is the best way to make it fit?

    2. You are making a 'where to click' slide for a video-call app. Which approach is clearest and safest?

    3. A slide has a star icon next to 'Mute', an envelope next to 'Camera', and a house next to 'Leave'. What is the main problem?

    4. Each icon in your row has a text label underneath that says exactly what it means. What should you do about alt text for the icons?

    You're ready to move on when

    Tick each one off as you go. Your ticks are saved in this browser only.

    Related

    Sources and further reading

    Was this guide helpful? Spot a mistake? Send feedback · admin@arumsoft.com