Did you know that 65% of the web's content are images? Here are a few ways that images contribute to your website's success:
Images can also have drastic consequences if not sized correctly. They can make a website look clunky and dated. A single oversized image can increase the size of a webpage by 100x, slowing down the entire webpage's load time in a browser for a visitor. Slow websites are terrible for SEO and can lead to website visitors leaving before the page ever loads. Large images also take up valuable server space, which over time can make your server bloated and can lead to paying more for extra server space, yikes!
Images downloaded or imported off of digital cameras (or smartphones) are often 10-20x larger than they should be on the website. They need to be re-sized and optimized BEFORE uploading them to your website.
Here are some suggestions for keeping images sized appropriately for the website before uploading:
Size matters and bigger is not better! Producing images with the smallest possible file size without reducing image quality is the aim here.
For background images and any image that is full-width (spans the full-width of the screen/website), aim for:
For any other images that are embedded on any post or page, aim for:
These are guidelines. Once in a while, you'll have to make an exception for a very vivid image, and that's ok!
For the image format, always export as a .jpg unless the image has transparency in it. If the image has transparency, then use .png. Most image editing tools have export options that allow you to declare the width and quality of the image when exporting. That's where you can optimize the image for the website before uploading it.
Finally, when you have time, try to keep your WordPress media library "clean" by clearing out old image files that are no longer being used.
By following these steps, you will enhance site performance and reduce precious storage space.
90%of consumer research starts online.