Image SEO Guide: How to Optimise Images for Search in 2026

Why Image SEO Matters

Google Images accounts for a significant portion of all Google searches. For many industries — retail, food and beverage, interior design, real estate, fashion — image search is a primary discovery channel. Yet most websites treat images as decorative elements rather than search assets.

Image SEO is the practice of optimising images so they rank in Google Images, support the host page’s search rankings, and load efficiently without harming site performance. Done well, it drives additional traffic, improves user experience, and strengthens your overall SEO profile.

For Singapore businesses, image optimisation is particularly relevant. High mobile usage means images must load quickly on mobile connections. Competitive local search results mean every ranking signal — including image optimisation — contributes to your visibility. And the growing importance of visual search marketing makes properly optimised images an investment in future discoverability.

The good news is that image SEO is largely a matter of following consistent best practices. Most of the work happens during content creation and publishing, not as a separate ongoing effort. Get the fundamentals right, and every image you publish automatically contributes to your search visibility.

File Names and Formats

Image optimisation starts before you upload a file. The file name and format you choose affect both search visibility and page performance.

Descriptive File Names

Google uses file names as a signal to understand what an image depicts. A file named IMG_4582.jpg tells Google nothing. A file named singapore-office-interior-design.jpg tells Google exactly what the image shows.

File naming best practices:

Use descriptive, keyword-rich names — describe what the image shows using relevant terms.
Separate words with hyphens — Google reads hyphens as word separators. Use “marketing-team-meeting” not “marketingteammeeting” or “marketing_team_meeting.”
Keep names concise — three to five words is typically sufficient. Avoid stuffing file names with excessive keywords.
Use lowercase letters — some servers treat uppercase and lowercase URLs differently, which can cause duplicate content issues.
Be specific — “red-leather-office-chair.jpg” is more useful than “chair.jpg” for both search engines and accessibility.

Image format affects both quality and file size. Use WebP as your default — it offers superior compression with minimal quality loss and is supported by all modern browsers. AVIF provides even better compression and is now viable for most use cases. Reserve JPEG for photographs where newer formats are impractical, PNG only when transparency is required, and SVG for logos and icons that need to scale infinitely. Use the picture element or server-side content negotiation to serve modern formats with appropriate fallbacks.

Alt Text Best Practices

Alt text (alternative text) is the most important on-page image SEO element. It serves three purposes: it tells search engines what an image depicts, provides a text description for screen readers used by visually impaired users, and displays as placeholder text when images fail to load.

Writing Effective Alt Text

Be descriptive and specific — describe what the image shows accurately. “Team of five marketers reviewing campaign data on a laptop in a Singapore co-working space” is far better than “team photo.”
Include keywords naturally — if the image is relevant to your target keyword, include it in the alt text — but only if it fits naturally within the description.
Keep it under 125 characters — screen readers typically cut off alt text beyond this length. Aim for concise, complete descriptions.
Do not start with “Image of” or “Photo of” — screen readers already announce that an element is an image. Starting with these phrases is redundant.
Match the context — the same image might warrant different alt text depending on the page it appears on. Alt text should reflect how the image relates to the surrounding content.

Not every image needs descriptive alt text. Use empty alt attributes (alt=””) for decorative images such as background textures, redundant images where the content is already described in adjacent text, and icon images paired with text labels. Alt text optimisation is a core component of on-page SEO. Every page audit should include a review of image alt attributes alongside title tags, headings, and content quality.

Image Compression and Performance

Unoptimised images are the single most common cause of slow-loading websites. A single uncompressed photograph can exceed 5 MB — larger than the rest of the page’s HTML, CSS, and JavaScript combined.

Compression Types

Lossy compression — reduces file size by permanently removing some image data. The quality loss is typically imperceptible at moderate compression levels. JPEG and WebP both support lossy compression.
Lossless compression — reduces file size without removing any image data. The quality is identical to the original, but file size reduction is more modest. PNG and WebP both support lossless compression.

