Tutorials, reviews, case studies and other tips to help website owners and website developers master the Joomla content management system.
In lesson 10 of our free Joomla tutorial course for beginners called The Basics, I point out that the greatest mistake beginners make is not resizing images before inserting them into articles. This produces two problems; first the physical size of the image might be too large and not display on the page as you would like. This is easily overcome though by dragging the image in the editor to your desired size. However this creates problem number two. Although doing this may make the image look okay, it does not reduce the file size of the image. So the physical size has been reduced, but the file size remains the same. Modern cameras capture a lot of detail and each photo can be several megabytes in size. Inserting one of these images into a web page means the page will take a long time to load. And if you have several photos on a page, it could take a couple of minutes to load, which is unacceptable.
So it is vital to resize your images before uploading them to a web page. In The Basics, I introduce an online tool called Picnik. However this application has been devoured by Google and it looks like it is set to become part of their overall set of tools. This won't suit everyone, so let's take a look at a alternative called PicMonkey. This is ridiculously easy to use and a lot of fun. Click the first box and choose the image from your local computer that you wish to edit. Click resize, enter the width you want to use and click Apply. Then click save at the bottom of the left column, give it a name and save it back to your local computer. Note that you could also have simply resized it from the save dialog.
Now getting the right size will vary from one template to another and therefore it might take a bit of trial and error at first. A lot of the sites I work with will accommodate around 500 to 600 pixels in width. So perhaps start with this and note that PicMonkey will adjust the height automatically. There are a heap of other options such as cropping, colours, exposure and effects.
PicMonkey is a great online tool to help you resize images quickly for your Joomla site or any other purpose. At the time of recording, this is very new and some of the advanced features are likely to come at a cost in the future. But for simple resizing, this is the perfect solution.