WordPress. How to resize and crop images in Media library

This tutorial provides an explanation of how to resize and crop images in Media Library in WordPress.

WordPress. How to resize and crop images in Media library

1. Log into your WordPress admin panel and navigate to Media -> Library:

   

2. Select the picture you want to work with and click on it.

3. Hit the Edit Image button under the picture:

   

4. In order to resize your image, locate the Scale Image section on the top right side of the screen.

   Please note that scaling should be done before cropping and you can only make images smaller (not larger).

5. Change the width or height (the first and second fields respectively) to the desired dimension and you will see that other field will be adjusted automatically and proportionally.

6. Once you are done, hit the Scale button:

   

7. Refresh and check your website to see your changes.

   You can verify whether the image dimensions are correct by using a developer tool, for example Firebug (for Mozilla Firefox):

   

8. In order to crop your image, click on it and drag with your mouse to select that part of the image you would like to have.

9. Once you have selected the desired part of the image, you will see that dimensions are displayed in Selection input fields under Image Crop section. If you wish, you can enter these dimensions manually as well, otherwise you may skip this step.

10. If you would like to crop your image according to a specific aspect ratio, you should enter the values (e.g. 1:1 (square), 4:3, 16:9, etc.) into Aspect ratio fields (otherwise you may skip this step as well). Hold down the Shift key on your keyboard and drag one of the edges of your selection to enlarge or reduce the size of a cropped area. If you already made a selection, the specified aspect ratio will automatically change your selection box to match it.

11. Once you are done with cropping, hit the Crop button just above the picture and you will have your new image:

    

12. If you do not like your cropped image for some reason, you can press the Revert or Redo buttons above the picture to revert or redo your last change respectively and start cropping once again:

    

13. Select to what sizes (thumbnail, all sizes, etc.) of current image you would like to apply your changes by choosing one of the options in Thumbnail Settings section.

14. Press the Save button in order to save your cropped image:

    

15. Refresh and check your website to review your edited picture.

16. Also, if you are not happy with your changes, you can always restore original image by pressing the Restore image button below the Scale Image section:

    

Now you know how to resize and crop images in Media Library in WordPress.

Feel free to check the detailed video tutorial below:

WordPress. How to resize and crop images in Media library