Resizing your images for upload to your website

I often get asked how to resize images for uploading to a WordPress website.

The first thing to say here is that if I have built a WordPress website for you, there is no need to resize images before you upload them.  Your images will automatically resize to fit their space. However, if you are uploading 5MB images regularly you could quickly run out of hosting space.

WordPress is brilliant at resizing images, after you upload an image it always gives you the option to select the size you wish to insert into your post.  You should choose large or medium at that point.  That makes sure that you get a resized image that will not slow up your page load times.  Page load time is very important to Google and it will penalise you in the search results if you have slow loading pages.  More importantly your users do not get a good experience if your pages take ages to load, particularly on mobile devices.

The main reason for resizing images before you upload them to WordPress is to prevent you running out of space on your hosting server.  If you are uploading 10 images per week and each image is fresh off the digital camera at 10MB, you are very soon going to use up that 1000MB of hosting space you have purchased.  Resizing the images through a standard program will make a huge difference.  It will also take you less time to upload them to WordPress, as smaller files upload quicker.

This image was over 7MB in size straight from the camera, resized it is just 122KB
This image was over 7MB in size straight from the camera, resized it is just 122KB

 

Resizing Images Using Windows Live Photo Gallery

After starting up Windows Live Photo Gallery, click on “All photos and videos”, located near the top left corner of the window. This will ensure that Photo Gallery is showing all of the images that it has found. You should see your images on the main part of the window.

Windows Photo Gallery showing all photos and videos

Once your image appears in Photo Gallery, right hand mouse button click on it. Then click on “Resize” in the menu that pops up.

Right click to select resize image

In the new window, click on the downward facing arrow under “Select a size” to select the new size for your image.  I usually use large – this means large for the web, not large image.  You don’t want it too small in case your website uses images that span the page width. Make sure the save location is correct and then click on the “Resize and Save” button.

Saving as a good size.

You will notice that Photo Gallery saves your resized image with a new file name. Click on the new picture and you should see its information on the right side of Photo Gallery. If the information bar is not showing, just click on “Info” in the menu bar at the top of the window. Your image with its original dimensions is still saved with the original file name.

Windows saves the new file as a new image

Here’s another tutorial on How to resize an image with Microsoft Paint »

Resizing Images Using Mac Photos

Select the photos you wish to resize.  You can press the shift key and click in the gallery to select more than one photo. You can see the ones I have selected here outlined in blue.

Select your images

Then click on FILE » EXPORT (in my case here it is export 4 photos because I have selected 4.

Selecting file and export

These are the settings I always use, again large being a large web size.  I use JPEG quality medium, you don’t need anything more generally. When you press export you will be able to select the folder location for the resized images.  That is it, they are now ready for uploading to your website.

Exporting and resizing images on a mac

These two are the basic photo editors that come with your computer (Windows or Mac alternatives).

There are so many photo editors out there from the highly sophisticated Photoshop to online editors like PicMonkey.

Happy editing!

© Copyright protected by Copyscape.