How to Add Images to a Microsoft Loop Page Easily 2026

Loop's left sidebar lists your pages under Sorted by hierarchy. Loop project, Meeting Notes, and Project Planning sit side by side there, and clicking any one opens it in the main canvas on the right.

A new page starts blank, with an Add icon and Add cover prompt above the title and a plain Just start typing... placeholder below it. That placeholder is where the image work happens. If you don't have a page for this yet, use Create new page at the bottom of the sidebar, or start from a built-in template like Project Brief or Meeting Notes instead of a blank canvas.

Click an empty line where the image should sit, after a heading or between two paragraphs, then type a forward slash to open Loop's command menu. Typing image or media narrows the list to the media block; selecting it swaps that line for an empty upload container.

This is the same slash-command pattern Loop uses for headings and tables, so once you've used it here you'll recognize it everywhere else in the app. Two faster alternatives skip the menu entirely.

Drag an image file straight from your desktop or file manager onto the page, or copy a screenshot and paste it in with Ctrl+V (Cmd+V on Mac). Both drop the image onto its own line, exactly the way the slash command does. Loop doesn't currently support placing an image inline next to running text, whichever method you use.

Choosing the local upload option inside the media block opens your operating system's standard file picker, the same Open dialog you'd see in any other application. Navigate to Downloads, Pictures, or wherever the file lives, then double-click it or select it and hit Open.

Loop accepts common formats such as JPEG, PNG, and GIF, and the moment you confirm the selection, the file uploads and renders in place of the empty container. If the image already lives online (a screenshot on SharePoint, or a graphic from a shared drive link), you don't need to download it first.

Paste the direct image URL into the same media block instead, and Loop fetches and renders it, provided the link points straight to an image file and isn't sitting behind a login. That path is faster for anything already shared with your team. It also means the image depends on that external link staying live, so a local upload is the safer choice for anything you can't afford to lose.

Click the inserted image to select it; handles appear along its edges. Dragging a side handle scales the image's width, and Loop reflows the surrounding blocks automatically, so there's no separate step to fix the layout afterward.

A narrower width reads better when the image sits between two paragraphs of explanatory text. Let it run full width when it's the main focus of that section, such as a large mockup or a full-screen capture.

Click just below the image to add a short caption line. Describe what the image shows in one plain sentence instead of repeating the paragraph around it.

This matters more than it looks on a collaborative page: Loop pages get edited by several people over time, and a caption is often the only thing still explaining an image's purpose after the surrounding paragraph has been rewritten twice. A caption also works as basic alt text, giving the image some descriptive value for anyone using a screen reader.