Saving Images For Your Site
Images are great online and most websites would be dull old list without them but they do come at a price: Bandwidth.
Everyone has fancy Cameras and Smart Phones that can take huge resolution pictures and that’s awesome if you’re going to do a slide show, print them out or edit them in say Photoshop; in those cases the bigger and more detailed the better!
However, once you choose to put those pictures on to your website things change…
Less Is More
So what’s the deal? Big files (of any type) take up a lot of Bandwidth and can slow down Page Load Times. Chewed up Bandwidth is bad for you as it means either less people can see your site/more money to upgrade to a better Hosting Package and Slow Page Load Times are really bad as studies have show that the online attention span is tiny!
Still with me? Cool 🙂
What To Do…
In a perfect world you want to have the Smallest File Size and the Best Quality of image together. There are many ways to achieve this using apps that ship with your Operating System (Preview on Mac for example) and there are larger more complex applications both Free (Gimp) and Paid (Photoshop).
Whatever method you choose you need to get that stunning 10MB file down to something in the Sub 1MB area. Ideally below 500K.
But before you breakout your digital toolkit: BACK UP THAT FILE! Make a copy of it and save it somewhere you’re not likely to confuse it with the new reduced size version.
Once you’re ready to go just start playing about with file sizes and seeing if you can detect any loss in image quality. Once you’ve got it down to a quality you can happily live with, save it and maybe give it a new name or a tweaked name (eg: imagename_reduced.jpg) and then you’re ready to use it on your site. You’ll notice that the Image Upload is pretty quick too!