Every image on your website is either working for you or against you. That is not an exaggeration. An uncompressed image that takes three seconds to load is costing you visitors, rankings, and conversions in real time. A properly optimised image, with the right file format, the right file name, and the right alt text, contributes positively to your page speed, your search visibility, and your user experience all at once.

Image optimisation for SEO is one of those disciplines that sits at the intersection of technical performance and search strategy, and it is consistently underestimated by businesses that focus on content and links but neglect the assets sitting on every page of their site. This guide covers everything you need to know to get it right, from the basics of file formats and compression through to structured data and visual search, written for UK businesses in Hampshire, West Sussex, and Surrey who want their websites to perform as well as they look.

Why Image Optimisation for SEO Matters More Than Most Businesses Realise

Images are typically the largest assets on any web page. They take longer to download than text, longer to render than CSS, and longer to process than most other elements in the browser. When they are not handled properly, they are also the single most common cause of slow page loading, which has direct consequences for both user experience and search rankings.

Google’s Core Web Vitals, the set of performance metrics it uses as ranking signals, include Largest Contentful Paint, which measures how quickly the main visible content of a page loads. In most cases, the largest contentful element is an image. A page that fails this metric because of a large, uncompressed hero image is being actively penalised in search rankings, not just providing a poor user experience.

The commercial impact of slow loading is significant. Research consistently shows that page speed affects conversion rates directly. A site that loads in one second converts visitors at a meaningfully higher rate than one that takes three seconds, and the gap widens as load times increase. For businesses in Hampshire, West Sussex, and Surrey competing for local customers online, this is not a technical footnote. It is a commercial priority.

Beyond page speed, properly optimised images also appear in Google Image Search, which accounts for a substantial portion of overall Google search volume. Images with appropriate alt text, descriptive file names, and relevant context can rank in image search results and drive additional organic traffic to your site that you would otherwise miss entirely.

Choosing the Right Image File Format for Web Use

The file format you choose for each image has a direct impact on file size, image quality, and browser compatibility. Getting this right is one of the most straightforward wins available in web image optimisation.

JPEG is the standard format for photographs and images with complex colour gradations. It compresses well and produces relatively small file sizes without visible quality loss at appropriate compression settings. It is the right choice for most photographic content on websites.

PNG supports transparency and is best suited to graphics, logos, and images with text or sharp edges where JPEG’s compression would introduce visible artefacts. PNG files are typically larger than JPEGs for equivalent images, so they should only be used where transparency or sharp detail is genuinely needed.

WebP is the format that Google recommends for web use in 2026 and for good reason. It produces file sizes significantly smaller than both JPEG and PNG at equivalent or better visual quality. Browser support for WebP is now universal across all modern browsers, and WordPress automatically handles WebP conversion if you are using a current version of the platform. Switching to WebP for your site’s images is one of the most impactful single changes you can make to your page speed.

SVG is the appropriate format for logos, icons, and other vector graphics. Because SVG files are mathematically defined rather than pixel-based, they scale perfectly to any size without quality loss and are typically tiny in file size.

How to Compress Images Without Losing Quality

Image compression reduces file size by removing data that is not necessary for the image to look good at its intended display size. Done correctly, compression is invisible to the human eye. Done excessively, it produces blurry, pixelated images that look poor and undermine the credibility of your site. Getting the balance right is straightforward with the right tools.

For WordPress websites, compression plugins handle this process automatically. Smush, ShortPixel, and Imagify are all well-established options that compress images on upload and can bulk-process your existing media library. Each offers both lossy compression, which removes more data for smaller files, and lossless compression, which preserves full quality at a modest file size reduction. For most website images, a well-configured lossy compression at 80% to 85% quality produces files that are indistinguishable from the original at a fraction of the size.

For images outside WordPress, tools like TinyPNG and Squoosh (Google’s free browser-based compressor) make manual compression straightforward. The principle is simple: compress before you upload, size images to the dimensions at which they will actually display, and never upload a full-resolution photograph from a camera or phone directly to a website without processing it first.

Writing Descriptive File Names and Alt Text for Image SEO

Two of the most consistently neglected elements of image optimisation for websites are also two of the most straightforward to get right: file names and alt text.

Search engines cannot see images. They read the file name, the alt text, the surrounding content, and the page context to understand what an image shows. When your images are called IMG_4582.jpg and IMG_4583.jpg, you are giving search engines no useful information. When they are called guildford-office-interior.jpg and web-design-surrey-team.jpg, you are giving them meaningful context that contributes to both your page rankings and your visibility in image search.

Alt text is the written description attached to each image in the HTML of your page. It serves two purposes: it describes the image to visually impaired users accessing your site via a screen reader, and it tells search engines what the image depicts. Every image on your site should have alt text that accurately and specifically describes what it shows, includes a relevant keyword where it fits naturally, and reads as something a real person would write rather than a keyword list.

A good example for a Surrey-based agency: alt="web design team working in Delivered Social's Guildford office" is far more useful than alt="web design" or leaving the field blank entirely.

Image Dimensions, Responsive Design and Mobile Performance

Uploading an image that is 3,000 pixels wide to a website where it will display at 800 pixels wide is one of the most common and most wasteful image mistakes made on business websites. The browser downloads the full 3,000-pixel image and then scales it down for display, wasting bandwidth and slowing the page load for no visible benefit.

Every image should be sized to approximately the dimensions at which it will actually appear on the page before it is uploaded. This single step alone can reduce image file sizes by 60% to 80% without any quality loss, because you are simply not sending data the browser was never going to use.

