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:
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.
Why Website Load Speed Matters for your Business
We live in an age of instant gratification. So if your website is slow to load, you might be losing customers.
Get Ready To Explore Northwest Florida!
We get it, you’re cooped up and ready to get out of the house. The travel bug is itching and you’re ready for...
Why ADA Compliance Is Important for Websites and the new WCAG 2.2 Requirements Taking Effect in 2021.
This article was originally published on Jan. 23, 2019, and was updated on Dec. 15, 2020. The original post can be viewed at: https://keriganmarketing.com/is-your-website-ada-compliant-and-does-it-need-to-be/. Website...