How to Have Fast Loading Images on Your Website

Now you're asking why is it important to have fast loading images on your website.

Let me tell you why it's essential today to optimize your photos for the web.

Yep, it's important when more and more people use their mobile to browse their favorite sites.

Today it's natural that you upload big, beautiful photos to your blog posts, your portfolio site or shop.

High quality photos can be huuuuge considering data size - thus making your site load sloooowly in the browser.

A site loading slowly in the browser? Visitors that never come back.

How to have fast loading images on your website and why that's important

How to optimize your photos for the web?

1. Reduce the size

If your site loads slowly, it can even cause your profits to go down. Really. Seconds mean per cents. To be more exact, a one-second delay can mean a 7% loss in conversions. Shocking, isn't it?

Google also admits that your loading time influences your ranking.

So let's reduce the size of your images!

To have your images optimized, you shouldn't upload them right from your camera. Use a photo editing software (Photoshop, the free Gimp or an online service like Reduce Images or Pixlr).

The first step is to reduce the number of pixels. If your camera takes 8 megapixel photos, that means your image consists of 8 million pixels.

Resizing the image can reduce that: adjust the height and width to the size you need.

(Squarespace doesn't allow images more than 2500 pixels wide and resizes the images. You can adjust the maximum image size in WordPress too.)

The image above is 800 px wide.

The second step is playing with compression.

Most image editing softwares allow you to set the quality of the image when you save it.

The higher the quality, the bigger the size.

Reduce the quality of your images for the web: check in the preview window what your image would look like with the different settings. (I usually save images with 'Very high' or 'High' quality - it depends on the size.)



Let me introduce you to this cute Panda, "who" can help you optimize your images.

optimize your images with

I usually manage to compress my images a little more. Sometimes it's 6%, sometimes it's 17 or even 50.

TinyJPG promises to compress your images without quality loss, by analyizing your photo and using the right compression method.

It's not a big deal, isn't it? Make your photos become fluttery butterflies instead of plodding mammoths.

How do you optimize your photos? Share it in a comment!