📝 Lesson 4.1: Images — Inserting, the Built-in Editor, Wrapping & Positioning

Inserting Images — Six Ways In

Everything image-related lives under one menu: Insert > Image. Open it and you'll see a short submenu of sources — six different places an image can come from. They all end the same way (a picture lands in your document), but knowing which door to use saves real time.

(If you don't see "Camera," your device doesn't have one — the other five doors work the same.) The key point: the source doesn't change what the image is once it's in your document. An image inserted by URL and one uploaded from your computer behave identically afterward — same editor, same wrapping, same handles. So pick whichever source is most convenient and don't overthink it.

⚠️ Important Note — use images you have the right to use. "Search the web" makes it dangerously easy to grab any picture you find, but finding an image is not the same as being allowed to use it. Most images online are copyrighted. For anything you'll publish or share widely, use images you created, images you've licensed, or images explicitly offered for reuse (public-domain or Creative-Commons sources). When in doubt, check the license — respecting creators is both the right thing and the safe thing.

For this lesson's project you'll practice with a picture you own — a photo you took, or a simple image you're free to use — so licensing is never a worry while you learn the mechanics.

The Built-in Image Editor

Here's a small revelation for anyone used to opening a separate photo program: Google Docs can crop and adjust an image right inside the document. You never have to export, edit elsewhere, and re-import. Click an image once to select it and a small toolbar appears above (or near) it; that toolbar, plus the Image options panel, is your whole editing kit.

Crop — trim away what you don't need

Select the image and choose Crop (the crop icon on the image toolbar, or right-click → Crop image). Dark handles appear on the edges; drag them inward to hide the parts you don't want. The pixels aren't deleted — they're just hidden — so you can re-crop or expand the crop back out later. Press Enter or click away to apply. Cropping is the single most useful image edit: it lets you straighten a composition, remove distractions, and focus attention.

Mask to a shape

Depending on your version of Docs, you may find a Mask image option next to Crop — a little dropdown of shapes (circles, arrows, callouts, and more). Choose one and Docs crops your image to that shape. If your toolbar doesn't show it, the reliable route is Insert > Drawing > New: add the image inside the drawing, where the image toolbar offers shape masking, then save it into your document. A round profile photo, an arrow pointing at something, a speech bubble — all one click. It's still the same underlying picture; you can re-mask or return to a rectangle any time.

Rotate

Grab the round rotation handle above a selected image and drag, or use Image options → Size & rotation to type an exact angle or flip horizontally/vertically. Great for straightening a photo that came in tilted.

Recolor, brightness, contrast & transparency

Open Image options (from the image toolbar, or right-click → Image options) to reveal a side panel with real adjustment controls:

