How To Crop Images in WordPress 2.9 Image Editor

in Tech



WordPress 2.9 features a built-in Image Editor which provides basic image editing features. Now it’s not rocket science to use the Image Editor in WordPress 2.9 but somehow the image cropping feature didn’t work out for me initially. What happened was I didn’t know to use it properly. Apart from the other functions such as flipping images, scaling etc. the image crop in the editor works differently. Once you go through this tiny article you’ll discover how silly you and I have been not being able to use image cropping in the WordPress 2.9 editor.

Here’s how it’s done;

crop image problem wordpress 2.9

crop image problem solution wordpress 2.9

croping images wordpress 2.9

There you go, you weren’t supposed to click save and rather click on the crop tool again to crop the image. This is different from the way you work with other tools in the image editor in WordPress 2.9.

How lame?! :P

Like this? Share it with your friends!
  • Twitter
  • Facebook
  • Reddit
  • Google Bookmarks
  • Digg
  • StumbleUpon
  • Posterous
  • Tumblr
  • del.icio.us


Tags: , , , , , ,


Related Posts

{ 1 trackback }

  Image editing and embedding content in WPMU 2.9 by ClintLalonde.net
March 13, 2010 at 12:48 am

{ 12 comments… read them below or add one }

1 Brett December 24, 2009 at 2:35 am

I must be really silly because my crop tool is not highlighted to click on.

2 Harry December 24, 2009 at 3:01 am

When you first open up the image editor the crop tool is selected by default. You can choose to crop the image or select another tool.

3 Brett December 24, 2009 at 3:16 am

Yes I got as far as dragging the mouse to select the crop area as stated in your #3 but still no highlighted crop tool. (Can’t click on it.)

This step is not working for me:
“Now again press the crop tool this will crop your image.”

I tried this also but nothing. “now press the save to store the cropped image.”

4 ZJ December 24, 2009 at 10:03 am

Brett,
I hear ya. I had the EXACT same problem as you. I drag the cursor and highlight the area I want to crop, but the crop tool is still not highlighted. Ridiculously enough, the following worked for me.

1. open the image in the image editor window

2. click on one of the OTHER tools–such as rotate. Rotate the pic once and then rotate it back.

SOMEHOW, after I did this, the crop tool became highlighted. I know it sound stupid but any port in a storm. Now my crop tool works properly and I don’t have to do that trick anymore. Go Figure.

5 slnc December 29, 2009 at 12:21 am

Crop tool icon is disabled for me. Impossible to click. Do you have any idea of why it could be? I used scissors before and it worked like a charm.

6 MulletMidget January 1, 2010 at 5:41 pm

Same problem here.
Seems like the the crop icon is shaded until I select an area large enough.
I want to crop a picture to 100×57 pixels to create a thumb image, but Wordpress think it’s too small.

If I select a larger area the crop tool is highlighted = clickable.
Very strange. I would call it a bug. :)

7 Tom Johnson January 22, 2010 at 10:24 am

Thanks for the tutorial. I thought mine wasn’t working, but your tutorial cleared it all up.

8 Harry January 22, 2010 at 2:18 pm

Glad it worked for you! :)

9 Diane Bourque January 28, 2010 at 11:51 pm

Harry,
I tried cropping an image for the first time today, and spent 20 minutes trying to figure it out!
I am so happy I’ve found you. It was so simple.
Thanks for the great tutorial.
Diane

10 Harry January 29, 2010 at 12:12 am

You’re most welcome Diane!

11 Mette February 9, 2010 at 8:25 pm

Cheers! This was driving me insane as well :-) Mette

12 Michael Kay March 3, 2010 at 8:37 pm

A good example of bad usability design. The crop is counterintuitive to what almost everyone is used to. When something this basic confounds so many and has to be explained, the design is at fault. I hope we see this bug fixed in a near future release of Wordpress.

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: