Add an Image Cropper to Umbraco

Add an image cropper to Umbraco, set image requirements like crop aspect ratio, minimum image size, and resize width and height. Use CropGuide and start receiving better images.

Installing CropGuide

To get started we first need to create a CropGuide account

Log in to CropGuide and add your domain to the control panel.

The control panel will generate a unique script for your domain similar to the one shown below:

<script defer src="https://cdn.crop.guide/loader/l.js?c=123ABC">
</script>
  1. Open your favorite text editor and edit the HTML of the page you want to add CropGuide to.

  2. Paste the CropGuide script for your domain right before the closing body tag </body>

  3. Save the page.

That's it! No further changes to Umbraco, or your site, are needed, CropGuide will automatically load and crop images when they're added to Umbraco.

You can adjust the behavior of CropGuide in the control panel for your domain, or you can set custom instructions per field.

Please feel free to reach out to us if you any questions.

Learn more about CropGuide

Our photo editing technology is trusted by amazing companies

  • Dropbox
  • Square
  • ConvertKit
  • Funda
  • Global