How to Resize an Image in WordPress and Other Image Editing Capabilities

John Turner founder of SeedProd Posted by John Turner on March 2, 2017

A feature most people don’t know exist in WordPress is the ability to resize an image within WordPress itself. Typically when you upload an image WordPress will take that image and create different sized versions depending on your theme. So say you upload an image that is 2600px * 2200px wide, WordPress will then resize that image typically in a Large, Medium , Small and Thumbnail size. But what if none of those predetermined sizes meet your needs? In that case you can explicitly resize an image to be what ever size you want.

What you’ll learn in this article:

How To Resize an Image in WordPress

  1. Click on the the Media > Library link in WordPress
    Select the Media Library
  2. From there select or upload an image you want to resize.
    Select the Image to Resize
  3. Next click “Edit Image” on the Details page.
    WordPress Edit Image
  4. Now enter the new size you want. If you just enter a width the height with automatically be calculated based on the images ratio or vice versa. When you have the size you want click Scale
    Resize Image WordPress
  5. To use your newly resized image go back to the images details page and copy the url as shown in the screenshot below.
    Resized Image Url

And that it, you now have a resized image in WordPress that you can use wherever you’d like.

Aside for resizing, WordPress also offers other image editing capabilities like: Cropping, Rotating, Flipping

How to Crop an Image in WordPress

  1. Follow the steps 1-3 above to get to the Image Edit screen in WordPress (on the “How To Resize an Image in WordPress” tutorial) to get to the image Edit Screen.
  2. Next click and drag you mouse on the image to start the cropping process.
    WordPress Cropping
  3. You can click on any of the little squares to adjust the cropped area or move the area around the image. Once you are satisfied click the Crop icon as shown below.
    WordPress Crop Save
  4. Now click Save  and that’s it! You have cropped your image. Again select the url image details page to use the image as shown on step 5 above.

How to Rotate and Flip and Image in WordPress

  1. Follow the steps 1-3 above (on the “How To Resize an Image in WordPress” tutorial) to get to the Image Edit screen in WordPress
  2. Now just use the buttons to Rotate or Flip your image.
    Rotate Flip Undo WordPress
  3. When you are done click Save

How to Restore the Original Image if You Screw Up

  1. It’s very easy to restore your image in WordPress if you mess something up while editing. To revert back to your original image just click the Restore Image button.
    Restore Image WordPress

Conclusion

So as you can see resizing, cropping, rotating, flipping and other image edits in WordPress are super easy and super useful. The next time you need to make simple edits to an image no need for photoshop or some other bulky image editing program, just use the image editing features built into WordPress as shown above.

John Turner founder of SeedProd

By John Turner

John is the founder of SeedProd.com and a WordPress Developer with over 15 years of development experience.

Made with in Charleston, SC USA

Copyright © 2019 SeedProd LLC
Terms & Conditions | Privacy Policy | SeedProd Coupon Code