Crop Image Tool

This article covers the following topics:

• Overview of the Changes
• When the Changes Will Occur
• What’s Changing
• Using the Crop Image Tool
  • Crop Image Tool for New Images 
  • Crop Image Tool for Existing Images 
• Additional Resources

Overview of the Changes

Over the last year, we have been making many small changes to how the system uses images. Some objectives are to make your sites load faster and display images consistently on all devices so you can edit your images more easily. Now that all of our image sizes are based on aspect ratios, we are able to release the next phase of this project. Once you have uploaded an image, you will be able to use this new tool. You are able to define which part of the image the site will use based on aspect ratio. This effectively means that you can crop an image that you upload. 

When the Changes Will Occur

• This new functionality is available now.

What’s Changing

• There is nothing you need to do for existing images. If you do not like the way an image is displaying, you can use the Crop Image tool to fix the issue.

Using the Crop Image Tool

You can use the Crop Image tool on any image that is already in your site or for new images. We recommend using the Crop Image tool in the media library. 

Crop Image Tool for New Images 

1. Log in to your site
2. Hover over Content

3. Click Media 

   

4. Select + Add media
    

   

    

5. Click Image

   
6. Add the name of the image 
   Note: The name should be complete words separated by a space and must not be the same as the alternative text. 
7. Add the alternative text
   Note: This should be a brief description of what the image is and must not start with the word image or the like. 
8. Expand the Crop Image accordion
9. Review the image preview for each aspect ratio

10. Adjust the blue lines on the image to include the main focal point

    
11. Scroll to the bottom of the page and click Save

Crop Image Tool for Existing Images 

1. Log in to your site
2. Hover over Content

3. Click Media 

   
4. Search for the desired image

5. Click Edit

   
6. Expand the Crop Image accordion

7. Review the image preview for each aspect ratio

8. Adjust the blue lines on the image to include the main focal point
    

   
9. Scroll to the bottom of the page and click Save

Additional Resources

Co-working Sessions 
Register for the next Co-working Session for answers to your questions about this update.

Register for Co-working Sessions