Image SEO: How to Optimise Website Images for Google and Speed

What image SEO actually means

Image SEO is the work you do so that the pictures on your website help your pages rank instead of dragging them down. It covers three things at once: helping Google understand what each image shows, making sure the file is small enough that the page loads fast, and making the image itself useful to the person reading the page. Most Malaysian SME websites do none of the three.

It is easy to think of images as decoration. In practice they are usually the single heaviest thing on a page. A homepage with eight photos straight off a phone camera can be 15 MB or more, which on a normal mobile connection means a visitor is staring at a blank screen while your competitor's page has already finished loading.

The good news is that image SEO is one of the few areas where a small business can make a big difference in an afternoon. You do not need a developer for most of it. You need a consistent habit: choose the right picture, name it properly, resize it, compress it, describe it, then upload it.

Why images matter more than most Malaysian SME websites assume

Google has said for years that page experience and speed influence rankings, and images are the main reason most small business pages are slow. When we audit a site in Shah Alam or the wider Klang Valley and the speed score is poor, oversized images are the cause more often than hosting, plugins or code. Fixing the images alone frequently moves a page from a failing Core Web Vitals score to a passing one.

Images also matter for discovery. Google Images is still a real source of traffic for product sellers, food businesses, interior contractors, event companies, printers and anyone whose customers shop with their eyes. If your product photos are named IMG_2381.jpg with no alt text, none of that traffic is available to you.

Finally, images affect whether a visitor believes you. A Malaysian buyer scanning three supplier websites will trust the one showing a real workshop, real staff and real finished work over the one using the same stock photo as everybody else. That trust turns into enquiries, which is the point of the whole exercise. Our guide to website forms and lead generation covers what happens after that trust is built.

Choose the right image before you optimise anything

No amount of compression rescues a picture that does not belong on the page. Before you think about file size, ask what the image is for. Is it proving something, explaining something, or showing the product? If the honest answer is that it fills space, delete it. Every removed image is a free speed improvement and one less thing to maintain.

The strongest images on an SME website are usually specific rather than generic. A photo of your actual team at your actual office beats a smiling model in a boardroom. A screenshot of the dashboard you deliver beats an abstract graphic of glowing circuits. A close-up of a finished installation beats a stock photo of tools on a bench.

For explanatory content, a simple diagram or a labelled screenshot often does more work than a photo. If you are writing a how-to page, screenshots with the important part highlighted keep people on the page longer, and time on page is a reasonable signal that your content actually answered the question.

File names: describe the picture, not DSC_0421

The file name is the first clue Google gets about an image, and it costs nothing to get right. Rename the file before you upload it. Use lowercase words separated by hyphens, describe what is actually in the frame, and keep it short. Something like steel-fabrication-workshop-shah-alam.jpg tells both Google and your future self what the picture shows.

Avoid underscores, spaces, capital letters and internal shorthand that only your team understands. Spaces become %20 in the URL and look broken when the link is shared. Underscores are treated less reliably than hyphens as word separators. Random camera names like DSC_0421, or a WhatsApp export with the date in the file name, tell a search engine nothing at all.

Do not stuff keywords either. A file name like best-seo-company-malaysia-cheap-seo-services-kl-seo-agency.jpg is spam, and it does not help. One honest description per image is the right amount, and it should read like something a human would write.

Alt text: write it for someone who cannot see the image

Alt text is the short description a browser shows if the image fails to load, and the text a screen reader reads aloud to a visually impaired visitor. That is its real purpose, and writing it that way happens to be exactly what search engines want too. Describe the image in a normal sentence fragment, roughly 8 to 15 words, in plain English.

Good alt text for a photo on a contractor's site might be: technician installing a network rack in an office in Shah Alam. Poor alt text would be: shah alam it support cheap it support malaysia network cabling. The first describes the picture. The second is keyword stuffing, adds nothing for a screen reader user, and can be read as manipulation.

• Describe what is in the image, not what you want to rank for.
• Include a keyword only when it genuinely describes the picture.
• Do not start with 'image of' or 'picture of', screen readers already announce that it is an image.
• Leave the alt attribute empty for purely decorative images such as background shapes and dividers.
• For product photos, include the product name, model and a distinguishing detail such as colour or size.
• If the image is a link, the alt text should describe where the link goes.

Picking the right format: JPEG, PNG, WebP and AVIF

JPEG is still fine for photographs. PNG is for images that need transparency or crisp flat colour, such as logos, icons and simple diagrams. Using PNG for a photograph is one of the most common causes of a 4 MB image on a small business site, because PNG does not compress photographic detail efficiently and was never designed to.

WebP is now the sensible default for both photos and graphics. It is supported by every modern browser and typically produces files 25 to 35 percent smaller than an equivalent JPEG at the same visual quality. If you are unsure what to use, use WebP. AVIF compresses further still and is worth adopting once your tooling handles it cleanly, though support in older editing software remains patchy.

SVG deserves a mention for logos, icons and simple line illustrations. It is a vector format, so it stays sharp on any screen at any size and the file is usually tiny. Keep SVG for graphics only, never for photographs, and make sure your host serves it with the correct content type so browsers render it properly.

