How to Do Basic Image Editing (Crop, Rotate, Scale, Flip)

The Applyflow CMS allows you to crop, rotate, flip, and scale image sizes without the help of any external image editor. These features come in handy when you are away from your main computer and are uploading images on the go.

The built-in image editor is a super convenient way to edit images for your website without using any additional software.

The image editor also saves a lot of time by allowing users to make simple fixes and adjustments without having to go back and forth between different tools.

With the basic image editor, you can easily crop, rotate, scale, change dimensions, and flip your images from the media library.

For example, if you want to crop an image to remove excessive background, then you can easily do that with the image editor instead of buying an expensive tool for it. 

1. Click 'Media'.

7d06bc38-2c22-4757-ab66-24e9ffdcf6af

2. Click 'Library'.

d08c9862-f5d5-4e55-83e7-77db7f2ad856

3. Click 'Add New' to upload a new image.

8f61b87c-9409-4003-a73e-2e403523f416

4. Once you've uploaded, find the image in your Media Library and click on it.

0b522ae8-23f2-4a01-bce6-8d4125be6392

5. This will open the image in a pop-up window. You will now see image details in the right column and an image preview on the left.

831eb0ff-f2a2-495c-80cb-62a1845ff8e9

4e66195d-2692-4066-9148-106113835943

From here, there are two ways to open the image with the built-in image editor.

The first option is to click on the ‘Edit image’ button under the image preview, which will open the image editor inside a popup. The second option is to click on the ‘Edit more details’ link.

3b266330-8892-47c1-a341-a4bf428e18f5

446e7028-36ae-4022-b61a-645bfc98f84a

Edit Image Option - This will direct you to the 'Edit Media' page.

Click the ‘Edit Image’ button to open up the basic image editing tools. Once you do that, you will see a toolbar with some buttons on top of your image. In the right column, you will also see a bunch of options to resize the image.

de8018ec-50fb-41f9-a9f5-b9b4c7fc59bc

cc0bcf04-2609-4125-a6ba-4bff333e2c35

You can now easily use the buttons at the top to rotate, flip, or crop images according to your liking.

For example, once you click on the ‘Crop’ button, you will be able to select the specific image area you want to crop out of the original image.

e33737b8-2efe-4a05-a2e0-bb2fee384837

Other than that, you can use the ‘Rotate Left’ or ‘Rotate Right’ buttons to rotate an image clockwise and counterclockwise.

31e9bd9c-fa9e-406b-825c-f489336c2e28

a7838021-5188-4c99-80ce-8253d90240b4

You can even flip your images horizontally or vertically according to your liking using different buttons.

590f7f1e-a238-4553-b522-814ed8e7592a

5b6ddfe1-11d3-4c74-ac25-57563ab5189a

You can also use the Undo/Redo buttons to simply undo the changes you don’t like or redo them to revert.

8ca071b7-841f-4298-b232-fdbf1b75bcc5

88ff18be-a1a1-4da1-ade5-c024677fdefb

Next, if you want to scale your image, then you can easily add your preferred image dimensions in the ‘Scale Image’ meta box.

We recommend using this option before cropping an image to maintain your image proportions.

Keep in mind that WordPress only allows you to scale down an image, so you cannot make your images larger than they already are.

e4867846-a5be-495d-8d16-d74b73bd2d9e

After that, you can also use the ‘Aspect ratio’ option if you want to keep a certain aspect ratio for your image intact. This feature only works while you are cropping an image.

69efbc4d-23cf-49bb-a995-ed70010ea48b

Next, you can also scroll down to the ‘Thumbnail Settings’ section in the left column to choose if you want to apply these changes to all image sizes, just the thumbnail, or all image sizes except the thumbnail.

4d1514cc-f67a-4cb6-bf18-333c95ef0d08

Once you are happy with the changes you have made, don’t forget to click on the ‘Save’ button to store your changes.

045586b3-2ef9-461e-8f35-23ae93543a89