How to Edit Images

Modern Campus CMS offers a basic image editing tool so images can be resized, cropped, and rotated directly within the CMS.

This helps ensure that large images are properly resized before being published to the production server.

NOTE: 

  • JPEG image files will lose quality by using the Modern Campus CMS Image Editor.
  • When uploading images, please use PNG Files.  You are not able to change a JPEG image file to a PNG image File using the Modern Campus CMS Image Editor.

Modern Campus CMS Editor vs Recommended Editor

Modern Campus CMS Editor

The Image Editor in Modern Campus CMS is an extremely basic image editor that allows you to resize and/or crop your image.  

Edit Image after Insert

  1. Click Image
  2. Click Source Button
  3. Select image to edit from list view 
  4. Click Edit Image in bottom right corner of image preview window
  5. After Editing, Save and Publish

You can also jump to the Images Editor by going to the Images folder using the Split File Navigation)

Inserting Images

If you are resizing a large image

  1. Click the resize button
  2. Enter the width and height you would like for the image to become.
         (If you enter only the width, the height will be automatically calculated to maintain proportion of the image as long as "Constrain Properties" is checked.) 
  3. Click “Save As” to add the edited image to your website. Give the image a new name so that the original file can be retained.

Recommended Image Editor: Pixlr

  • It may be easier to upload the image into Modern Campus CMS already ready to be posted instead of using the Modern Campus CMS Image Editor.
  • If you have no image editing software (such as Adobe Photoshop), you can use Pixlr, a free, online image editor that will allow you to resize and edit image.
  • Pixlr will also allow you to change JPEG files into PNG files.