The images you create in programs like Photoshop and Illustrator look amazing but often the file sizes are very large. This is because the images are made in a format which makes them easier to manipulate in different ways.
With file sizes upwards of a couple of megabytes per image, if you put these files on your website it would be very slow to load.
Optimizing your images for the web means saving or compiling your images in a web friendly format depending on what the image contains.
Images hold data other than just the pixels we see on the screen. This data can add unnecessary size to the image which leads to longer load times as the user waits for the image to download.
In terms of cost versus benefit optimizing your images should be near the top of your page speed optimizations if you don’t have them optimized already.
When you add an image to a page on your website, you are increasing the amount of data that needs to load in order to show the page. These images should be a small as possible to ensure your page loads as fast as possible. Google now determines ranking on how fast a page loads so it is best to ensure your page is loading as fast as possible. Not only are these images putting a stress on your bandwidth and speed performance but they are also taking over all your server resources.
Before you start, test your current status with Google Page Speed tool and Yahoo Yslow.
I personally prefer using https://gtmetrix.com because it shows you both Google’s and Yahoo’s page speed tools. It also updates instantly, so you can get an updated result straight after you’ve implemented your changes.
What can I expect?
– Optimize Images for the web (up to 20 images per order).
– Reduce your total disk space used on server
– Reduce your bandwidth used on server.
– No visual lost of quality under normal usage.