How to Add and Manage Images in Microsoft Power Pages (Step-by-Step Guide)

How to Add and Manage Images in Microsoft Power Pages

A picture is worth a thousand words — and in Power Pages, images can make the difference between a portal that feels polished and professional versus one that falls flat. Whether you're building a customer-facing portal, an internal company hub, or a partner site, knowing how to properly add, format, and manage images in Microsoft Power Pages is an essential skill. In this step-by-step guide, we'll walk you through everything you need to know — from uploading your first image to setting alt text for accessibility and managing your image storage location.

💡 New to Power Pages? Learn how our team can help you build and launch powerful portals through our Power Platform Development services.

What Is the Image Component in Power Pages?

The Image component in Power Pages allows you to embed visuals directly onto your portal pages using the Design Studio. You can upload images from your local machine, reference images already stored in your image library, or pull in externally hosted images via a secure URL. It's a flexible, no-code tool that makes visual content management straightforward for any site builder.

How to Add an Image to a Power Pages Portal Page

Follow these steps to insert an image onto any page in your Power Pages site:

Open the Design Studio to edit your page's content and components.
Select the page you want to modify.
Choose the section where you want to place the image.
Hover over an editable area on the canvas and select the Image icon.
Choose one of the available options to add your image (see options below).

Image Upload Options Explained

📁 Upload Image
Select an existing image from your library or upload a new one directly from your device. All uploaded images appear in the Select Image list and are stored in the Power Pages image library for future reuse.

🔗 External URL
Add an image using a secure external link. Note: the URL must begin with https:// for security compliance. This option is ideal for images hosted on a CDN or external media server.

How to Format an Image in Power Pages

Once an image is placed on the canvas, select it to reveal a toolbar of formatting options. You can:

Replace the image with a different one.
Adjust the image alignment (left, center, right).
Add a clickable hyperlink to the image.
Access additional advanced options via the gear icon.
Duplicate, reorder, or delete the image component.

How to Add a Link to an Image

Linking an image to a page or URL is a great way to create visual navigation elements or call-to-action banners. Here's how:

Select the link icon from the image options toolbar.
Choose your link destination:
- Manually enter an external URL, or
- Select an internal page from the dropdown list.
Click OK to apply the link.
To edit or remove the link at any time, simply select the link icon again.

How to Adjust Image Size

Need to resize an image to better fit your layout? Follow these steps:

Select the gear icon to open the More Options panel.
Update the height and width values to your desired dimensions.
Select OK to apply the changes.

How to Add Alt Text to an Image (Accessibility Best Practice)

Alt text is critical for web accessibility and SEO. It describes your image to screen readers and search engines. Always add meaningful alt text to every image you publish.

Select the gear icon to open the More Options panel.
Enter a descriptive alt text value for the image.
Select OK to save.

✅ Accessibility Tip: Good alt text is concise, descriptive, and contextual. For example, instead of "image1.jpg", use "Customer support team collaborating at a desk."

Understanding Image Storage in Power Pages

By default, all images uploaded in Power Pages are stored beneath the Home page in the portal's content hierarchy. Understanding where images are stored helps you keep your portal organised and maintainable, especially on larger sites.

How to Change the Image Storage Location

Select the Image button for any image component.
Choose Advanced Options.
Select the parent page under which new images should be stored going forward.

How to View the Current Image Storage Location

Select the Image button on any image component.
Switch between Grid or List view to see the parent page assignment for each image.

Quick Summary: Power Pages Image Management Checklist

✅ Always use https:// for external image URLs.
✅ Add meaningful alt text to every image for accessibility and SEO.
✅ Organise images under appropriate parent pages to keep your library tidy.
✅ Use the image library to reuse uploaded assets across multiple pages.
✅ Preview your portal after adding images to ensure correct sizing and alignment.

Need Help Building Your Power Pages Portal?

Whether you're just getting started or looking to take your Power Pages site to the next level, the CRMONCE team is here to help. From design and configuration to advanced custom development, we've got you covered.

👉 Explore our Power Platform Development Services
👉 Book a Free Consulting Session
👉 Contact Us Today