π Lesson 4.1: Images β Inserting, Editing, Text Wrapping & Positioning
This is where documents start to look like documents. You'll add an image to your report β and immediately meet the one setting that trips up almost everyone: Text Wrapping. Get that right and pictures sit exactly where you want while your text flows around them cleanly; get it wrong and images leap across pages, shove paragraphs around, or refuse to move at all. By the end you'll understand the crucial difference between an image that lives in the text and one that floats, and you'll place a properly wrapped, accessible picture in your document with confidence.
π What You'll Learn
By the end of this lesson, you will be able to:
- Insert a picture from this device, stock images, or online via the Insert tab
- Resize and crop an image without distorting it
- Choose the right Text Wrapping option β and explain why In Line vs floating changes everything about positioning
- Understand anchors and use Position to place a floating image predictably
- Write good alt text so images are accessible (we go deeper in Lesson 8.2)
- Use the Picture Format tab for corrections, artistic effects, and picture styles
β±οΈ Estimated Time: 45 minutes
π― Project: Place an image in your report with proper text wrapping, sensible sizing, and meaningful alt text β so it looks intentional, not pasted-in.
In This Lesson
Inserting a Picture
An image goes into your document from the Insert tab. Click Insert > Pictures
and Word offers you a small menu of where the picture comes from. The wording shifts slightly between
the web and desktop, but the three sources are the same idea everywhere:
| Source | What it means | When to use it |
|---|---|---|
| This Device (Windows) / Picture from File (Mac) / Upload from Device (web) | A file already on your computer, phone, or drive | Your own photos, a logo, a chart you exported β the most common case |
| Stock Images | Microsoft's built-in library of royalty-free photos, icons, cutout people, stickers, and illustrations | You need a clean, licensed image and don't have one of your own |
| Online Pictures | A Bing-powered web image search, filtered by license | You need something specific β but check the license before you rely on it |
To place an image, put your cursor roughly where you want it first, then choose Insert > Pictures
and pick the source. Select your file (or a stock image) and Word drops it into the document. Don't worry that
it lands in the wrong spot or the wrong size β inserting is the easy part. The interesting work is what
you do next: sizing it, deciding how text behaves around it, and making it accessible. That's the rest of this
lesson.
π Definition
Royalty-free vs free: Microsoft's Stock Images are licensed for you to use in your documents at no extra cost β that's the safe, easy choice. Online Pictures searches the open web; even with a license filter applied, treat the results with care and prefer images you have a clear right to use. When in doubt, use Stock Images or your own files.
A quick honesty note: on the web version, the exact labels and the Stock Images gallery can look a little different from the desktop app, and very large images may take a moment to upload to OneDrive. Everything core here β inserting, sizing, wrapping, alt text β works on free Word for the web. Where a control is richer on desktop, we'll say so.
Resizing & Cropping
A freshly inserted image is almost never the right size. There are two different operations here, and people often confuse them: resizing changes how big the whole picture is; cropping cuts away parts of the picture you don't want to show. Both matter, and neither actually throws pixels away permanently unless you tell Word to.
Resizing without distortion
Click the image and you'll see round or square handles at its corners and edges. Always drag a
corner handle β that keeps the width and height in proportion, so faces don't stretch and logos don't
squash. Dragging a side handle changes only width or only height, which distorts the picture; that's
almost never what you want. For exact control, use the Size group on the Picture Format tab
(or the desktop Layout > Size dialog) to type a precise height or width in inches or
centimeters, with a "lock aspect ratio" box you should usually leave ticked.
Cropping
Cropping trims the frame. Select the image and choose Picture Format > Crop. Black crop
handles appear; drag them inward to hide the edges of the photo. Click Crop again (or click away)
to apply. The hidden parts are still stored in the file β you can crop back out later β until you use
Compress Pictures and choose to delete cropped areas, which is a great way to shrink a bloated document
before sending it. On the desktop app, the Crop menu also offers Crop to Shape (fit the photo
into a circle, arrow, or other shape) and Aspect Ratio presets like 1:1 or 4:3.
β οΈ Watch Out
The classic mistake is dragging a side handle and stretching an image, then not noticing until it's printed. If a photo of a person looks slightly "off," it's usually squashed. Undo (Ctrl+Z / β+Z) and drag a corner instead. And resist making an image huge by dragging past its natural size β small images blown up look blurry.
Text Wrapping β The Setting That Changes Everything
This is the heart of the lesson. Text Wrapping tells Word how your text should behave around a picture β and it also secretly controls how the picture is positioned. Almost every "why won't this image go where I want?!" moment comes down to one hidden decision: is the image In Line with Text, or is it floating?
You'll find the setting by selecting the image and clicking the Layout Options button (the
little icon that appears at the image's top-right corner), or via Picture Format > Wrap Text, or
on desktop Layout > Wrap Text. Here's what each option does:
| Option | Behavior | Good for |
|---|---|---|
| In Line with Text | The image acts like a single giant character β it sits in the text and moves as you type, like a letter. It cannot float freely. | Simple documents, a logo on its own line, images that should stay put in the reading flow |
| Square | Text flows around a rectangular box hugging the image. The image floats; text runs beside it. | A photo beside a paragraph, magazine-style layouts |
| Tight / Through | Text follows the actual shape of the image (or its transparent areas), not just a box. | Cutout images, logos with transparent backgrounds |
| Top and Bottom | Text stops above the image and resumes below β nothing runs beside it. | Full-width figures and banners |
| Behind Text | The image sits under the text, like a watermark or background. | Watermarks, background art (make sure text stays readable) |
| In Front of Text | The image floats on top of the text, covering whatever is beneath it. | Callouts, stickers, free-form placement over a design |
Why "In Line vs floating" is the whole ballgame
Here's the mental model to lock in. In Line with Text images are part of the text stream β they behave like a very large letter. You can't drag them to an arbitrary spot; they move only where text can go, and they push whole lines around. Every other option (Square, Tight, Top and Bottom, Behind, In Front) makes the image floating: it detaches from the text stream, you can drag it anywhere on the page, and text arranges itself around it according to the option you chose. That single distinction β in the stream vs floating above it β explains almost everything about how a picture moves.
around it or beside it?"} B -- "No, keep it in the reading flow" --> C["In Line with Text
moves like a letter Β· can't drag freely"] B -- "Yes, let it float" --> D{"How should text relate to it?"} D -- "Beside it" --> E["Square or Tight
text wraps around"] D -- "Above and below only" --> F["Top and Bottom"] D -- "Layered" --> G["Behind Text or In Front of Text"] C --> H["Positioned by the cursor"] E --> I["Positioned by anchor plus drag"] F --> I G --> I
Practical rule of thumb: if you want an image you can drag to a corner while text flows around it, switch it to Square first. If you just want a picture sitting cleanly in the flow of a report β say, a figure on its own line β In Line with Text (often with the paragraph centered) is simplest and least likely to misbehave. The frustration people feel with Word images is nearly always an In Line image they're trying to drag, or a floating image whose anchor they don't understand β which is exactly the next section.
π‘ Tip: Word's default for a newly inserted picture is usually In Line with Text. So the very first thing to decide, every time, is: "Do I want this in the flow, or floating?" Answer that and the right Wrap Text option is obvious.
Anchors & Position
The moment an image floats, it gains an anchor β a little β symbol that appears in the margin next to a paragraph when you select the image. The anchor ties the image to that paragraph. This is the second great source of confusion, so it's worth understanding clearly.
What the anchor does
A floating image doesn't live at a fixed spot on the page β it lives attached to a paragraph. If that paragraph moves (you add text above it, or it flows to the next page), the image can move with it. Delete the paragraph the image is anchored to and you can delete the image too. This is usually helpful: your figure stays near the text that mentions it. But if an image seems to "jump" to another page when you edit, it's the anchor following its paragraph. You can drag the anchor to a different paragraph, and on the desktop app you can even lock an image's position on the page via the Layout dialog.
Position β snap it to a spot
For quick, tidy placement of a floating image, use Picture Format > Position (desktop:
Layout > Position). It offers a 3×3 grid of presets β top-left, top-center, middle-right,
bottom-center, and so on β with text wrapping applied automatically. One click drops the image into a corner or
edge with text flowing neatly around it. For exact placement, the desktop Layout dialog
(Position tab) lets you set precise measurements relative to the page, margin, or column, and pin
the image so it won't drift.
π₯οΈ Web vs desktop β precision
Honest note: fine-grained layout is stronger on the desktop app. The web version handles inserting, resizing, wrapping, and the Position presets well, but the exact-measurement Layout dialog, some advanced anchor locking, and a few positioning niceties are richer on Windows/Mac desktop. For most reports the web is plenty; for pixel-precise page design, reach for the desktop app.
Alt Text & Accessibility
Every meaningful image needs alt text (alternative text): a short written description that screen readers speak aloud for people who can't see the image, and that also appears if the image fails to load. It's a small habit with a big impact, and it's genuinely part of producing professional documents β not an optional extra.
To add it, right-click the image and choose View Alt Text (or Picture Format > Alt
Text). Type a concise, meaningful description in the box. Word can even suggest a description
automatically, but always read and fix it β auto-generated text is a starting point, not a finished caption.
| Image is⦠| What to write |
|---|---|
| Meaningful (a chart, a diagram, a photo that carries information) | A short description of what it shows and why it matters β e.g. "Bar chart showing sales rising each quarter in 2025." |
| Decorative (a divider, background flourish, purely visual) | Tick Mark as decorative so screen readers skip it β describing it would just add noise. |
Keep alt text short and specific: describe the content and function, not the fact that it's an image ("Photo ofβ¦" is redundant β the screen reader already announces it's an image). We come back to accessibility properly in Lesson 8.2, including the built-in Accessibility Checker that flags images missing alt text across your whole document. For now, build the habit: every image you add gets alt text or a decorative mark before you move on.
π‘ Why this matters even if no one you know uses a screen reader
Alt text helps more than screen-reader users: it makes documents searchable, survives conversion to PDF and HTML, and is increasingly expected (and sometimes legally required) for documents shared publicly or at work. Adding one short line per image is the cheapest professionalism you can buy.
The Picture Format Tab
Select any image and a contextual Picture Format tab appears on the ribbon (on the web it may read Picture). This is your one-stop shop for making a picture look intentional. You don't need to master every button β but knowing the neighborhoods helps.
| Group | What lives there |
|---|---|
| Adjust | Corrections (brightness/contrast, sharpen), Color (saturation, tone, recolor), Artistic Effects (turn a photo into a sketch, blur, paint), Remove Background, and Compress Pictures to shrink file size. |
| Picture Styles | One-click frames and effects β soft edges, shadows, reflections, rounded corners, bevels β plus Picture Border and Picture Effects. |
| Arrange | Wrap Text, Position, Bring Forward / Send Backward (layering), Align, and Rotate. |
| Size | Crop and the exact height/width boxes. |
Two of these deserve a special mention. Corrections and Artistic Effects let you fix or restyle a photo without ever leaving Word β great for a quick brightness bump or turning a busy photo into a subtle sketch behind text. And a single Picture Style (say, a soft-edged rectangle with a gentle shadow) instantly makes an ordinary snapshot look designed. Use these with restraint: one tasteful style lifts a document; five competing effects make it look busy.
β οΈ Important Note: The web version keeps the essentials β styles, borders, crop, basic corrections, alt text β but some heavier effects (advanced artistic effects, Remove Background, fine-grained corrections) are richer or only available on the desktop app. If a button you read about here isn't on your web ribbon, that's why; it's not you.
π― Project: A Well-Placed Image
Time to put it in your real document. Open the report you've been building through the course (or any working document) and add one image that looks intentional: correctly sized, sensibly wrapped, and with meaningful alt text. The goal isn't decoration β it's an image that supports the text and sits where you want it, behaving predictably.
ποΈ Place an image with proper wrapping & alt text
Objective: Insert, size, wrap, position, and describe one image so it reads as a deliberate part of your document.
Instructions (about 15 minutes):
- (2 min) Put your cursor near where the image belongs, then
Insert > Pictures. Choose your own file, or pick a fitting Stock Image. - (2 min) Resize it by dragging a corner handle so it fits the space without distortion. If needed,
Picture Format > Cropto trim the edges. - (3 min) Decide: in the flow or floating? Open Layout Options (or
Picture Format > Wrap Text). Try In Line with Text, then Square, and watch how the text behaves. Settle on the one that suits your layout. - (3 min) If you chose a floating option, use
Picture Format > Positionto snap it into a corner or edge, and note the β anchor beside its paragraph. - (3 min) Right-click the image > View Alt Text and write one clear sentence describing what it shows (or mark it decorative if it's purely visual).
- (2 min) Optional polish: apply one tasteful Picture Style β a soft edge or subtle shadow β and stop there.
π‘ Hint β a checklist for a "finished" image
My image, done right
- Inserted via Insert > Pictures (device or stock)
- Sized by dragging a CORNER (not stretched)
- Wrap Text decided on purpose: In Line OR floating (Square/Tight/etc.)
- If floating: Position preset chosen; I can see the anchor
- Alt text written (or marked decorative)
- At most ONE picture style applied
If the image won't drag where you want, it's almost certainly still In Line with Text β switch Wrap Text to Square first, then drag.
β Project Completion Checklist
- An image is inserted from your device or Stock Images
- It's sized proportionally (dragged from a corner) and cropped if needed
- You chose a Text Wrapping option deliberately and can explain why
- If floating, it's positioned and you noticed its anchor
- It has meaningful alt text (or is marked decorative)
- Any styling is tasteful and minimal
π― Quick Quiz
Question 1: You inserted a photo and now you can't drag it freely to the corner of the page. What's the most likely reason?
Question 2: Which is the safest way to resize a picture without distorting it?
Best Practices for Images
β Do's
- Decide "in flow or floating" first. Choose the Wrap Text option on purpose before you fight the position.
- Resize from a corner. Keep proportions so faces and logos never distort.
- Add alt text every time. One clear sentence, or mark it decorative β build the habit now.
- Compress before sending. If a document with photos is huge, Compress Pictures shrinks it dramatically.
β Don'ts
- Don't drag a side handle. That's how images get stretched β use a corner.
- Don't blow small images up. Enlarging past their natural size makes them blurry.
- Don't pile on effects. One tasteful picture style, not five competing ones.
- Don't ignore the anchor. If a floating image "jumps," it's following its paragraph β check the β.
π‘ Pro Tips
- For clean reports, In Line with Text plus a centered paragraph is the most reliable, fuss-free way to show a figure.
- Want text beside a photo? Switch to Square, then use Position to snap it into a corner β instant magazine layout.
- Turning off "delete cropped areas" keeps your originals editable; turning it on (via Compress Pictures) makes the file smaller. Choose based on whether you still need to re-crop.
π Learning Journal
Keep a learning journal as you work through this course β a separate document, a note, or even a second Word file right beside the one you're building. After each lesson, take a few minutes to write down:
- Key concepts you learned
- Techniques that clicked for you
- Questions or confusion points to revisit
- Ideas you want to try in your own documents
- Your progress and feelings about learning this β including where your confidence grew
βοΈ This lesson's prompt: Before this lesson, had Word images ever frustrated you β jumping around, refusing to move, or shoving text sideways? Now that you understand "In Line vs floating," describe in your own words what was really happening. Which Wrap Text option do you think you'll reach for most in your own documents, and why?
π Lesson Summary
π Key Takeaways
- Insert images with
Insert > Picturesfrom this device, stock images, or online β stock images are the safe, licensed choice. - Resize by dragging a corner handle to keep proportions; crop to trim the frame without deleting pixels (until you compress).
- Text Wrapping is the master setting: In Line with Text makes an image behave like a character in the flow; every other option makes it float so you can drag it and text wraps around.
- Floating images get an anchor tied to a paragraph; use Position presets to place them cleanly.
- Add meaningful alt text to every image (or mark it decorative) β we go deeper in Lesson 8.2.
- The Picture Format tab holds corrections, artistic effects, and picture styles; layout precision is stronger on the desktop app.
π What You've Accomplished
You added a real image to your document and β more importantly β you now understand the setting that governs everything about how images behave in Word. "In Line vs floating" is the single insight that turns image handling from frustrating to predictable, and you can size, crop, position, and describe a picture like someone who knows exactly what they're doing. That's a genuine leap in the polish of your documents.
β Common Questions at This Stage
My image keeps jumping to the next page when I edit β why?
It's floating and its anchor is following the paragraph it's attached to. When you add text above, the paragraph (and its anchored image) moves down. Select the image, find the β in the margin, and drag it to the paragraph you actually want it near β or on the desktop app, lock its position via the Layout dialog.
Can I do all of this on free Word for the web?
The core, yes β inserting, resizing, cropping, all the Wrap Text options, Position presets, alt text, and basic styles all work on the web. Some heavier tools (advanced artistic effects, Remove Background, the exact-measurement Layout dialog, precise anchor locking) are richer or desktop-only. For most reports the web is more than enough.
Should I use In Line with Text or a floating option?
Ask what you want: if the image should sit in the reading flow (a figure on its own line), In Line with Text is simplest and best-behaved β center the paragraph and you're done. If you want text to run beside it or you want to drag it freely, choose a floating option like Square. When an image misbehaves, this is nearly always the setting to check first.
π Looking Ahead
In the next lesson β Lesson 4.2: Tables, Shapes & SmartArt β we add the other big family of visual objects: tables for organizing data, shapes and text boxes for callouts, and SmartArt for turning ideas into clean diagrams like processes and org charts. Many of the same ideas β wrapping, positioning, the contextual format tab β carry straight over.
β Before the Next Lesson
- Make sure your document has one well-placed, well-wrapped image with alt text
- Try switching one image between In Line and Square so the difference is muscle memory
- Write your Learning Journal entry for this lesson
π Additional Resources
- Microsoft Word Help & Learning β Pictures & graphics
- Microsoft Create β free templates & stock media
- microsoft365.com β open Word for the web
π Encouragement for the Journey
Images are where a lot of people quietly give up on Word β "it just won't go where I want!" You've now got the one insight that dissolves that frustration for good. Every picture you place from here on will behave, because you know whether it's in the flow or floating. That's real mastery. Onward to tables and SmartArt. π