• Recolor — tint the whole image toward a single color (useful for making a photo match a document's color scheme, or for a subtle watermark-like background).
• Adjustments → Transparency — fade the image toward see-through, so text or other content can sit over it.
• Adjustments → Brightness — lighten or darken.
• Adjustments → Contrast — increase or decrease the difference between lights and darks.

Replace image

Changed your mind about which picture belongs here? Right-click the image → Replace image and pick a new source. The new picture drops in keeping the size, wrapping, and position of the old one — a huge time-saver when you're swapping a placeholder for the final photo, because you don't have to re-do any of your layout work.

⚠️ Important Note: Google Docs is a capable light image editor — perfect for cropping, tinting, and basic adjustments. It is not a photo-retouching program. There's no layers, no healing brush, no fine color grading. For anything beyond quick fixes, edit the photo in a dedicated tool first, then insert (or use Replace image). Knowing where a tool's edge is keeps you from fighting it.

Text Wrapping — The Setting That Changes Everything

If you remember one thing from this lesson, make it this: text wrapping is the setting that decides how an image and your words share the page. Almost every "my image is behaving weirdly" problem is really a wrapping problem. Select any image and the wrapping options appear right on the image toolbar — a row of little icons. Here's what each one means.

Why "inline" is the safe default

When you first insert an image, Docs makes it inline — and that's a deliberate, friendly choice. An inline image is anchored to the text around it. Add a paragraph above and the image slides down with everything else, exactly as you'd expect. It behaves predictably. The trade-off is that you can't drag it into a corner or have text hug its side.

The moment you switch to Wrap text (or any of the floating modes), the image becomes free — you can drag it anywhere — but it also becomes less predictable, because now it has to decide where to anchor as text shifts around it. That freedom is exactly what causes the "jumping around" people complain about. We'll defuse that in Section 5.

That flow — insert, edit, wrap, position, describe — is the whole lesson in one line, and it's the order you'll follow in the project. Get the wrapping right before you fuss over exact placement, because wrapping determines which positioning options are even available to you.

Positioning, Sizing & Alt Text

Sizing — drag the corners, not the sides

Select an image and eight square handles appear. Always drag a corner handle to resize — it keeps the picture's proportions so it doesn't look stretched. The side handles squish the image out of shape (occasionally useful, usually a mistake). Hold and drag; the size shows as you go. For an exact size, open Image options → Size & rotation and type the width and height, with "Lock aspect ratio" on so the two stay proportional.

Positioning — the two big choices for floating images

Once an image is set to wrap text or break text, you can drag it around and a small position control appears offering two very different behaviors:

• Move with text — the image is anchored to a paragraph. If that paragraph moves (because you added text above), the image moves too. It stays near its related text. This is usually what you want for a figure that belongs to a specific paragraph.
• Fix position on page — the image is pinned to a spot on the page and does not move when text shifts. Text flows around wherever it's pinned. This is what you want for a header banner, a logo in a corner, or anything that must stay in one physical place.

You can also set the margins — the gap between the image and the text that wraps around it — in the position/wrap controls, so words don't crowd right up against the picture. A little breathing room makes a layout look instantly more professional.

Alt text — every image needs it

This one matters more than most people realize. Alt text (alternative text) is a short written description of an image. Screen-reader software reads it aloud to people who can't see the picture, and it's the accessible, considerate thing to add to every meaningful image. Right-click the image → Alt text (or select it and use Ctrl+Alt+Y; Mac ⌘+Option+Y), then type a plain description of what the image shows and why it's there.

Why Images "Jump Around" — and How to Stop It

Time to name the most common image frustration on the planet: you place a photo perfectly, keep typing, and suddenly it leaps to the top of the next page, or slides behind a paragraph, or vanishes to a corner you never chose. It feels like the software has a mind of its own. It doesn't — it's following rules, and once you know them, you're the one in charge.

What's actually happening

Every floating image (anything not inline) is anchored to a specific paragraph — Docs shows a little anchor icon when you select the image. As you edit, that anchor paragraph moves, and the image tries to stay attached to it. Add a lot of text above, and the anchor paragraph slides to the next page, dragging the image with it. That's the "jumping." It's the image loyally following the paragraph you (unknowingly) tied it to.

The three fixes

1. Use inline wrapping for simple figures. Inline images can't jump — they're part of the text and move with it smoothly, exactly like a word. If a picture doesn't need text flowing beside it, inline solves the problem before it starts.
2. Choose "fix position on page" for anything that must stay put. A pinned image is nailed to a location and ignores text shifting around it. Banners, logos, and page decorations belong here.
3. Anchor deliberately. If you want an image to travel with a particular paragraph, use "move with text" and place your cursor in the right paragraph before adjusting — so the image is tied to the content it actually belongs to.

🎯 Project: Place and Tame an Image

Time to make images do exactly what you want. Open the document you've been building across this course (or any practice doc) and let's put a picture through its paces — insert it, edit it, wrap it, pin it, and describe it. By the end you'll have proven to yourself that images obey you, not the other way around.

Placing an image, step by step

1. Insert:  Insert > Image > (Upload / Drive / Photos / By URL / Camera / Search)
2. Edit:    click image -> Crop, Mask, Image options (brightness/contrast/transparency/recolor)
             (Reset image undoes everything)
3. Wrap:    click image -> pick Inline / Wrap text / Break text / Behind / In front
             (Inline = safe default; it can't "jump")
4. Size:    drag a CORNER handle (keeps proportions)
5. Position: Move with text  = follows its paragraph
             Fix position    = pinned to the page, won't move
6. Alt text: right-click -> Alt text -> describe what it shows

If it "jumps around": use Inline, or Fix position on page.

Best Practices for Images

✅ Do's

• Start inline, float later. Inline is predictable and jump-proof; only switch to wrap/break when you truly need it.
• Resize from the corners. Corner handles keep proportions so photos never look stretched.
• Add alt text to every meaningful image. It's a one-minute habit that makes your documents accessible to everyone.
• Place images after your text is settled. Layout on finished text almost never jumps.

❌ Don'ts

• Don't grab any web image and call it yours. Use images you own or are licensed to use, especially for anything you'll publish.
• Don't drag side handles unless you deliberately want to distort the image.
• Don't fight a jumping image blindly. Check its wrapping and anchor first — the fix is almost always there.
• Don't expect a photo editor. Docs does light edits well; do heavy retouching elsewhere and then insert.

📓 Learning Journal

📝 Lesson Summary

🎉 What You've Accomplished

You've turned images from a source of frustration into something you control precisely. You can get a picture into a document six ways, shape it with the built-in editor, decide exactly how text flows around it, pin it where it belongs, and make it accessible with alt text. That's the entire image workflow — and it's the same set of skills whether you're making a report, a flyer, or a newsletter.

❓ Common Questions at This Stage

🔭 Looking Ahead

Next up — Lesson 4.2: Tables & the Drawing Tool — we add two more visual building blocks. You'll build and style a table (perfect for schedules and comparisons), then use the Drawing tool to create a simple diagram from shapes, lines, and text boxes and drop it into your document. Together with images, they cover almost everything you'll ever need to show rather than just tell.

✅ Before the Next Lesson

• Finish the project so you have at least one well-behaved, alt-texted image in your document
• Try both "move with text" and "fix position on page" so the difference is clear in your hands
• Write your Learning Journal entry for this lesson

📚 Additional Resources

• Add and edit images (Google Docs Help)
• Google Docs Help Center (Google Support)
• docs.google.com — practice in a real document