Editing images for sliders and other CMS uses

Resize your image if you need to

First, you'll want an image that's around 1200px wide, especially for our Image Sliders. If your image is way too big, use Preview (Mac) or Paint (Windows) to resize (not crop) down to a more workable size.

Either will let you resize by pixels, and should "constrain dimensions" so when you change the width, the height will change proportionately.

If your image is smaller than that, it can still work, but if it's smaller than 100px wide you might end up with an image on your website that doesn't look so good, as it'll attempt to enlarge and stretch the smaller image, pixelating/blurring your original image.

When you're ready to crop the photo

  1. Go to
  2. Drag your image onto the page's "Drop your photo here..." drop zone.
  3. Immediately you'll see the photo in the editor. On the right, switch to "Manual" instead of "Auto"
  4. Set the width to 1060 and the height to 480 for sliders, 400 x 400 for card snippets, or whatever dimensions you're planning on cropping.
  5. In the image window, move the crop selector to where you would like the photo to be cropped. (This is where you may find here an image resize - above -  before cropping might be a good idea, if you can't get the selector to display an appropriate image.)
  6. When you're happy with the image, click the "Download Crop" button
  7. The cropped image should download to your browser's download location.

If you have trouble, we can sometimes help or we may send you to Ron Lambert and the Creative team who can resize your images at an hourly rate.

Was this article helpful? 0 out of 0 found this helpful

Have more questions? Submit a Support Ticket