Creating a visually pleasing website is key to keeping your visitor’s attention, if you have a website of your own, then you already know this. Pictures is your best tool to create the experience you want for your visitor, but as with anything on the web, a visitors internet speed will have a huge effect on how they experience your website. Today I’d like to go through simple steps and tools to show you how to speed up your website by reducing image size.
Reducing the size of your images sounds trivial, and believe me, I agree, but the impact it can have can be the difference between a super fast loading web page or website, and a slow to load page, which will inevitably be closed before it’s finished loading.
If you’re building your list with PLR products, then you’ll no doubt be using a squeeze page, here speed will be very important if you care about conversions.
The speed at which your website, webpage or squeeze page loads is key if you want to get your information out as fast as possible.
In today’s world, we have mere seconds to grab a visitor’s attention and then to keep it for as long as we can.
When considering an image for your site, make it as small as possible without reducing what you aim to achieve with the image. For example, if you want a post header, it only needs to be as wide as your post, not your entire site, which would have sidebars. For most sites, I’d typically suggest an image width of no more than 800 pixels.
If you want a full size image on your home page, then you can keep it large, 1920 pixels should cover most screens. On Pixabay, you can get tons of royalty free images, with the option to download the image in different sizes, a very handy function.
You might use a full size image as a background on a squeeze page for example, but you don’t want a large file to load before the visitor can even see the page. The faster your page loads, the better conversions you’ll get.
Now that you have your image, and you know what size you want it to be, you can easily crop the image with online tools, or the free image editor GIMP. GIMP is a fantastic image editor, I use it daily, as an alternative to Photoshop.
But here comes the handy tool I found that can reduce the size of your images by crazy amounts!
It seems that both sites can work with jpg and png files, so you can use either. Feel free to check out TinyPNG. The link will open TinyPNG in a new tab, so you can continue reading.
Basically, all you need to do is drag your image into the box, and it will do its magic and show you the size reduction.
I tested this on a few images today, our logo for example, went from 174 KB, down to 47.9 KB. That’s a 73% saving!
I tried to see if there was any loss in image quality, but found nothing. The before and after images looked exactly the same to me.
Below is the logo after TinyPNG did it’s magic:
I can’t see any loss in quality, but I’ve saved a bunch of data that each visitor needs before my home page completely loads.
You might be thinking we’re only saving kilobytes, and you’re right, one image won’t have a large impact. But imagine if you do this with all your images! It’s going to add up, believe me.
If you’re going to be sending traffic to a Squeeze Page for example, you might have a lovely background to enhance the offer and opt in box. A good size background of 1920 x 1080 (your typical screen size), can range from 400 KB to 1Mb, depending on the image quality and colour range.
Here I’d suggest to throw it at TinyJPG (I’m referring to JPG, as a typical background won’t have the transparency of a PNG), and try to get the overall size reduced.
I just did a quick test on an image I had, of 620 KB. It got reduced to 96.2 KB, a reduction of 82%.
Imagine your visitor needing to download 620 KB vs 96 KB, and now imagine you’re sending 1000 clicks to the page. As I mentioned above, this adds up.
While I’ve been speaking about reducing your image size, its something necessary to have a large image to start with, and then reduce it’s size as needed. Included in our PLR bundles, we include large image files, in various formats, jpg, png, and saved as PSD and XCF (this is used by GIMP). This gives you the freedom to change the images as you need without the loss of image quality.
Only now you have TinyPNG and TinyJPG to reduce the image size as much as possible, and get the best speeds from your squeeze pages.
You might want to check out our latest PLR products to see all the graphics we include. We just about give you the kitchen sink, you get everything you need!
This is another aspect that you may not have been aware of. Some of the better themes will have an image compression feature built-in. Thrive Themes are a great example of this. They focus on lead generation, and so webpage speed is key to all their products.
If you have a similar theme, then you’re already geared up for website speed, but it never hurts to reduce the size, just in case.
I’m really pleased I found this amazing tool (tools if you take JPG and PNG). I’m going to be using this for all my images going forward, and I suggest you do the same.