For most web use cases, lossy compression at 75% to 85% quality provides an excellent balance of file size and visual quality. The difference between 85% and 100% quality is invisible to most viewers but can mean a 60% to 80% reduction in file size.

Compression tools include ShortPixel (WordPress plugin with automatic compression on upload), Squoosh (Google’s free web-based tool for manual compression), ImageOptim (Mac application for batch compression), and CDN-based services like Cloudinary and imgix that transform and deliver images dynamically based on the requesting device.

Sizing Images Correctly

Never upload a 4000-pixel-wide image to display at 800 pixels on your website. Resize images to their maximum display dimensions before uploading. For responsive designs, provide multiple sizes using the srcset attribute, allowing browsers to download the most appropriate size for the viewer’s screen.

Image performance is a key factor in website speed optimisation. Pages that load slowly due to oversized images see higher bounce rates, lower engagement, and reduced search rankings.

Lazy Loading and Responsive Images

Lazy loading and responsive images are technical implementations that ensure images load efficiently without degrading user experience.

Lazy Loading

Lazy loading defers the loading of off-screen images until the user scrolls near them. This dramatically improves initial page load time, particularly on image-heavy pages.

Implementation options:

Native lazy loading — add loading=”lazy” to your img tags. This is now supported by all major browsers and requires zero JavaScript. It is the recommended approach for most websites.
JavaScript-based lazy loading — libraries like lazysizes offer more control, including custom thresholds for when images begin loading and placeholder animations.
WordPress plugins — many caching and performance plugins include lazy loading as a built-in feature.

Important caveat: do not lazy load images that appear above the fold (visible without scrolling). These images should load immediately as part of the Largest Contentful Paint (LCP) element. Lazy loading above-the-fold images actually hurts Core Web Vitals scores.

Responsive images ensure that each device downloads an appropriately sized image file. Use the srcset attribute to provide multiple image sizes, the sizes attribute to indicate display width at different viewports, and the picture element for art direction and format selection. Implementing responsive images correctly requires collaboration between your SEO team and web design team, as the SEO benefits — faster loading, better Core Web Vitals, improved mobile experience — are direct search ranking factors.

Image Sitemaps and Structured Data

Image sitemaps and structured data help Google discover and understand your images more effectively.

Image Sitemaps

An image sitemap is an extension of your standard XML sitemap that lists images on your website. While Google can discover most images through normal crawling, a sitemap ensures comprehensive coverage.

You can either add image information to your existing XML sitemap or create a separate image sitemap. Each URL entry includes:

The page URL where the image appears
The image URL
Optional: image caption, title, geographic location, and licence information

Image sitemaps are particularly valuable for:

JavaScript-loaded images — images loaded dynamically via JavaScript may not be discovered through normal crawling.
Large image galleries — e-commerce sites and portfolio websites with hundreds or thousands of images benefit from explicit sitemap inclusion.
CDN-hosted images — if your images are served from a different domain than your website, a sitemap helps Google associate them with your content.

Several schema types incorporate image properties, including Product schema for e-commerce listings, Article schema for thumbnail selection, and ImageObject schema for standalone image metadata such as captions and licence information. Proper structured data implementation is part of comprehensive on-page SEO services. Ensuring images are marked up correctly alongside other on-page elements maximises your search visibility.

Visual Search and Google Images

Visual search — where users search using an image rather than text — is growing rapidly. Google Lens processes billions of visual searches, and optimising for this technology is increasingly important for image SEO.

Optimising for Google Lens and Visual Search

Use high-quality, original images — Google Lens performs best with clear, well-lit images. Stock photos are less likely to appear in visual search results because they appear across many websites.
Provide contextual content — the text surrounding an image helps Google understand what it depicts. Ensure image placement within your content is contextually relevant.
Implement product schema — for e-commerce, product schema with accurate pricing, availability, and description helps Google connect visual search queries to your products.
Use consistent image styles — if you sell products, photograph them consistently on clean backgrounds from multiple angles. This makes visual recognition more reliable.

Google Images Ranking Factors

