VideoWeb Design Tips

Tools We Use to Reduce Image Sizes (video)

By April 10, 2018 No Comments

A nice looking website is one thing. But if it takes more than 2 seconds for your website to load, it’s likely that people aren’t seeing your website.

Facts about website speed

  • 47% of consumers expect a web page to load in 2 seconds or less.
  • 40% of people abandon a website that takes more than 3 seconds to load.

One of the largest culprits of a slow loading website is using images that are too heavy or too big. What I mean by this is that using an image that you load directly from your camera can sometimes be about 2-5MBs when for your website, it should be reduced to 100-200 kbs (more than 10x smaller!)

Image optimization tips for faster loading times

  1. Go smaller – Make sure your image size isn’t huge! For example, the size of images from your iPhone is sometimes 6 times bigger than what is needed for your website. Make sure to check the width and height of your photos. Large photos on the web are usually at most (1920×1080) And this is on the high side of things!
  2. Use image optimization tools – it’s extra work, but it’s worth it. You need to compress your images as much as possible so that the size of your web pages aren’t big. And so what are the tools you should be using? Well, I have two options that I use

Reduce image sizes with these tools

  1. http://www.jpegmini.com/ – We use JpegMini because it’s a desktop client and easy to use. Plus you don’t have to be connected to the Internet, which is helpful when traveling. It’s free to try.
  2. https://tinypng.com/ – I’m using TinyPng more and more because it seems to reduce images sizes a little more and also because it can do .png files. You need to be connected to the internet for this one but it’s also free to try.
[update from May 2017: Added video and stats]

Leave a Reply