With the Image editing feature, you can crop, rotate and flip images.

To edit images:

1. Click on either the 'Image Icon' or the 'Add Media' button. This will open up the 'Ark Media Manager'.

2. Upload an image by clicking on the 'Upload' button > click on the 'Add Files' button and select a file.

3. Click on the 'Start Upload' button, to complete the upload.

4. Click on your image in the image folder list view, then click on the 'Insert' button.

If you wish to edit an image that you have previously uploaded, simply click on the image, then click on the 'Insert' button. This will take you to the image editing screen.

Resizing

1. To resize an image, click on the 'Resize' button > drag the resize handles, to get your image to the desired size.

2. Click on 'Apply', to apply the resize.

3. Click on the 'Insert Into Content' button, to insert the image into your content.
4. You can create custom resize presets for users to select when resizing an image. To do this: Navigate to 'System' > click on  'Global Configuration' > click on 'Ark Media' and select the 'Plugins' tab.

5. Select the 'Ark Media Feature - Image Editing' plugin.

6. Navigate to 'Custom Resize Presets' and click on the 'Select' button. You will now see the pop up window below.

7. Enter a width and height, to set a preset in pixels. Alternatively, to set a preset in percentage, set 'Unit' to '%' and enter a percentage.
8. To add further presets, click on the 'Add' button. Important: To enable your chosen preset, select 'Yes' in the 'Default' column.
9. Click on the 'Save' button.
10. Finally click on the 'Save' button in the 'Ark Media Feature - Image Editing' page to save your changes.

You will now have the option to select your custom resize preset when resizing an image, by clicking on the 'Resize' button, in the image editing area and clicking on the 'Presets' button.

Cropping

1. To crop an image, click on the 'Crop' button > drag the cropping handles, to get your image to the desired size. Click on the image and drag it, to position the crop.

2. Click on 'Apply', to apply the crop.

3. Click on the 'Insert Into Content' button, to insert the image into your content.
4. You can create custom crop presets for users to select when cropping an image. To do this: Navigate to 'System' > click on  'Global Configuration' > click on 'Ark Media' and select the 'Plugins' tab.

5. Select the 'Ark Media Feature - Image Editing' plugin.

6. Navigate to 'Custom Crop Presets' and click on the 'Select' button. You will now see the pop window below.

7.  Enter a width and height - to add further presets, click on the add button.
8. Important: To enable your chosen preset, select 'Yes' in the 'Default' column. You can also prevent a crop preset from being resized by selecting 'No' in the Resizing column.
9. Click on the 'Save' button. 
10. Finally, click on the 'Save' button in the 'Ark Media Feature - Image Editing' page to save your changes.

You will now have the option to select your custom crop preset when cropping an image, by clicking on the 'Crop' button, in the image editing area and clicking on the 'Presets' button.

Rotating

To rotate an image, click on the 'Rotate' button > select either 90 degrees left, 90 degrees right or 180 degrees > click on the tick and click on the 'Insert Into Content' button.

Flipping

To flip an image, click on the 'Flip' button > select 'Flip Horizontal' or 'Flip Vertical' > click on the tick and click on the 'Insert Into Content' button.