One of the most common questions we receive from new WordPress users is Why won’t my image upload? In the vast majority of cases this is down to the image simply being too big. That might be a bit baffling for non technical types, but too big means that the size of the file in KB or MB is too large. On most operating system if you click on an image on your computer you will be presented with some information about that file, usually a file name, dimension i.e. 1000px x 1000px and a file size i.e 500kb or 2MB. As a general rule of thumb you should keep all images below 500kb if you are looking to upload them. With the proliferation of high quality digital cameras and the vast improvements in mobile phone cameras, mean that most files you will be dealing with will probably be a bit too big and so you need to learn how to resize images for WordPress.
There are any number of software packages out there to do the job, but for this tutorial we are going to use the freely available online tool at pixlr.com which is effectively a free online Photoshop, brilliant. Head over to pixlr.com and having selected the editor you’ll seethe below screen;
As we are trying to resize an image we’ll want to navigate to that picture on the computer and open it. You can also use Pixlr to create your own images too, but that’s for another post.
Once you’ve opened the image select the ‘image’ option from the top menu and scroll down to the image size option, see below;
Once you have selected the image size option you’ll see a box very much like the one on the right. Here is where you make your change, ensuring the ‘constrain proportions’ box is checked simply change the number in the width box for a smaller one.
How much smaller? Well, that kind of depends on what you are going to be doing with the image. If its purely for a thumbnail or featured image then you could go as small as 200 or 300, as a maximum, given the plethora of smaller screens being used for internet browsing you could use 800px as a loose maximum.
Once you have changed the width number click OK and resave your image, thats it you’re all done. See below
Image courtesy of Jonny Showbiz
The original image was over 500kb and as you can see one simple adjustment has made a dramatic reduction in file size, which will have a dramatic effect on the time it takes to load your page, the amount of energy it takes your page and therefore the happiness of your visitors! If you have any questions or think I could have explained this an awful lot better, let me know in a comment below.