Sharepoint Online Apply Shapes to Images

This feature allows you to format and customize images with various shape options, making your pages more dynamic and engaging. Learn how to use this feature for a polished, professional look.

SharePoint Online has indeed introduced a new feature that allows users to apply shapes to images directly from the Image Web Part on modern SharePoint pages. This enhancement is part of Microsoft's efforts to improve the design and customization capabilities of SharePoint Online, making it easier to create visually appealing content without requiring custom code or external tools.

Key Features of Applying Shapes to Images in SharePoint Online

1. Built-in Image Shapes: SharePoint Online now offers built-in options to apply predefined shapes to images. These shapes include Circle, Square, Triangle, and more. Users can apply these shapes directly from the Image Web Part when editing a page.
2. No Coding Required: This feature eliminates the need for custom CSS or external image editing software, making it more accessible to non-technical users.
3. Quick Access via the Image Web Part: The ability to apply shapes can be accessed directly from the Image Web Part settings when adding or editing an image on a modern SharePoint page.

Here’s a step-by-step guide on how to use this new feature.

Add an Image Web Part

• Navigate to the modern SharePoint page where you want to add or edit an image.
• Click on the Edit button at the top of the page to enter edit mode.
• Click the + sign to add a new web part and select the Image Web Part.
  

Choose or Upload an Image

• Once the Image Web Part is added, select an image from your SharePoint library or upload a new image from your local device.
  

Apply a Shape to the Image

• After the image is uploaded or selected, click on the Edit Web Part (pencil icon) that appears above the image.
• In the web part's settings panel on the right, look for the Image Display Options or similar section.
  

Publish the Page

Once you’ve applied the desired shape to the image, click Publish to save your changes and make them visible to all users.

Note. The shapes available are predefined (like Circle, Square, Triangle etc.), so it doesn't offer full flexibility like custom CSS or advanced image editing tools might provide for more complex shapes.