Responsive images, using the HTML srcset attribute or a WordPress theme and plugin combination that handles this automatically, allow you to serve different sized versions of the same image to different devices. A mobile visitor with a 390-pixel wide screen does not need the same 1,200-pixel wide image as a desktop visitor. Serving the right size to the right device reduces load times on mobile, which matters particularly given that Google uses mobile-first indexing and the majority of local searches in Hampshire, Surrey, and West Sussex are conducted on smartphones.

Lazy Loading: Only Loading What Is Actually Needed

Lazy loading is a technique that delays the loading of images until they are actually needed, meaning until the user scrolls to the part of the page where the image sits. Without lazy loading, every image on a page is loaded when the page is first requested, including images that are far below the fold and may never be seen if the visitor leaves without scrolling.

Enabling lazy loading reduces the initial page load time significantly, which improves your Core Web Vitals scores and the perceived speed of your site for real users. WordPress has had native lazy loading built in since version 5.5, so for most WordPress sites this can be enabled or verified with minimal effort. For sites where more granular control is needed, plugins like WP Rocket offer enhanced lazy loading configuration.

Content Delivery Networks and Browser Caching for Faster Image Delivery

A Content Delivery Network (CDN) stores copies of your website’s static assets, including images, on servers distributed around the world. When a visitor requests your page, the images are served from the server closest to them geographically rather than from your origin server, which is likely hosted in one specific location. The result is faster delivery for visitors regardless of where they are located.

For businesses serving customers across Surrey, Hampshire, and West Sussex, the geographic distribution of a CDN may seem less relevant than for a global brand, but CDNs also provide caching, security, and reliability benefits that are valuable regardless of audience location. Cloudflare is the most widely used CDN and is free to set up for most websites.

Browser caching stores static files, including images, in the visitor’s browser after their first visit. On subsequent visits, the browser loads these files from its local cache rather than downloading them again, which makes repeat visits significantly faster. This is particularly valuable for businesses where customers visit their site multiple times during a consideration or purchase process.

Structured Data and Visual Search for Image SEO

Structured data markup, specifically ImageObject schema, provides search engines with additional context about your images beyond what can be inferred from the file name and alt text. It can specify the image’s subject, its creator, its licence, and its relationship to the surrounding content. For ecommerce businesses and content publishers, implementing image schema can contribute to richer search results including product carousels, recipe cards, and other enhanced formats.

Google Lens and visual search more broadly are increasingly relevant to SEO strategy in 2026. Google’s AI-powered visual search allows users to search using images rather than text, identifying objects, products, landmarks, and text within photographs. For product-focused businesses in particular, having properly optimised, high-quality product images with relevant alt text and file names makes them more likely to surface in visual search results.

This is an area where consistent image optimisation for websites creates a meaningful advantage. Businesses that have applied the basics, descriptive file names, relevant alt text, appropriate file formats, and structured data, are inherently better positioned to benefit from visual search than those that have treated images as an afterthought.

Common Image Optimisation Mistakes That Cost Rankings and Conversions

Even businesses that are making a genuine effort with their website often make avoidable image mistakes that quietly undermine their performance. Here are the most common ones.

Uploading uncompressed images directly from a camera or smartphone. These files are often several megabytes in size and are never intended for web use. Compressing and resizing before upload is a non-negotiable step.

Leaving alt text blank or using generic descriptions like “image” or “photo.” This misses both the accessibility requirement and the SEO opportunity that alt text provides.

Using the wrong file format for the content. PNG files for photographs, for example, are typically several times larger than the equivalent JPEG or WebP at the same visual quality.

Uploading oversized images and relying on CSS to scale them down in the browser. The browser still downloads the full-sized file regardless of how it is displayed.

Over-compressing images to the point where quality loss is visible. This is usually a sign that the image needs to be resized to its actual display dimensions before compression rather than compressed more aggressively.

Ignoring mobile performance. An image that looks fine on desktop may cause layout shift or slow loading on a mobile device. Testing across devices is an important part of the process, not an optional extra.

How to Optimise Images on WordPress Websites

For the majority of UK business websites, WordPress is the platform, and most of the image optimisation techniques in this article can be implemented through a combination of plugins, theme settings, and upload practices.

Install a compression plugin such as Smush, ShortPixel, or Imagify and configure it to compress images automatically on upload. Run a bulk optimisation pass on your existing media library to address images that were uploaded before optimisation was in place.

Check that lazy loading is active. In most current WordPress installations it is enabled by default, but it is worth verifying in your theme or performance plugin settings.

Ensure your theme handles responsive images correctly. Most modern WordPress themes do this automatically using the srcset attribute, but older themes may not. If yours does not, a plugin or a theme update is needed.

Use an SEO plugin, such as Squirrly, which we use at Delivered Social, to manage alt text efficiently and flag any images that are missing descriptions.

Consider enabling a CDN through your hosting provider or via Cloudflare, particularly if your site carries a large number of images or serves a geographically distributed audience.

Check your Core Web Vitals regularly using Google Search Console and Google’s PageSpeed Insights tool. Both flag specific images and image-related issues that are affecting your performance scores, giving you a clear, prioritised list of what to address.

At Delivered Social, we build and maintain websites for businesses across Surrey, Hampshire, and West Sussex with image optimisation built into every project from the start. Our SEO service also covers ongoing technical performance monitoring, so that image-related issues are caught and addressed before they affect your rankings. If you would like to talk about how your website is performing and what could be done to improve it, contact us and let’s start that conversation.