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

The Applyflow CMS allows you to crop, rotate, flip, and scale image size without the help of any image editor. These features come in handy when you are away from your main computer and 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.

Crop an image

 

First, you will need to upload an image to your websites media library.

Once you have done that, head over to the Media > Library page from the admin dashboard.

Now, you need to locate the image you just uploaded and click on it.

 

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

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 the popup. The second option is to click on the ‘Edit more details’ link.

Image editing options

Clicking on this link will direct you to the Edit Media page.

From here, you need to click the ‘Edit Image’ button to open up the basic image editing tools.

Edit media page

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.

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.

Crop an image

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

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

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

Flip image

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

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.

Scale image

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.

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.

Thumbnail settings

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