WordPress Image Resize

August 23rd, 2011 3 Comments

Resizing images with WordPress is easy! WordPress image resize can be done in several ways. You can crop or resize pictures using the built-in WYSIWYG on individual pages or posts. Or, if you find yourself regularly needing images of a certain height and width, you can set up your WordPress site so that images get resized automatically every time you upload!

Resizing Images in WordPress Posts & Pages

This is the fastest option for resizing photos, and allows you the flexibility of a custom crop or resize based on each photo. Just click on the image icon above your post or page:

 

You will see a modal box appear, where you can choose to upload images from your computer, just like you see on Facebook or Flickr:

 

 

Find your file, and upload. Once it has uploaded, click the edit button:

 

On the edit screen, you have multiple options for resizing. If you are happy with the ratio of height to width, and you don’t want to crop the picture at all, just click “Scale Image”:

 

 

When you click “Scale Image”, the dimensions of the image will appear. You can adjust either the height or the width, and the other will automatically adjust by the same proportion. Now if you need a different ratio, say you want a banner image that is exactly 600 pixels wide and 150 pixels high, you will need to crop the image. Just drag across the area you want to keep, and then click the crop button:

 

 

Finally, when you are done with your changes, you have to hit “Save” in two different areas, or the changes will not work. First click the blue “Save” button right below the image. Next, click the “Save All Changes” button a few inches down. If you don’t do this, your changes won’t go into effect!

 

 

Once you have successfully saved your changes, you will see a list of the images that have been uploaded to this page. Click the “Show” button next to the image you just edited, and then on the next screen, click “Insert into Post.” Notice that the Full Size image should now be the size you wanted!

 

 

Resizing Multiple Images at a Time in WordPress

You may find you often need to get your images a certain size, say 500px by 500px for full-size product images or 200px by 200px for thumbnails. To do this, you have a couple different options. First, you could edit the default dimensions for the WordPress image sizes (Thumbnail, Medium and Large). This is probably the easiest option if you only have the need for three different image sizes on your website. Click the “Settings” tab on the left sidebar, and then click “Media.” You should see a very easy-to-update list of the default image sizes. Just pick the default dimensions you need for your site, and hit save.

 

 

The alternative for batch resizing is to install a plugin. You may want to do this if you need more than three custom image sizes. I like the Additional Image Sizes (ZUI) plugin because it allows you to create multiple custom image sizes, which then appear in the WYSIWYG image uploader. As a bonus, it has a one-click “create” button, which generates a scaled copy of all the images in your media folder, including pictures you uploaded before you installed the plugin!

3 Responses

  1. Adam Nguyen says:

    Very useful tips.
    Thanks for sharing!

  2. Jamaal says:

    Finally i quit my regular job, now i earn a lot of money on-line you should try too, just
    search in google – bluehand roulette system

  3. Sondra says:

    I read a lot of interesting content here. Probably you spend
    a lot of time writing, i know how to save you a lot of
    work, there is an online tool that creates readable, google friendly posts in seconds, just type in google – laranitas free content
    source

Leave a Reply


Fatal error: Call to undefined function get_KOFThitcounter() in /home/enchteatime/adventuresinwebdesign.com/wp-content/themes/Adventures_Theme/single.php on line 31