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](/members/images/3641b.png)
2. Click on the image. This will open the image editor.
![Image Editor](/members/images/3641c.gif)
3. Choose the (Resize Image) button
![Image Editor](/members/images/3641d.png)
4. Enter a new width. The editor will automatically resize the height to the correct ratio so the image is not distorted.
![Image Editor](/members/images/3641e.png)
5. Click the to confirm the new size, or click the X to cancel the resize.
![Image Editor](/members/images/3641f.png)
6. Click the (floppy disk) button to save the new size.
![Image Editor](/members/images/3641g.png)
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](/members/images/3641h.png)
Crop
1. Upload the image
![Image Editor](/members/images/3641b.png)
2. Click on the image. This will open the image editor.
![Image Editor](/members/images/3641c.gif)
3. Choose the (Crop Image) button
![Image Editor](/members/images/3641i.png)
4. Click on the image and drag where you would like to cut out the picture.
![Image Editor](/members/images/3641j.png)
5. Click the to confirm the new crop, or click the X to cancel the crop.
![Image Editor](/members/images/3641f.png)
6. Click the (floppy disk) button to save the new size.
![Image Editor](/members/images/3641g.png)
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](/members/images/3641h.png)
Rotate
1. Upload the image
![Image Editor](/members/images/3641b.png)
2. Click on the image. This will open the image editor.
![Image Editor](/members/images/3641c.gif)
3. Choose the (Rotate Left) button or (Rotate Right) button
![Image Editor](/members/images/3641k.png)
4. Click until the picture is at the correct position.
![Image Editor](/members/images/3641l.png)
5. Click the to confirm the new position, or click the X to cancel the positioning.
![Image Editor](/members/images/3641f.png)
6. Click the (floppy disk) button to save the new position.
![Image Editor](/members/images/3641g.png)
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](/members/images/3641h.png)
Flip
1. Upload the image
![Image Editor](/members/images/3641b.png)
2. Click on the image. This will open the image editor.
![Image Editor](/members/images/3641c.gif)
3. Choose the (Flip Vertical) button or (Flip Horizontal) button
![Image Editor](/members/images/3641m.png)
4. Click until the picture is at the correct position.
![Image Editor](/members/images/3641n.png)
5. Click the to confirm the new position, or click the X to cancel the positioning.
![Image Editor](/members/images/3641f.png)
6. Click the (floppy disk) button to save the new position.
![Image Editor](/members/images/3641g.png)
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](/members/images/3641h.png)
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](/members/images/3641o.png)
After Resizing
![Image Editor](/members/images/3641p.png)