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

  1. 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.
  2. 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.
  3. Click the Edit tab.
  4. 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.
  5. Click on Medium Square to adjust the crop settings for the square size. This will open the cropping tool.
  6. 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. 
  7. Click Save to save your changes.
  8. 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.
  9. Close that tab.
  10. Back on the page where you're embedding your image, select the View mode that you cropped.
  11. Click Embed.
  12. Verify that your newly cropped image is displaying correctly.
  13. Save your page!

Video Tutorial - Embedding an image and cropping the Square view mode