Website Image Size is important

It’s like the old spy technology cliché Smaller is Better.

The smaller the file size the faster the load time. Thats pretty much the crux of it, and for schools you’re going to find that your demographics’ internet access speeds vary wildly. So small file sizes for images is pretty important.

At this point I could show you a bunch of speed tests and bench marks but you already understand the idea so instead I’m going to help you do something about it.

Image formats

From here there is a whole conversation about the right type of image format to use in each application depending on image composition. Other people have done it better than me and you probably only use JPG and PNG files. I’m guessing you probably only started using PNG files because of a non-white background somewhere. GIF and SVG have their places too but really lets just focus on the first two because there is weird caveats and complexity that you’r/I’m not interested in today.

Just use PNG

#badlydefinedconcepts OK that is a super generalisation but if you’re reading this then honestly save yourself the drama and get used to working with PNG files.

Compression FTW

Thats how we squish them down to make them smaller. There are a bunch of different types of compression and you probably don’t care about them because you’d need to know the composition of each image and the amount of horizontal or vertical repetition and … complex blah.

The point of this post then?

TinyPNG

This is the answer, it’s been in my bookmarks for so long that my link points to its original .org url. Now save it to your Bookmarks Bar, Favourites or Top Sites because you’re going to use this site alot. This is the finishing tool that makes all the difference. Forget about the rest of it this site is MAGIC.

Magic tricks

All images uploaded to TinyPNG where fullscreen screenshots @ 2880 × 1800 px.

Screen Shot 2016-05-31 at 7.04.42 PM

TinyPNG

Eyks

Concern

Puppies

Kittens

It makes a difference to your users, you might be surprised how heavy websites are now and paying attention to the details is important.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply