Did you know that images account for more than 60% of the bytes on average needed to load a web page? More bytes = more loading time, so let’s take a look at a few tricks to help your website load as fast as possible by reducing the size of images uploaded.
For this example, I’m using an image downloaded from Google. It’s 4,776 pixels wide by 3,138 tall and just under 2MB. If I decide to upload that to the home page of my site, you can expect the time to load to increase significantly, especially on a mobile device. So, let’s fix that by using some free online resources and completing the following steps:
- Resize the image. Depending on the structure of your website, you probably don’t need an image as big as the one I’ve downloaded. I’m going to resize mine down to 1,920 pixels wide (consult your website designer for the appropriate size to use).
- Compress the image. If you’ve read about compression at all, you may have learned about lossy vs. lossless compression. Generally if you’re working with a large jpeg with a lot of colors, you’ll need to use lossy compression. On a scale from 0 (low quality) to 100% (high quality), you start to see actual quality degradation at a compression rate of about 80%. If you’re image has a lot of texture, you can safely reduce much more than that without much difference.
Here’s an example:
My Image at 100% (2,015KB)
My image at 80% compressed (237KB)
So, compress and resize your images! It took me less than 1 minute to compress the one above so it shouldn’t be too hard to add to your workflow.
Share this article:
More on Websites and Search Engine Optimization:
How Should You Submit Your Content for Your Website Project?
One of the biggest homework assignments for a client who wants a new website is to decide what they want to put on...
Make it Easy for Customers to Find You with Apple Maps.
You probably want to rank above competitors when prospects search online, right? Apple Maps provides businesses with a powerful platform to increase visibility...
Latest Launch: St. George Island Property Owners Association Website
We think Emma’s design captures the essence of this laid-back island community. And Bryan’s programming features an owner login, access codes for guests,...
What Is SEO? The 2022 Guide to Search Engine Optimization
SEO stands for “search engine optimization.” In layman’s terms, it means the process of improving your website’s ranking, by Google, Bing, and other...
Why Website Accessibility Requires Ongoing Support and Maintenance
Accessibility guidelines are evolving, and your website needs to adapt to stay compliant. The next release of the Web Content Accessibility Guidelines (WCAG)...
Why Core Web Vitals Should be Important to your Business
In June of 2021, Core Web Vitals will become an official Google Ranking Factor.