How To Boost Your Website’s Performance With Images

Great images make a website stand out. Make them performant and watch your SEO grow.

Table of Contents
    Add a header to begin generating the table of contents

    Images can have a significant impact on influencing user behavior. And affecting user experience can convert web traffic into legitimate leads.

    You may already understand that images are important. Proper implementation and optimization of images can affect not only how a page is read, but how it functions, and even how it fares when it comes to that all-important Google ranking.

    So how can you use images to their full effect? We’re going to look at

    • Choosing an image
    • Making sure the image functions well for your site
    • How your image can help your search engine ranking

    Choosing an Image

    Humans are visual creatures. And, like it or not, you can ruin some of the most compelling text in the world by pairing it with a lackluster image. Conversely, a well-chosen, evocative image can really drive your point home.

    This is why it’s so important to pick eye-catching images that help your message stand out.

    Ideally, your website would employ a professional photographer/graphic designer to make all (or at least some) of your original images for you. Specific, relevant images will always draw more interest than stock photography.

    However, if you can’t afford a photoshoot for every blog, take heart! There are ways to breathe life and originality into stock photos.

    See? On the left is a stock photo. So is the photo on the right. But the one on the right is taking advantage of filters, of text and logo customization. (We used Canva, a free, online graphic design tool for non-designers.) It takes a generic, stock image and puts a business’ unique fingerprint on it. It makes the image an invitation to engage with your brand.

    There are great stock photo resources available if you’re just getting started with customized images. (We like Pexelsand Pixabay, ourselves.)

    Do Your Images Function on all Devices?

    Okay, so you’ve made some unique images. A job well done.

    Well, we’re not quite done yet. Have you considered how those images are going to look on a tablet? How about a smartphone?

    60% of the search engine traffic out there is done from mobile devices. That means your website is more likely to be discovered on a phone than a desktop computer. So the smart approach? Keep mobile in mind first when you’re choosing the right image for your page and make sure your website resizes images properly. (Make sure to avoid any horizontal scrolling!)

    Also, consider how well your images can be shared. How will this image be rendered on your social media platforms? Will this look good as a Twitter post? In a Facebook page? If not, it may be worth having multiple images optimized for your various platforms.

    How Your Images Can Help Your Site Ranking

    The most important factor? Speed. We’ve talked before about the importance speed plays in your Google rank in our Mobile Fail e-book. The longer a page takes to load, the more likely it’ll be penalized by search engines. And what are some of the biggest culprits in slow page load speed? (You guessed it!)

    So how do you keep your images from slowing down your site? There are two main things that matter: Location

    1. File Size. And no, that doesn’t mean that you need to use tiny thumbnail images – we’re talking file size here. File size is the most crucial element to keeping your images from dragging your page’s speed down. Make sure you pick images shot at the right resolution- too low, your image will look grainy… to high, and it will blow up your file size and load very slowly. Optimize your images to smaller-size data formats. You can strip out unnecessary bits and metadata with tools like Optimizilla or ImageOptimizer – it won’t be noticeable to the human eye, and using .jpeg files vs. .png files will keep your load speeds quick.
    2. Using A CDN. If I’m accessing a page from Michigan, and the page is on a server in California, that’s a long way to ask that data to travel. We can make that process speedier by distributing images through a content delivery network, or CDN. The CDN caches images and distributes them to nodes all over the country. So now the CDN can pull up a copy of that image from a node in Detroit and cut that load time down. There are popular CDN services available in places like Akamai and Cloudfront. (Of course, we provide this service for all of our customers.)

    There’s another way that images can help your ranking: as an on-page SEO tool.

    Every image has something called an “alt tag” attribute. It’s what you see if the image doesn’t load correctly. (It’s also used to describe images to users using screen readers or who are accessing your site using accessibility tools.) Having clear, relevant keywords to describe your images will give you another level of keyword optimization for your page, while improving the visitor’s experience. The alt tag attribute isn’t going to bump you up to Google’s number one slot, but when it comes to SEO, every little bit does help.

    These tips on boosting your website’s performance with Images is part of our Guide To Building The Ultimate Business Website.  If you want to learn more about how to fully maximize your website, sign up for a free 6-point website review!

    Duke Kimball

    Duke writes words, good. When he's not crafting content for The Pros, he's crafting stories, enjoying craft beer, or gourmet coffee. He is Portlandia.

    Also from the Pros...

    5 Landscaping Company Homepage Designs That Make You Dream of Paradise!

    Discover how these 5 landscaping company homepages captivate visitors with easy navigation, and engaging content, inspiring more bookings.
    Read More

    5 Manufacturing Company Homepage Designs That Need Re-Manufacturing (The Last One’s Unbelievably Hilarious)

    Discover crucial insights on B2B website design flaws from manufacturing companies, emphasizing the importance of client engagement.
    Read More

    5 Manufacturing Company Homepage Designs That Demonstrate Excellence

    Explore 5 manufacturing company homepages excelling in efficiency and engagement, setting high standards for B2B online interactions.
    Read More

    5 Pest Control Company Homepages That Exterminate Their Chances of Getting New Clients

    Avoid common pitfalls in pest control website design with insights on optimizing for engagement, mobile responsiveness, and clear information.
    Read More

    5 Pest Control Company Homepages That Make Rats and Roaches Scared!

    Discover top pest control companies excelling in engaging homepages, designed to prioritize client needs and build trust instantly.
    Read More

    5 Bank Homepages That Make You Hold On To Your Money Instead of Depositing

    Check out these bad examples of bank homepage designs that are either stuck in the past or just not providing a good user experience.
    Read More

    5 Bank Homepage Designs That Inspires You To Invest

    Discover the top bank homepages that blend security, trust, and user-friendly design, making them perfect for digital natives.
    Read More

    5 University Homepages That Need Some Fixing and Updating

    Discover why modernizing your university's homepage design is crucial for engaging today's students and staying relevant.
    Read More