WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Beginners Guide» How to Do Basic Image Editing in WordPress (Crop, Rotate, Scale, Flip)

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

Last updated on April 30th, 2019 by Editorial Staff
1.1k Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Do Basic Image Editing in WordPress (Crop, Rotate, Scale, Flip)

Did you know that you can do basic image editing in the WordPress admin area? This includes image cropping, rotating, scaling image sizes, and flipping them vertically or horizontally.

These features come in handy when you are away from your main computer and uploading images on the go. WordPress allows you to quickly resize images without using an image editing software.

In this article, we will show you how to use WordPress as a basic image editor that lets you crop, rotate, scale, and flip images.

How to do basic image editing in WordPress

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Editing Images in WordPress Admin Area

First thing you need to do is upload your image in WordPress. You can upload an image via post editor while writing a post, or by visiting Media » Add New page.

Uploading an image via media uploader in WordPress

Once you have uploaded an image, you need to visit Media » Library page. Now locate the image you just uploaded and click on it.

Select an image to edit in WordPress media library

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

Now there are two ways to open the image with the built-in WordPress image editor.

The first option is to click on the ‘Edit image’ button below the image preview which will open the image editor inside the popup. The second option is to click on the ‘Edit Image Details’ link

Image editing options

Clicking on the edit image details link will close the media popup and take you to the Edit Media page.

Edit media page

From here you can click on the ‘Edit Image’ button below the image preview. This will open the image editing screen.

Edit image screen

You will see a toolbar with some buttons on top of your image. On the right column, you will see a bunch of options to resize the image.

Let’s take a look at what each of these options does and how to use them to edit your image in WordPress.

Image toolbar buttons

1. Crop – It allows you to crop images simply click the button and then select the image area you want to crop out of the original image.

2. Rotate – The two rotate buttons allow you to rotate an image clock-wise and counter-clock-wise.

3. Flip – The flip buttons allow you to flip an image horizontally or vertically.

4. Undo / Redo – If you don’t like a change you made, then simply undo your changes or redo them to revert back.

Now let’s look at the options you have in the right column of the image edit screen.

Image edit settings

1. Scale Image – You can use this option to manually scale image keeping the original proportions. Use this option before cropping an image otherwise you may not be able to keep the image proportions.

Note: You can only scale down an image in WordPress. You cannot make images larger by increasing the image dimensions.

2. Aspect ratio – If you want to keep a certain aspect ratio intact then this option allows you to set it. After that, you can click on the crop button to select an area while using the ratio you defined.

3. Thumbnail settings – From here you can choose whether you want to apply these changes to all image sizes, just the thumbnail, or all image sizes except thumbnail. Keep in mind that this thumbnail is the smallest image size created by WordPress for this image. It is not the same as the featured image or post thumbnail.

Once you are satisfied with the changes you have made, don’t forget to click on the Save, Scale, or Update button to save your changes.

WordPress will apply your changes to the image and create a new copy of the image on your server.

How to Restore Original Image After Editing

If you’re not happy with the edited image, then you can easily revert back to the original version. Simply edit the image again, and this time you will notice a new meta box labeled ‘Restore original image’.

Restore image after editing it in WordPress

Click to expand it and then click on the ‘Restore image’ button. WordPress will now restore your original image, and you will be able to edit it again or leave it as is.

We hope this article helped you learn how to do basic image editing in the WordPress admin area. You may also want to see our list of common image issues in WordPress and how to fix them.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

1.1k Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

38 Comments