Google Images results are influenced by:

Relevance of surrounding content — the image ranks better when the page it appears on is topically relevant and authoritative.
Image freshness — for trending or time-sensitive queries, newer images may rank higher.
Page authority — images from authoritative domains tend to rank higher in Google Images.
Alt text and file name relevance — these text signals directly influence which queries an image appears for.
Image quality and size — higher resolution images tend to rank better, though this must be balanced against load time.

Understanding how your images perform in search requires integrating image tracking with your broader search engine optimisation efforts.

Common Image SEO Mistakes

These are the errors we see most frequently when auditing websites for image SEO:

Missing or Generic Alt Text

This is the most widespread image SEO failure. Websites either omit alt text entirely or use unhelpful descriptions like “image1” or “banner.” Every meaningful image on your website should have a descriptive, contextually relevant alt attribute. Run a crawl with Screaming Frog or a similar tool to identify all images with missing or inadequate alt text.

Oversized Image Files

Uploading images straight from a camera or design tool without compression is alarmingly common. A single 8 MB hero image can add several seconds to page load time. Establish a maximum file size policy — typically 200 KB for standard content images and 500 KB for full-width hero images — and enforce it through your CMS or build process.

Ignoring Modern Formats

Many websites still serve every image as JPEG or PNG when WebP and AVIF offer dramatically better compression. Modern format adoption is one of the easiest performance improvements available. Most CDNs and image optimisation plugins can convert and serve modern formats automatically.

Lazy Loading Above-the-Fold Images

Applying lazy loading universally, including to images visible in the initial viewport, delays the Largest Contentful Paint metric. This directly harms Core Web Vitals scores and can reduce search rankings. Exclude your hero image and any images in the first visible section from lazy loading.

Text in Images Without Alt Text

Infographics, charts, and images containing text must have alt text that conveys the information within the image. Google cannot read text embedded in images. If an infographic contains important data, either provide comprehensive alt text or include the data as regular HTML text elsewhere on the page.

Broken Image URLs

Images that return 404 errors waste crawl budget, create poor user experience, and lose any SEO value those images might have contributed. Monitor for broken images as part of your regular technical SEO audits.

Soalan Lazim

What is the ideal image file size for web pages?

Aim for under 200 KB for standard content images and under 500 KB for full-width hero images. These targets are achievable with proper compression and modern formats like WebP or AVIF. The total image weight of a page should ideally stay under 1.5 MB. If your page requires many images, lazy loading becomes essential to maintain acceptable load times.

How do I write good alt text for SEO without keyword stuffing?

Describe what the image shows in a natural sentence, incorporating your target keyword only if it genuinely relates to the image content. “Marketing team analysing social media analytics dashboard in Singapore office” is effective alt text if the image actually shows that scene. “Best social media analytics Singapore marketing agency digital marketing” is keyword stuffing and helps no one.

Should I use WebP or AVIF format for my website images?

WebP is the safer choice in 2026 due to broader browser support and widespread tooling. AVIF offers better compression but has slightly less universal support. The ideal approach is to serve AVIF with WebP fallback using the picture element or automatic format negotiation through your CDN. If you can only choose one format, WebP covers the widest audience.

Does Google index images loaded via JavaScript?

Google can render JavaScript and discover images loaded dynamically, but it is less reliable than images present in the initial HTML. Images loaded via JavaScript may be discovered later or missed entirely during crawling. For SEO-critical images, include them in the static HTML and list them in an image sitemap. Reserve JavaScript-loaded images for non-essential decorative elements.

How do I check if my images are properly optimised?

Use Google’s PageSpeed Insights to identify image optimisation opportunities, including format conversion, compression, and sizing issues. Run a crawl with Screaming Frog or Sitebulb to audit alt text, file names, and broken image URLs across your entire site. Check Google Search Console’s Core Web Vitals report for pages where images are contributing to performance issues. These tools together give you a complete picture of your image SEO health.

Image SEO Guide: How to Optimise Images for Search in 2026