Use arrow keys to navigate

Yahoo increased traffic by 9% for every 400 milliseconds of improvement.

Every web developer and designer has probably had their fair share of booboos, especially when they were still starting out and didn’t know any better.

There may have been design issues, problems with the way users are supposed to navigate through sites, and other common inconsistencies.

One of the biggest problems you should pay attention to is website speed.

Why?

Because a simple 3 or 4 second delay will make people leave.

Getting Up to Speed with Today’s Audiences

People have quickly forgotten the time when you had to wait for an eternity before an entire page could load.

Remember the sound of dial-up internet? It was basically Dubstep before Dubstep.

With today’s technology, pages can and should load almost instantly. The slightest delay could irritate and anger consumers like crazy.

This is how impatient the world has become.

Here are 5 reasons why speed matters:

  1. Microsoft found that Bing searches that were 2 seconds slower resulted in a 4.3% drop in revenue per user. – See more at:
  2. Mozilla improved conversions by 15.4% shaving off 2.2 seconds of load time.
  3. Shopzilla shaved off their load times from 6 seconds to 1.2 seconds and experienced 5-12% revenue hike.
  4. Walmart increased the conversion by 2% for every 1 second of load time improvement.
  5. Yahoo increased traffic by 9% for every 400milliseconds of improvement.

Data via: Webbymonks.com

Photo Compressors for Your Website

If there’s one thing that could slow a website down, it’s the huge images that you add to it. Especially if you want to keep each image as high quality as possible, it’s not going to be surprising that it’s going to eat up a lot of bandwidth as well.

Toning down the picture just to cut back on file size is not always the logical choice.

After all, images are among the top magnets that draw and engage people. The poorer the image quality, the less likely that people will stay on your pages.

This is where image compressors come in.

Image compressors get rid of the unimportant data to help reduce photo size. Of course, this is also done while making sure that there is as little effect to the image being displayed in terms of its quality.

Once an image has been compressed, it is expected to be lighter, allowing the page to load quickly.

Before you start optimizing your website for the web, you should at least see what your current page speed is. Here are the best tools to do just that.

Today I will show you how to compress your photos. Let’s compare these image compressors and see how well they stack up against each other. To do this, I will resize this free stock photo from Fancycrave:

Screen Shot 2015-11-04 at 2.50.39 PM

As you can see the image is 822KB. Let’s starts!

1. TinyPNG

TinyJpg (1)

Wow, TinyPNG managed to save us 514KB. That’s pretty impressive.

TinyPNG also has a plugin for WordPress that automatically compresses images while you upload them. Everything else happens automatically.

Or if you already have thousands of images on your website like me, you can optimize them too. I had 16,000+ so it took a few hours to compress all of them. I simply left the browser window open and the all did the rest.

2. CompressJPEG

Screen Shot 2015-11-04 at 3.07.48 PM

CompressJPEG reduced the image size by 81%. After the file compression the image was just 156KB! If you scroll down the page you can also adjust the quality of the image. This means that you have power to compress your photos even more if you need to.

3. JpegMini

JpegMini-min

JPEGMini is great for people who simply want to reduce the image size without compensating quality. As you can see the new image is 285KB. They even have a Lightroom plugin.

4. CompressNow

CompressNow-min

CompressNow allows you to adjust the compression level, so comparing it to other tools would be unfair.

I decided to compress the images by 33% and the results were great. I guess if you plan on using this tool, eventually you will figure out what percentage works best for you.

5. Compressor.io

compressor.io

Compressor.io reduced our image by 84%. To be perfectly honest, I can’t tell which file is smaller by looking at the two images side by side. Very impressed!

Conclusion

There are tons of free online image compressors, what made me select only five?

I wrote about these image compressors because I have personally used them before for this website. They’re user friendly, fast, reliable, and easy to use.

So the next time you’re getting images ready for the web be sure to give these compressors a shot.

Use arrow keys to navigate

Posted by Igor Ovsyannykov

I'm a digital nomad and entrepreneur bouncing around South East Asia. When I'm not working here, I'm out taking photos. Follow me on Instagram: @igorovsyannykov

Leave a reply

Your email address will not be published. Required fields are marked *