Dimensions: stop uploading 5,000 pixel photos

A modern phone camera produces images around 4,000 pixels wide. Almost no website ever displays an image wider than about 1,600 pixels, and most in-content images sit around 800 to 1,200. Uploading the original means the visitor's browser downloads several times more data than it can possibly use, then scales it down on their phone anyway.

Resize before uploading. A practical rule for most SME sites: full width hero images at 1,600 to 1,920 pixels wide, in-content images at 1,000 to 1,200, thumbnails and team photos at 400 to 600, logos and icons at whatever size they display plus a little headroom for high density screens.

This single habit typically cuts image weight by 80 percent or more with no visible quality loss. If you only do one thing from this article, do this one. It pairs directly with the work described in our guide to site speed and Core Web Vitals.

Compression: smaller files without ugly photos

Once the dimensions are right, compress. For JPEG and WebP, a quality setting around 75 to 85 is the sweet spot for most business photography. Below about 65 you start seeing blocky artefacts in skies, skin tones and gradients. Above 90 you are paying in file size for detail nobody can see on a phone screen.

Free tools handle this well. Squoosh runs in the browser, TinyPNG is good for quick batches, and any image editor has export settings that let you preview quality against file size. On WordPress, an optimisation plugin can compress on upload and convert to WebP automatically, which removes the discipline problem when several staff members upload content.

As a target, aim for in-content images under 150 KB and hero images under 300 KB. Some detailed product shots will run larger and that is acceptable if the image is doing real commercial work. What is not acceptable is a 3 MB background photo that nobody consciously looks at.

Lazy loading, and the one image you should never lazy load

Lazy loading tells the browser not to download an image until the visitor scrolls near it. On a long page with fifteen photos, this means the first screen appears quickly and the rest arrive as they are needed. In modern HTML you simply add a lazy loading attribute to the image tag, and most website builders and current WordPress versions do this by default.

The important exception is the largest image visible when the page first opens, usually the hero. Lazy loading that image delays the very thing Google measures as Largest Contentful Paint, so it makes your score worse rather than better. Load the hero eagerly, and consider marking it as high fetch priority so the browser requests it first.

A useful check: open your page on a phone, look at what appears without scrolling, and make sure none of those images are lazy loaded. Everything below that fold should be. Getting this backwards is one of the most common self-inflicted speed problems we see.

Width, height and avoiding layout shift

Cumulative Layout Shift measures how much a page jumps around while it loads. The classic cause is an image without declared dimensions: the browser reserves no space, lays out the text, then the image arrives and shoves everything down just as the visitor is about to tap a button. It is one of the most irritating experiences on mobile and Google measures it directly.

The fix is simple. Always include width and height attributes on your image tags, or set an aspect ratio in CSS. The browser then reserves the correct space before the file arrives and nothing moves. Most themes handle this, but custom sections, page builder blocks and hand-coded areas often miss it.

This is worth rechecking after any redesign or theme update, because layout shift problems tend to appear quietly and nobody notices on a fast office connection. Our technical SEO guide explains how to test for it across a whole site rather than page by page.

Responsive images: srcset explained simply

A phone does not need the same file as a 27 inch monitor. Responsive images let you supply several versions of the same picture at different widths, and the browser picks the smallest one that still looks sharp on that device. In HTML this is handled by the srcset and sizes attributes, and in WordPress it happens automatically through the thumbnail sizes it generates on upload.

The practical benefit is large. A visitor on a mid-range Android phone in Melaka might download a 90 KB version while a desktop visitor gets the 400 KB version, and both see a crisp image. Without responsive images, every visitor downloads the biggest file regardless of what their screen can show.

If your site was custom built, ask your developer to confirm responsive image markup is in place for content and product images. If you are on WordPress, check that your theme has not disabled the default behaviour, which some older and heavily customised themes do.

Captions and the words around the image

Google reads the text surrounding an image to work out what it shows and whether it is relevant to the page. A photo dropped into the middle of unrelated paragraphs is a weaker signal than the same photo sitting directly under a heading and a sentence that describe it. Place images near the text they illustrate rather than wherever the layout looks tidiest.

Captions are read by people far more often than body text, so they are valuable real estate. Use them to add information rather than repeat the alt text. Under a photo of completed work, a caption naming the location, the material and the timeframe is far more persuasive than a generic label like 'our work'.

You do not need a caption on every image. Use them where the picture benefits from explanation, particularly diagrams, screenshots, before and after shots, and portfolio work where the detail is the selling point.

Image sitemaps and getting into Google Images

If images matter to your business, help Google find them. An image sitemap lists the images on each page so they can be discovered even when they are loaded through scripts or sliders. Most SEO plugins can include image entries in your XML sitemap automatically, and a custom built site can add them without much effort.

Beyond the sitemap, the ordinary rules apply. Images placed in standard HTML image tags are indexed reliably. Images loaded only through background CSS or JavaScript sliders often are not. If a photo is commercially important, it should be a real image element on the page, not a decorative background.