Leave a Reply
  1. Patrick says:
    May 10, 2019 at 10:39 am

    I am a web designer, I have over 100 installs of wordpress over many different servers and NOT ONE of those installs does wordpress crop an image.
    Its so frustrating to have to load photos in photoshop just to make a tiny change and then upload.

    Reply
    • WPBeginner Support says:
      May 10, 2019 at 11:43 am

      You may want to ensure you don’t have a specific theme or plugin across those sites that would be preventing you from using the crop tool

      Reply
  2. TimGS says:
    Apr 16, 2018 at 1:18 pm

    I am using wordpress 4.9.5 on an IPad mini. When I go to scale an image all the selections work until I press the scale button; the image is cropped but I only get about 1/2 the width of the original crop selection. Anyone see this problem?

    Reply
  3. Justin says:
    Sep 17, 2017 at 5:43 pm

    Thanks for sharing! Just used the crop tool. Very handy!!

    Reply
  4. Steven Denger says:
    Jul 15, 2017 at 9:47 am

    This does not work at all and is not in the least bit helpful. WordPress is the most horrid place to try to work with images. My featured images in my posts list pages are all cut – cropped out and only show a partial photo. I have tried all kinds of plugins that wp beginner has suggested and none of them work at all. I use the Awaken theme and the author will not respond to fix his worthless theme. The site that I am working on will have to be deleted because of wordpress being such a horrid cms to work with.

    Reply
    • TimGS says:
      Apr 16, 2018 at 1:20 pm

      A year later, I am experiencing your problem on an iPad mini….but not on a PC

      Reply
  5. Zohaib says:
    Feb 5, 2017 at 2:10 pm

    Cropping function doesn’t work anymore.
    Any plugin that can do image cropping in media library?

    Reply
  6. Peter Willianson says:
    Dec 22, 2016 at 1:44 pm

    I dont get that menu when i click edit image.. i am using bluehost.. i cant do anything to the images that are loading rotated 90 degrees.. fyi they not rotated when loaded to other sites.. this is specific to wordpress bluehost

    Reply
  7. amy says:
    Nov 1, 2016 at 6:26 pm

    There is no edit button on my end. Looks like I’m not the only one.

    Reply
  8. Linda Strader says:
    Sep 1, 2016 at 2:56 pm

    Does this work with the free version? I see NO options to edit photos, and all the ones I uploaded are rotated the wrong way.

    Reply
  9. Ra. says:
    Aug 25, 2016 at 4:46 am

    Does nt work, anymore. It is just not there.

    Reply
  10. Matteo says:
    Dec 28, 2015 at 8:49 am

    Hi,

    when you scale an image from the media library, does it automatically reduce the quality of the image in every post/page where it was previously published or is it necessary to load it again in each single page to speed up the site?

    Cheers

    Reply
  11. mike cooper says:
    Jul 20, 2015 at 2:29 am

    Anyone had the issue when you rotate an image you get the following. ‘Could not load the preview image. Please reload the page and try again.’??

    I have GD and ImageMagick installed..

    flip works ok just not rotate and crop.

    Reply
  12. Craig Canapari says:
    Jul 3, 2015 at 5:35 pm

    I just discovered this yesterday. However, it seems to scale it on the fly as GTMetrix said that scaling images (that I had scaled using the tools above) was slowing down my page loading. I turned off Photon to be sure it wasn’t a cached image and also cleared my cache.

    Reply
  13. Jason says:
    Jun 18, 2015 at 8:38 pm

    I must admit, the editing of photographs is not very clear. I thought I had it all sorted and when I published it the image was huge and you only saw our eyes. I understand that the scale image has to be adjusted, but come on guys, we are all not up to speed with stuff like that. We want idiot proof editing and there are plenty on the market that do such. please have a look at it or you will lose this customer very quickly

    Reply
  14. Ron Strilaeff says:
    Nov 18, 2012 at 5:23 pm

    I’ve played with that edit feature, but cannot figure out how to get it to lock the aspect ratio. Let’s say I want a contributor to upload an image and then crop the part to show as the thumbnail before saving it. The numbers under “Image Crop -> Aspect Ratio” don’t seem to do anything and sometimes won’t let me enter any values. What are they for anyways?

    Reply
  15. Ed Power says:
    Sep 17, 2012 at 7:51 am

    This crop does not work when I try to save the crop as thumbnail only – I want to show a cropped image as a thumbnail in a gallery page, and then show the full version when launched in the lightbox. Is this possible

    Reply
  16. IgorPureta says:
    Jan 12, 2012 at 2:16 pm

    Thanks for the good post. So far I figured out what you have written. What I can’t manage is following:

    My featured image is 960×332 to fit into home page slider. When I crop the picture I want to save cropped part as thumbnail so I can include it in the post. That is all managed by WP itself. What I didn’t mange is to change thumbnail from default crop to the crop I selected. No matter how many times I have cropped, saved, deleted or whatever is possible I can’t complete it. Could you please, explain it. Thank you!

    Reply
  17. KreativTheme says:
    Jan 8, 2012 at 2:55 am

    I already use a few times this feature, but today I learned a few more tricks. Thanks a lot for the great tut …

    Reply
  18. Roderick Dunne says:
    Jan 6, 2012 at 7:49 am

    Nice feature – never noticed it.

    One thing to ponder: Does it save an updated version of the file which is then referenced (i.e. if the edited pic is in a post)?

    I’d just be concerned that page load times could be increased if an inserted image in a WP post needs to be dynamically cropped/edited for correct display on each users page request.

    Reply
    • Otto says:
      Jan 7, 2012 at 3:06 pm

      @Roderick Dunne The final result replaces the existing image. It doesn’t need to perform those operations every time.

      Reply
  19. AnTo says:
    Jan 5, 2012 at 6:57 pm

    Well, it’s nice but if more functions can be provided for photo editing that would be amazing! However, it might consumes more web space or usage if it goes!

    Reply
  20. petebocken says:
    Jan 5, 2012 at 5:15 pm

    Crop has never worked for me. The Save button never works. It’s always grayed out. Actually in your post screenshot, the save button is also grayed out. Anyone else get crop to work?

    Reply
    • Otto says:
      Jan 7, 2012 at 3:05 pm

      @petebocken The save button is greyed out because the selection is still being made. Make your selection, then click the “Crop” button in the upper right to confirm the selection. Then it will perform the crop and you can save the result.

      Reply
      • BarryFuchs says:
        Jan 11, 2012 at 5:12 pm

        @Otto@petebocken

        I had been confused by this, too, and though that crop either didn’t work on my installation or only worked for certain file types (ie jpg but not png). The process of selecting first and clicking “Crop” second seems opposite of other programs that I’ve used, such as Acrobat and Picasa. But, at least I know how to do it now!

        Reply
        • Chris Howard says:
          Jul 10, 2014 at 11:58 pm

          Yeah, it’s ridiculous that I have google to find out how to do something that should be intuitive

    • Otto says:
      Jan 7, 2012 at 3:07 pm

      @petebocken Sorry, I meant upper left, of course.

      Reply
  21. Brad Dalton says:
    Jan 5, 2012 at 4:38 pm

    Only used it once but will probably have another go next time. Prefer using MS picture manager but nice tutorial. Pics look good

    Reply
  22. dunfalach says:
    Jan 5, 2012 at 1:45 pm

    @tonyjalicea When I see WP, my first thought is Wordperfect. #youmightbeanoldnerdif

    Reply
    • tonyjalicea says:
      Jan 5, 2012 at 1:46 pm

      @dunfalach Well that’s a blast from the past.

      Reply
  23. Moe_NYC says:
    Jan 5, 2012 at 1:21 pm

    @tonyjalicea Whoa. How did I miss that? I had no clue. You think you know someone. WordPress, she’s so sexy! :)

    Reply
    • tonyjalicea says:
      Jan 5, 2012 at 1:24 pm

      @Moe_NYC Indeed!

      Reply
  24. itravelwithlove says:
    Jan 5, 2012 at 10:17 am

    @wpbeginner how to upload 2 or more photos at once in a New Post? Pls reply.

    Reply
    • wpbeginner says:
      Jan 5, 2012 at 10:18 am

      @itravelwithlove Just drag two photos or as many you want at once in the drag drop media uploader.

      Reply
      • itravelwithlove says:
        Jan 5, 2012 at 10:21 am

        @wpbeginner that’s what I do, but after that, I still need to upload it in my post one by one. :|

        Reply
        • wpbeginner says:
          Jan 5, 2012 at 10:22 am

          @itravelwithlove You mean insert it in your post one by one.. Yes because most of the time you insert images at different spots.

        • wpbeginner says:
          Jan 5, 2012 at 10:23 am

          @itravelwithlove if you want to add all images one after another perhaps in a gallery format then u can do this: http://t.co/JOVHrsVQ

        • itravelwithlove says:
          Jan 5, 2012 at 10:25 am

          @wpbeginner I was able to try that too. Thank you for the help!☺

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
Smash Balloon
Smash Balloon
Add Custom Social Media Feeds in WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
SeedProd Logo
SeedProd Coupon
Get 50% OFF SeedProd Coming Soon Page plugin for WordPress.
Cozmoslabs
Cozmoslabs Coupon
Get 15% OFF on Cozmoslabs WordPress premium plugins.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.