How to crop images [video tutorial]
You have the ability to crop images after you add them. This can be very useful when you need to use a certain image size, such as square, and want to be sure that the portion of the image that is shown is correct.
Example of a cropped image
How to crop images
- Upload the image to your Quickstart site. You can do this in a number of ways, but the most common way is by clicking the Insert File (F) button in a Text Area or HTML field and then following the prompts.
- When you get to the step that asks you to select a View mode for the image you're embedding, click the linked file name (under Selected Entity). This will open the image in a Quickstart page in a new tab.
- Click the Edit tab.
- You should see a selection of various image sizes, such as Card image, Large, Media Object, Medium, Medium Square, and Small. The current or default crop for each size is shown.
- Click on Medium Square to adjust the crop settings for the square size. This will open the cropping tool.
- Using your mouse, you can either drag the square around the image to select the exact area you want to feature, or, you may create a new crop by clicking the Remove Selection button at the bottom of the image and using your mouse to draw a new square.
- Click Save to save your changes.
- Click Save again on the image page before proceeding. (You need to save in two places). You should get a message that the cropping selections have been saved, and that the image has been saved.
- Close that tab.
- Back on the page where you're embedding your image, select the View mode that you cropped.
- Click Embed.
- Verify that your newly cropped image is displaying correctly.
- Save your page!