Once submitted, you can watch performance in Search Console by switching the search type filter to Image. That report tells you which pictures earn impressions and clicks, which is the only honest way to know whether image SEO is paying back. Our Search Console guide walks through the reports in detail.

Product photos and eCommerce image SEO

For an online store, images are not decoration, they are the product page. Shoppers who cannot touch the item judge it entirely by the photos, so quality here affects both rankings and conversion rate. Aim for multiple angles, a clean background for the main shot, at least one photo showing scale or the product in use, and consistent lighting across the whole catalogue.

Name and describe each variant separately. If you sell a chair in three colours, oak-dining-chair-charcoal.webp and oak-dining-chair-natural.webp with matching alt text give Google far more to work with than three files called chair1, chair2 and chair3. Include the model or SKU in the alt text where customers actually search using it.

Structured data ties it together. Product schema with an image property tells Google exactly which picture belongs to which product, which is what feeds rich results and shopping surfaces. There is more on this in our eCommerce SEO guide.

Real local photos beat stock, and never take images from Google

Stock photography is convenient and it is also invisible. The same handshake photo appears on hundreds of Malaysian company websites, and buyers notice. Original photographs of your premises, your team, your vehicles, your equipment and your completed jobs are the cheapest differentiator available to an SME, and nobody else can copy them.

You do not need a professional shoot to start. A recent phone camera in decent daylight produces perfectly usable business photography. Shoot in landscape, keep the background tidy, avoid harsh midday shadows, take more frames than you think you need, then resize and compress before uploading.

There is a local search benefit too. Photos taken at your Shah Alam workshop or Melaka office, used consistently across your website and your Google Business Profile, reinforce that you are a real business in a real place. That consistency supports the local ranking work described in our Google Business Profile guide.

This is where small businesses get into real trouble. Images found through a Google search are not free to use. Rights holders and agencies actively scan for unlicensed use, and a demand letter over a single photograph can run into thousands of ringgit. Malaysian companies do receive these notices, and 'we did not know' is not a defence.

Use images you own, images you have licensed, or images from reputable free-licence sources such as Unsplash, Pexels or Pixabay, checking the licence terms each time because they do change. Keep a simple record of where each image came from, ideally a spreadsheet with the file name, the source and the date. If a query ever arrives, that record settles it in minutes.

The same caution applies to AI generated images. They are useful for abstract illustrations, but check the terms of the tool you used, avoid anything resembling a real identifiable person, and never use them to depict work you have not actually done. Fake project photos are found out quickly in a small market.

WordPress specifics: media library, thumbnails and plugins

WordPress generates several sizes of every uploaded image, which is helpful for responsive delivery but can bloat your hosting account over time. Review the thumbnail sizes under Settings then Media, and disable any sizes your theme does not actually use. Some themes and plugins quietly add a dozen extra sizes each.

Rename files before uploading, because WordPress uses the file name to build the image URL and changing it afterwards means broken links and lost image rankings. Fill in the alt text field in the media library at upload time rather than promising to do it later. Note that the title, caption and description fields serve different purposes, and alt text is the one that matters for accessibility and search.

An optimisation plugin that compresses on upload and serves WebP removes most of the ongoing discipline problem. Combine that with a caching plugin and a sensible host and image handling largely takes care of itself. Our WordPress business website guide covers the wider setup.

How to check whether your image SEO is actually working

Run your key pages through PageSpeed Insights and look specifically at the Largest Contentful Paint element and the opportunities list. If the tool tells you to properly size images or serve images in next-generation formats, you have work left to do. Re-test after each change so you can see the improvement rather than guessing at it.

In Search Console, filter the Performance report by search type Image to see impressions and clicks coming from Google Images. In GA4, watch whether pages with heavy galleries have unusually high bounce rates on mobile, which often points to slow loading rather than weak content. Here are the mistakes we correct most often on Malaysian SME sites:

• Uploading straight from a phone or camera without resizing.
• Using PNG for photographs and shipping 4 MB files.
• Missing alt text, or alt text stuffed with keywords.
• Lazy loading the hero image and damaging Largest Contentful Paint.
• No width and height attributes, causing layout shift on mobile.
• Images loaded only by JavaScript sliders, so Google never indexes them.
• Using photographs taken from Google Images without a licence.

Key takeaways

Image SEO is mostly a habit rather than a project. Choose a picture that earns its place, rename the file to describe it, resize it to the largest size the page will ever display, compress it to WebP, write honest alt text, then check that width and height are declared. Repeat that for every image and your site will be faster and better understood than most of your competitors.

Prioritise by impact. Fix the heaviest images on your highest traffic pages first, usually the homepage, the main service page and the top product pages. A handful of oversized files are normally responsible for most of the problem, so you do not need to process a thousand images before you see a result.

If you would rather not manage this yourself, Cybergate handles image optimisation as part of our SEO service from RM1,000 per month, and as standard on every site we build through our website development service from RM999. We work with SMEs across Shah Alam, the Klang Valley and Melaka, and because we are not SST registered the price you are quoted is the price you pay.