How image file type impacts webpage size

I have just published a small blog on a recent project I have worked on, however the blog post itself is also a small test, here’s the page if you want to see for yourself: http://thomasharvey.me/projects/toughcoatings-co-uk-recent-project.html

So, my test was the following, how much of a difference does having four reasonable sized png images compare to four jpg images (uncompressed) and then compressed. Here are the results for you to see how much of an impact it makes.

PNG – Uncompressed:

PNG – Compressed:

JPG – Uncompressed:

JPG – Compressed:

So, what can you take away from this test?

1. That if you don’t have time to work with your file types it’s always worth compressing your images.
2. JPG is a more effecient file type for images (However there are situations where PNG is the only option, such as when you need a transparent background)
3. You can take away a reasonable chunk of page size by taking care of which images and compressing