Image SEO: how to keep your visuals from weighing down your load time

Image SEO is about optimizing your visuals so they don’t slow your page down while making it more findable at the same time. In practice it comes down to four things: light files, a logical file name, descriptive alt text and a modern format like WebP. That sounds minor, but heavy images are often the biggest reason a B2B site loads slowly, and slow loading costs you customers before they ever see your service. In this article you’ll read exactly what to do, in order of impact.

Apply it right away: turn rankings into euros with our SEO ROI calculator.

What is image SEO exactly?

Image SEO is the collection of techniques that make your visuals load faster, be better understood by Google and more accessible to your visitors. It sits at the intersection of technical SEO and on-page SEO: partly under the hood (format, compression, load behavior) and partly in your content (file name, alt text, context).

Google processes the same image in several places: in the regular results, in Google Images, in Discover and via Google Lens. Good visuals alone won’t lift weak content to the top, but they do help you stand out against competitors who do nothing about them. And, honestly, for most Belgian B2B companies that last group is still the majority. Want the basics of search engine optimization first? Then read our SEO wiki.

Measure it yourself: run your page through our free website speed test and check your Core Web Vitals.

Why do images weigh so heavily on your load time?

Because they are literally the heaviest thing a browser has to download. On most pages, visuals make up the largest share of the total weight, and that weight translates directly into waiting time. According to research on page speed, visitors ideally want a page to load within 0 to 2 seconds. Every extra second is a second in which someone can drop off.

For a webshop, that’s revenue walking out the door with every slow product photo. For B2B, where it’s not about a shopping cart but a quote request or intake call, it’s subtler but just as hard: a slow homepage unconsciously says “amateur”, and a prospect who drops off fills in no contact form. Heavy images are also one of the biggest culprits behind poor Core Web Vitals, the scores Google uses to measure your loading experience.

Which image format do you choose: WebP, AVIF, JPEG or PNG?

Google supports quite a few formats (including JPEG, PNG, WebP, SVG and AVIF), so the choice isn’t about “what works” but about “what’s lightest without loss of quality”. Short version:

• WebP is your default choice. It loads fast and gives better quality per kilobyte than JPEG or PNG. For most photos and illustrations on your site, this is the right default.
• AVIF compresses even harder than WebP and has recently also been supported by Google Search, Images and Discover. A good option if your tooling can handle it.
• JPEG remains fine for photo-rich visuals like a featured image on a blog article.
• PNG is what you use when you need transparency or sharp detail, for example a logo.
• SVG is ideal for icons and logos: it’s vector-based, so razor-sharp on any screen and often tiny.

Rule of thumb: first pick the format based on how the image is used, then apply the compression that suits that format.

How do you compress and resize images without loss of quality?

Compressing makes a file smaller; resizing adjusts the dimensions. You need both.

Resizing. Don’t upload a photo 5000 pixels wide if it’s only displayed at 800 pixels on your site. For most website visuals, a maximum of 2500 pixels is more than enough; for a hero image you’re often fine around 1600 by 500 pixels, and thumbnails and backgrounds can be smaller still.

Compressing. There are two kinds:

• Lossy (like JPEG) throws away a bit of data. For a blog visual no visitor notices the difference, and your file becomes considerably lighter.
• Lossless (like PNG) keeps all the data. Use this only where every detail counts, for example a logo you send to a client.

Aim for a file size of 500 KB or less per visual; often it can go much lower. Free tools like TinyPNG or ImageOptim do the heavy lifting in a few clicks. It’s exactly this kind of work that also comes back in our technical SEO checklist.

How do you write good file names and alt text?

These are the two places where you tell Google, in words, what’s on a visual. Both are often skipped, and that’s exactly why they deliver easy wins.

File name. Google uses the URL path and the file name to understand your image. A name like IMG_4471.jpg says nothing; outsourcing-seo-belgium.jpg does. Use lowercase, hyphens between words and one or two relevant terms that really describe what’s shown.

Alt text. Alt text is the written description of a visual. Screen readers use it to help blind and visually impaired visitors, and Google uses it to determine whether an image is relevant to a search. In its guidelines for images in Google, Google advises: write “useful, information-rich text that uses keywords appropriately and is in context of the content of the page”. Avoid stuffing it with keywords, because that reads as spam.

A few concrete rules:

• Describe what’s really shown, in a short sentence.
• A keyword may appear, but no forced repetition.
• Purely decorative visuals (a background shape, for instance) may get an empty alt text.

What are lazy loading and an image sitemap?

These are the two technical interventions that help your load time most once the basics are in order.

Lazy loading. With this, an image only loads when the visitor is nearly at it, instead of everything at once when the page opens. That shortens the first load time considerably, because visuals at the bottom of your long service page don’t need to come along immediately. Do watch that you don’t accidentally hide content from Google; for that, follow Google’s official guidelines on lazy loading.

Image sitemap. An image sitemap is an XML file that helps search engines find and index your visuals, with details like the URL and a caption. You can create a separate one alongside your regular sitemap. Keep in mind the limits of 50,000 URLs or 50 MB per (uncompressed) sitemap. For most B2B sites with a handful of relevant visuals per page, this is less critical than compression and alt text, but it’s a neat final step.

In addition, a CDN (a network of servers worldwide that delivers visuals faster and closer to the visitor) and browser caching (whereby a returning visitor doesn’t have to download the images again) also help.

In what order do you tackle this?

Not everything at once. This checklist goes from most to least impact:

1. Resize and compress your existing visuals to under 500 KB.
2. Convert to WebP (or AVIF) as your default format.
3. Give every image a tidy file name in lowercase with hyphens.
4. Write descriptive alt text for every content visual.
5. Turn on lazy loading for visuals below the fold.
6. Check on mobile, where the majority of traffic is and the experience weighs heaviest.
7. Add an image sitemap as the finishing piece.

This order isn’t a random list but a prioritization: the first steps deliver the most speed gain, the last are the finishing touch.

Don’t want to figure all this out yourself? It’s exactly the kind of work that falls under our SEO service.

Frequently asked questions about image SEO

What is the best image format for SEO? There is no single “best” format. The goal is always as small as possible while keeping quality. In most cases WebP is the right choice, with AVIF as an even lighter alternative. JPEG and PNG remain useful for photos and visuals with transparency respectively.

How large may an image on my website be? Aim for 500 KB or less per visual, and often it can go lower. In terms of dimensions, a maximum of 2500 pixels wide is more than enough for most website visuals. Never upload a photo that’s much larger than it’s displayed.

Does alt text really affect my rankings? Indirectly, yes. Google uses alt text to understand your visual and link it to searches, and it makes your site more accessible. The main effect is that your visuals become findable and your page as a whole is better understood; don’t expect miracles from alt text alone.

Doesn’t lazy loading actually slow my site down? No, it speeds up the first impression: only what’s visible loads right away, the rest follows when needed. The only pitfall is accidentally hiding content from Google, so follow the official guidelines.

Is this also needed if I don’t have a webshop? Definitely. Even a B2B site without a shopping cart loses prospects on a slow or sloppy first impression. The stake isn’t product sales but whether someone keeps reading and eventually gets in touch.

Rather have the win without the legwork?

Optimizing images is no rocket science, but it is detail work that keeps getting left aside next to your real job. At Customer Impact we’re a small team that advises honestly and steers on what counts: customers and revenue, not vain technical numbers. We look at your whole site, not just your visuals, and tackle what really makes the difference for your findability and conversion.

Schedule your free intake