Use the Image Gallery web part

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Image gallery web part.

Note: Some functionality is introduced gradually to organizations that have opted in to the First Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

Use the Image gallery web part to share collections of pictures on a page. Select your images with the file picker or drag them onto the web part. You can also dynamically display images from a library of your choice.

Add the Image gallery web part

  1. If you're not in edit mode already, click Edit at the top right of the page.

  2. Hover your mouse above or below an existing web part or under the title region, click Circled plus sign used to add a modern web part to a page , and then select the Image gallery web part.

  3. Click Add a title to enter a title for your Image gallery.

  4. Click the Edit web part button Web part edit button to specify the layout.

    With the Tiles layout, you can choose an aspect ratio (1:1,16:9, or 4:3), and you can drag and drop images within the web part to reorder them.

    Image Gallery Web Part Tile View

    With the Carousel layout, you can set whether to automatically cycle through images, and the speed at which to cycle. You cannot reorder images in this layout.

    Image Gallery Web Part Gallery View

Select individual images

  1. Drag images onto the web part, or click Add images.

  2. Choose a recent image or get an image from your site, your computer, or a link.

  3. Click Open to add the images you've selected.

  4. For each image, you can include a title, description, and alternative text by clicking the edit button Web part edit button on each image.

  5. To add more images, either drag and drop the images onto the page or click + Add to select additional images.

Dynamically display images from a library

When you dynamically display images from a library, you can add and remove images from the library, and the Image gallery web part will update to show the current set of images in the library.

  1. In the Image web part toolbox, select Dynamically display images from a document library.

  2. Select the library where your images are. You can also include subfolders.

  3. Select the maximum number of items you want to display.

    Image Gallery options

Expand your skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×