Image Optimization for Websites

April 1, 2020

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 are important for SEO. Google prefers to see websites with appealing visuals, and image alt text offers keyword opportunities.
  • Images are a vital part of creating a strong visual for your website visitors.
  • Websites use images to help visitors connect with your audience by portraying the target audience.
  • Bio images humanize a company by visually representing its team members.
  • High-quality product images make the difference between a casual shopper and a buyer converting.
  • Portfolio images showcase examples of digitally represented work.
  • Blog post supporting images can dramatically impact whether a blog post is clicked on and read or passed over in social media feeds.

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:

  • Width: 1920px
  • Size: <300kb

For any other images that are embedded on any post or page, aim for:

  • Width: 750px
  • Size: <100kb

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.

Lauren L Perfors President

Small business WordPress web developer with over 10 years digital marketing experience, specializing in SEO.
Share this post

Share this post

Read Next

Karri Joins the Jollity Team

How can the Jollity team possibly get any stronger, you ask? By adding someone with the skills, caliber, and attitude of Karri Cole,...
Read More
Jollity Trophy

Jollity Named a Top Website Development Firm in Denver

We’re thrilled to announce that Jollity has again been recognized as a leading website design and marketing agency in Denver, Colorado. Jollity was...
Read More
Why you should work with Jollity

Top 10 Reasons NOT to Be a DIY'er When It Comes to Your Website!

Are you thinking of (re)designing, developing, managing and hosting your website all by yourself? That's a pretty bold move, my friend! I commend...
Read More


of consumer research starts online.
Your website is your most visible asset. It generates the greatest ROI.
Let’s chat about how your website can work as hard as you do for your growing business.
Copyright © 2024 Jollity LLC. All rights reserved. | Privacy Policy | Accessibility | Terms of Service
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram