Image Optimisation
When it comes to managing your own website, many people upload images at the largest size and highest resolution, which results is slower page loads and that creates a large website that becomes problematic to backup, and restore if necessary.
Backups become very large and can time-out, and restoring the website from a backup is a drama too.
So what should you be doing?
Image Resizing
First of all, you should resize all images, and I usually recommend making the longest side around 1024px.
Why 1024px and not 1000px or 1100px? Well that’s just me and a hangover from the early days.
1024 bytes = 1kb, 1024kb = 1MB and so on.
So you can use whatever size you like, but around that pixel number is fine.
That will make the image large enough to show details without being overly big.
Of course, you may well have a requirement for larger images, say those for a full width Slider, so you would resize them accordingly.
Image Optimisation
In addition to resizing your images, you also need to optimise them for web use.
I use Photoshop for this task, but many if not most people do not have access to Photoshop.
Optimising your images reduces their physical size.
So for example, you might have an image that is a couple of Megabytes in size, and optimising it will reduce it to several hundred kilobytes instead, without a visible reduction in quality.
There are many tools available, but I’ve just stumbled across a free tool called RIOT (Radical Image Optimisation Tool).
What is RIOT?
RIOT is short for Radical Image Optimisation Tool, and it is a free Image Optimiser that allows you to adjust compression parameters “visually” and allowing you to monitor the file size whilst doing it.
It uses a side by side (dual view – shown to the left), or a single view interface that lets you compare the original with the optimised image in real time, and instantly see the resulting file size.
You can control the compression level, the number of colours, metadata and more, and you can select the image output file formats to .JPG, .GIF or .PNG.
RIOT can also be integrated as plug-in in programs like The GIMP, IrfanView and XnView.