Images can be among the heaviest files on a business website. Optimise images for search to improve load times and give search engines useful context. Descriptive alt text also helps screen-reader users understand meaningful images.
Search engines use file names, alt text and nearby copy to understand images. Screen-reader users depend on meaningful text alternatives. In our experience auditing Singapore client sites, oversized images can be a recurring technical problem.
The good news is that none of this needs expensive software. In this blog, we discuss file formats, compression, image alt text accessibility, and the free tools that show whether your images help or hinder your rankings.
We explain why image optimisation matters for rankings. We cover formats and file sizes for 2026, plus alt text for search engines and screen-reader users. We also show how to audit your whole image library in an afternoon.
Table of Contents
Why Does Image Optimisation Affect Your Rankings and Traffic?
Page speed can affect rankings, and Google Images can be a source of traffic. Accessible images also help more visitors use your pages.
Page speed can influence Google rankings. Largest Contentful Paint is a Core Web Vitals metric. It often measures when a prominent image becomes visible. On a typical product or portfolio page, that is where the biggest speed gains sit.
According to Google's Search Central guidance on image search, images need crawlable URLs. Descriptive text around an image also helps Google understand it. These basics can help images attract visits from Google Images. This can be useful for product and how-to queries.
There is a staying-power angle too. A fast, useful page can help you hold your Google rankings as search changes. Accessibility helps more visitors use your content, but it does not guarantee rankings.
Remember: Fast images can support search visibility, while text alternatives help visitors understand meaningful images.
Which Image Formats and File Sizes Should You Use?
Use the smallest modern format that still looks sharp — for most business sites in 2026 that is WebP — and compress every image before it is uploaded.
Format and file size are where most of the speed benefit lives. The goal is simple: the visitor's browser downloads the least data possible while the image still looks crisp on a phone screen.
1. Start With the Right Format
JPEG suits photographs, PNG suits logos and screenshots with sharp edges or transparency, and WebP typically produces much smaller files than either. SVG is the natural choice for icons because it scales without losing sharpness. All major browsers support WebP today, so it is the default we recommend for photos in 2026.
2. Compress Before You Upload
Compression tools such as Squoosh, or the built-in options in most content management systems, shrink files before they reach your server. A full-width hero image rarely needs to be more than a few hundred kilobytes. Compress, check the result on a phone, and only then publish.
3. Serve Scaled, Responsive Images
A file that is 3,000 pixels wide still arrives at that size on a phone. Serve smaller versions for smaller screens using responsive image markup, and load below-the-fold images only as the visitor scrolls. Keep the hero image loading immediately, because delaying it hurts your Largest Contentful Paint score.
Image File Formats Compared for Business Websites
| Format | Best Used For | Typical File Size | Notes |
|---|---|---|---|
| JPEG | Photographs, hero banners | Small to medium | Universally supported; quality drops if over-compressed |
| PNG | Logos, screenshots, sharp edges, transparency | Medium to large | Lossless; avoid for full-width photos |
| WebP | Most web images in 2026 | Small | Supported by all major browsers; best default for photos |
| SVG | Icons and simple graphics | Very small | Vector format; scales without losing sharpness |
What Is Image Alt Text and Why Does Accessibility Depend on It?
Alt text is a short image description in the page's HTML. Screen readers can read it aloud, and browsers may display it if the image fails to load.
Image alt text accessibility is not a technical extra. It is how visitors who use screen readers experience your images, and it is required under internationally adopted web standards. The World Wide Web Consortium (W3C) sets those standards, and its Web Accessibility Initiative's guidance on images explains how text alternatives should be written. The Web Content Accessibility Guidelines (WCAG) require text alternatives for non-text content, with specific provisions for cases such as controls, media and CAPTCHA.
Writing alt text well is really just clear writing with a specific reader in mind.
1. Describe the Image's Job, Not Just Its Pixels
Ask what the image communicates in its context. A product photo should name the product and the detail shown. A chart should state the trend, not the colours of the bars.
2. Keep It Short and Specific
One clear sentence is usually enough, and around 125 characters is a sensible ceiling because some screen readers split longer descriptions. Skip phrases like 'image of' — the screen reader already announces that an image is present.
3. Handle Decorative Images Correctly
For purely decorative images in HTML, use an empty alt attribute so screen readers skip them; decorative CSS backgrounds do not need one. Filling them with filler text slows browsing for the very users you are trying to help. Never stuff alt text with keywords; it reads badly to everyone, search engines included.
What Else Helps Images Rank in Google Search?
Alt text is only one of several levers — file names, captions, surrounding text, sitemaps and structured data all help Google understand, index and surface your images.
To optimise images for search beyond the basics, give search engines context at every layer of the page. Each signal below is small on its own, but together they decide whether Google can read and rank your images.
1. Use Descriptive File Names
Rename files before upload. A name like red-shophouse-facade.jpg tells Google far more than IMG_2041.jpg. Use hyphens between words and keep the name close to what a person would actually type.
2. Add Captions and Nearby Text
Captions are among the most-read text on a page, and they give images topical context. A nearby paragraph using the page's main keywords helps Google match the image to relevant queries. For businesses that depend on local SEO in Singapore, photos of your premises and team with local context reinforce where you operate.
3. Include Images in Your XML Sitemap
Listing image locations in your sitemap, or using an image-specific sitemap, helps Google discover files that JavaScript galleries or lazy-loading might otherwise hide from crawlers.
4. Add Structured Data for Products
Product markup lets Google show prices, ratings and availability alongside your images in search results. For online shops, this is one of the highest-impact additions, and it costs nothing but a little developer time.
Weak Versus Descriptive Alt Text Examples
| Image | Weak Alt Text | Better Alt Text |
|---|---|---|
| Product photo | IMG_2041.jpg | Red floral wrap dress, knee-length, front view |
| Team photo | staff | Our Singapore team at the 2026 client workshop |
| Traffic infographic | chart | Bar chart: monthly organic traffic grew from 1,200 to 3,400 visits in six months |
| Decorative divider | spacer graphic | Left empty on purpose so screen readers skip it |
How Do You Audit Your Website's Image Performance?
You can audit every image on a typical business site in one afternoon, using free tools and a repeatable four-step routine.
In practice, we help clients turn this into a quarterly routine, because image problems quietly return every time someone uploads a fresh photo without compression. The steps below work in order, from speed to accessibility to indexation.
Step 1: Test Your Key Pages in PageSpeed Insights
Run your home page, your busiest product page and your main blog post through PageSpeed Insights. PageSpeed Insights reports Core Web Vitals where real-user data is available, while its Lighthouse diagnostics can flag oversized images and estimate potential savings.
Step 2: Run the Lighthouse Accessibility Audit
Open the same pages in Chrome and run the Lighthouse audit. It flags some images without an accessible text alternative, along with other accessibility issues; review the images manually as well.
Step 3: Check Google Search Console
Use Search Console's URL Inspection tool to check a page's rendered output and loaded resources, and test individual image URLs for availability to Google.
Step 4: Fix, Re-Test and Repeat
Correct the worst offenders first, then re-run the tests. Repeat after every major site update, because new uploads reintroduce the same faults as often as you fix them.
Common Image Problems and the Tools That Detect Them
| Problem | Warning Sign | Tool to Check |
|---|---|---|
| Oversized files | Poor Core Web Vitals score | PageSpeed Insights |
| Missing alt text | Failed image accessibility audit; the overall score can still be 90 or above | Lighthouse audit in Chrome |
| Low image-search visibility | Few impressions in Google Images; check crawl and indexing separately | Google Search Console |
| Wrong dimensions | Layout shifts on mobile | Lighthouse and browser developer tools |
Should You Handle Image Optimisation Yourself or With an Agency?
You can do the basics yourself in a weekend, but ongoing consistency is where most in-house teams drift — and where a specialist scope pays for itself.
A one-time clean-up fixes the images you already have. The harder part is keeping the standard. Every new blog photo, product shot and team picture needs the same treatment. Otherwise, the audit findings slowly return.
Already working with an agency on SEO services in Singapore? Ask whether image audits are part of the monthly scope. They may not be included, so confirm before you renew. The same discipline applies when you make videos easier to find in search. Both formats benefit from descriptive naming, structure and context.
For most SMEs, the practical split is simple. Your team writes alt text because you know your products. A specialist handles compression, responsive markup, sitemaps and monitoring.
Remember: consistency beats intensity — a quarterly image routine protects the gains long after the first clean-up.
Conclusion
Image optimisation for SEO and accessibility is one of the rare jobs that improves speed, rankings and real visitors at the same time. Choose a modern format, compress before uploading, describe every meaningful image in plain language, and audit the results each quarter.
None of it needs expensive tools, but it does need consistency, because every new photo is a fresh chance to get it right or wrong again. That ongoing discipline is exactly the kind of technical clean-up we handle as part of our SEO work, alongside the web development that supports it.
We help Singapore businesses build sites that load fast and read well for everyone, from sole proprietors to established companies. If you would like a hand, reach us through our contact page and we will start by looking at your images.
Ready to Make Your Images Work Harder
Send us your website and we will review your image formats, speed and alt text accessibility, then tell you what to fix first.
Frequently Asked Questions
WebP is the best default for photographs because it produces much smaller files than JPEG at similar visual quality. Use SVG for icons and logos, and reserve PNG for images that need transparency or lossless sharpness.
One clear sentence, up to about 125 characters. Describe what the image communicates in its context, and avoid keyword stuffing, which reads badly for screen-reader users and search engines alike.
No. Give purely decorative graphics an empty alt attribute so screen readers skip them. Reserve alt text for images that carry information, such as products, charts and photos that support the page's message.
Yes, as a small but free signal. A descriptive, hyphen-separated name such as red-shophouse-facade.jpg helps Google understand the image, while a default camera name like IMG_2041.jpg tells it nothing.
Run the checks after every major site update, and at least quarterly using PageSpeed Insights, the Lighthouse accessibility audit and Google Search Console, because new uploads gradually reintroduce old faults.
SEO Marketing Singapore
Author
SEO Marketing Singapore is a Singapore web development and marketing agency offering SEO, web design and development, consulting, copywriting and domain and hosting for businesses.
