How to Use the Built in Image Editor

The image editor is available when uploading images to specific spots on your site. The image editor can be found in the following edit pages:

  • Add/Edit Content
  • Add/Edit Department
  • Portal Pages
  • LMS Menus
  • Shopping Cart Items, Departments and Portal
  • Downloads
  • Theme Settings

Learn How using these Instructions

Resize

1. Upload the image

Image Editor

2. Click on the image. This will open the image editor.

Image Editor

3. Choose the (Resize Image) button

Image Editor

4. Enter a new width. The editor will automatically resize the height to the correct ratio so the image is not distorted.

Image Editor

5. Click the to confirm the new size, or click the X to cancel the resize.

Image Editor

6. Click the (floppy disk) button to save the new size.

Image Editor

7. If required, add the image to your page as you normally would.

Other Notes

Other editing can be completed as well. If using multiple tools, we recommend updating the size LAST

If a mistake is made, simply click on the (reset image) button to start over.

Image Editor

Crop

1. Upload the image

Image Editor

2. Click on the image. This will open the image editor.

Image Editor

3. Choose the (Crop Image) button

Image Editor

4. Click on the image and drag where you would like to cut out the picture.

Image Editor

5. Click the to confirm the new crop, or click the X to cancel the crop.

Image Editor

6. Click the (floppy disk) button to save the new size.

Image Editor

7. If required, add the image to your page as you normally would.

Other Notes

Other editing can be completed as well. If using multiple tools, we recommend updating the size LAST

If a mistake is made, simply click on the (reset image) button to start over.

Image Editor

Rotate

1. Upload the image

Image Editor

2. Click on the image. This will open the image editor.

Image Editor

3. Choose the (Rotate Left) button or (Rotate Right) button

Image Editor

4. Click until the picture is at the correct position.

Image Editor

5. Click the to confirm the new position, or click the X to cancel the positioning.

Image Editor

6. Click the (floppy disk) button to save the new position.

Image Editor

7. If required, add the image to your page as you normally would.

Other Notes

Other editing can be completed as well. If using multiple tools, we recommend updating the size LAST

If a mistake is made, simply click on the (reset image) button to start over.

Image Editor

Flip

1. Upload the image

Image Editor

2. Click on the image. This will open the image editor.

Image Editor

3. Choose the (Flip Vertical) button or (Flip Horizontal) button

Image Editor

4. Click until the picture is at the correct position.

Image Editor

5. Click the to confirm the new position, or click the X to cancel the positioning.

Image Editor

6. Click the (floppy disk) button to save the new position.

Image Editor

7. If required, add the image to your page as you normally would.

Other Notes

Other editing can be completed as well. If using multiple tools, we recommend updating the size LAST

If a mistake is made, simply click on the (reset image) button to start over.

Image Editor

File Size

Updating the size of the image will also change the file's size. Changing a file size so it is smaller, will increase the loading speed of the page

Before:

Image Editor

After Resizing

Image Editor