How do I optimise images for on-page SEO without slowing the page down?

To optimise images for on-page SEO, do four things: write descriptive alt text, give files meaningful names, compress and correctly size every image, and serve them efficiently with modern formats and lazy loading. Done together, these make your images accessible, help them appear in image search, and keep your page fast, which matters because page speed affects both rankings and the experience that keeps visitors on the page. Here is how each part works.

## Alt text: describe, do not stuff

Alt text is the written description of an image, read aloud by screen readers and used by search engines to understand the image. It is primarily an accessibility feature, and writing it well happens to serve SEO too.

- **Describe what the image actually shows** in plain, specific language.

- **Keep it concise;** a sentence is usually enough.

- **Avoid keyword stuffing;** unnatural alt text helps no one and reads as spam.

- **Leave it empty for purely decorative images** so screen readers can skip them.

A good test: if the image failed to load, would the alt text tell the reader what they were missing?

## File names: meaningful, not mysterious

The image file name is a small but free signal. "slate-roof-repair-diagram.jpg" tells a search engine far more than "IMG_4821.jpg".

- Use lowercase words separated by hyphens.

- Describe the image content briefly.

- Set this before upload; renaming later is fiddly and easy to forget.

## Compress and size correctly

Oversized images are the most common cause of slow pages. The fix is to serve images no larger than they need to be.

- **Compress** every image to remove unnecessary data; the visual difference is usually negligible.

- **Resize to display dimensions;** do not ship a huge image scaled down by the browser.

- **Set explicit width and height** so the browser reserves space and the layout does not jump as images load.

- **Serve responsive sizes** so phones receive smaller files than desktops.

## Use modern formats

Newer image formats deliver the same visual quality at a fraction of the file size compared with older ones. Adopting them is one of the easiest speed wins available, and broad browser support means there is little downside. Where you need a fallback for older clients, serve the modern format first and the legacy format only when required.

## Load images efficiently

How and when images load affects perceived speed.

- **Lazy-load below-the-fold images** so they download only as the reader scrolls near them.

- **Prioritise the main above-the-fold image** so the page feels fast immediately; do not lazy-load it.

- **Avoid layout shift** by reserving space with explicit dimensions.

These behaviours improve the loading experience metrics that search engines increasingly weigh.

## Why speed ties back to SEO

Images and speed are linked because images are usually the heaviest assets on a page. A page bloated with uncompressed images loads slowly, frustrates users, and performs worse on the experience signals search engines consider. Optimising images is therefore both an image-SEO task and a core performance task. At neart.ai we build enterprise-grade products in this area, and the consistent pattern is that disciplined image handling delivers some of the largest, easiest page-speed gains available.

## Common mistakes

- Blank alt text, or alt text that just repeats the file name.

- Uploading multi-megapixel photos and letting the browser shrink them.

- Missing width and height, causing the page to jump as images load.

- Lazy-loading the hero image, which delays the first thing the reader sees.

- Sticking to old formats out of habit when smaller modern ones are widely supported.

## A simple workflow

Before uploading any image: rename it descriptively, resize it to the largest dimension it will display at, compress it, and convert it to a modern format. After placing it, write honest alt text, set explicit dimensions, and lazy-load it unless it is above the fold. For large sites, automate compression, format conversion and dimension checks so authors only need to supply good alt text and a sensible file name.

## Practical takeaway

Write descriptive alt text, name files meaningfully, compress and correctly size every image, adopt modern formats, and lazy-load below-the-fold media while prioritising the hero image. This combination makes images accessible and discoverable while keeping pages fast, which serves both your image-search visibility and the speed signals that influence overall rankings.