Resizing images in the SharePoint Online Image Web Part

Image web parts in SharePoint Online are used to easily add images to your web page. However, rarely is your image the perfect size when you first upload it, and you’d be surprised how big a photo can be in full resolution. 🙂 There is now an option in the Image Web Part that allows you to resize your image. Here’s how it works…

Here’s a picture of my partner and I dressed up for a Halloween dance party. While it’s a fun photo, it’s just a “smidge” too large for the page. When the page is in edit mode and I’m in the Image Web Part, I have a tool bar that allows me to resize the image. When I click it, it will add “handles” to the corners of the image so that you can resize it (and maintain the aspect ratio):

Machine generated alternative text:
00

Here’s what those handles look like, and I was able to use the one in the lower right corner to reduce the size to something more in line with the page:

Machine generated alternative text:
Testing Site Links 
p Search this site 
Home 
Notebook 
Documents 
Pages 
Site contents 
Recycle bin 
Edit 
(RI Save as draft 
Discard changes 
Page details 
Add a aption

Bonus tip… You can also click the alignment icon to move align the picture to the left, center, or right of the Image Web Part:

Machine generated alternative text:
Testing Site Links 
p Search this site 
Home 
Notebook 
Documents 
Pages 
Site contents 
Recycle bin 
Edit 
(RI Save as draft 
Discard changes 
@ Page details 
Align left 
Suggested alt text: a person wearing a hat. Change or k 
Add a caption

Once I republish the page, I have a resized image that is appropriate for what the page should look like:

Machine generated alternative text:
Testing Site Links 
p Search this site 
Home 
Notebook 
Documents 
Pages 
Site contents 
Recycle bin 
Edit 
+ New v Page details 
News 
+ Add v

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s