Image SEO is the practice of optimising the images on your website so they contribute positively to your search engine rankings, page loading speed, and overall user experience. Most website owners treat images as purely visual elements — upload, display, done. However, every image on your site is an SEO opportunity or a liability depending on how it is handled. Since images often account for the majority of a page’s file size, they have a disproportionate impact on Core Web Vitals and page speed, both of which are confirmed Google ranking factors.
Why Image SEO Matters for Rankings
Images influence your SEO performance across three distinct channels simultaneously.
Google Images search traffic. Google Images is one of the largest search engines in the world by query volume. Properly optimised images can rank in Google Images results and drive meaningful referral traffic to your website — traffic that has zero cost per click and compounds over time as your image rankings build. For businesses in visual industries — interior design, food, fashion, real estate, photography, ecommerce — Google Images traffic can represent a significant share of total organic visits.
Page speed and Core Web Vitals. Unoptimised images are the single most common cause of slow page load times. An oversized, uncompressed image served in an outdated format adds seconds to your page’s load time — directly degrading your Largest Contentful Paint score, one of the three Core Web Vitals metrics Google uses as a ranking signal. Optimising every image on your site is one of the most reliable page speed improvements available because it addresses the largest contributor to page weight.
Contextual relevance signals. Image file names, alt text, captions, and surrounding text all provide Google with additional signals about the topic of your page. A well-optimised image reinforces the keyword relevance of the page it appears on — contributing to ranking for the page’s target queries beyond just appearing in image search results. For businesses working on local SEO, geotagged and locally relevant images on service pages strengthen local relevance signals.
Image File Format: Choosing the Right Format for SEO
The image format you use determines the file size and quality trade-off for every image on your site. Choosing the right format is the first step in image SEO.
WebP is the format Google recommends for web images in 2026. It provides significantly smaller file sizes than JPEG and PNG at equivalent or better visual quality — typically 25 to 35% smaller than JPEG and 26% smaller than PNG. WebP supports both lossy and lossless compression, making it suitable for photographs and graphics alike. All major browsers now support WebP fully. Serving images in WebP format is one of the fastest ways to reduce page weight and improve LCP scores.
AVIF is a newer format that provides even better compression than WebP — typically 50% smaller than JPEG at equivalent quality. Browser support has grown significantly since 2022 and AVIF is worth considering for new site builds. However, WebP remains the more universally supported and practical choice for most websites in 2026.
JPEG remains appropriate for photographs where you need broad compatibility with older systems or where WebP conversion is not currently feasible. Use lossy JPEG compression at 70 to 85% quality for web images — this reduces file size significantly with minimal visible quality loss.
PNG should be reserved for images that require transparency or crisp edges — logos, icons, screenshots with text, graphics with flat colours. PNG is a lossless format that preserves image quality completely but produces larger files than JPEG or WebP for photographs.
SVG is the appropriate format for vector graphics — logos, icons, illustrations. SVGs are resolution-independent and infinitely scalable without quality loss, making them ideal for elements that appear at multiple sizes across your site. Additionally, SVG files are typically very small and can be optimised further with tools like SVGO.
GIF should be avoided for animated content in 2026. Animated GIFs are extremely large files relative to their visual output. Use short MP4 videos instead for animations — they provide equivalent visual quality at a fraction of the file size.
Image File Names: The First SEO Signal
The file name of your image is the first signal Google reads about what the image shows. Before uploading any image, rename the file descriptively using your target keywords.
A file named IMG_4827.jpg tells Google nothing. A file named dental-office-chicago-reception-area.jpg tells Google the image shows a dental office reception area in Chicago. When someone searches for images related to Chicago dental offices, your image has a clear relevance signal that the generic filename would never provide.
Follow these file naming rules consistently:
- Use descriptive, keyword-relevant words that accurately describe the image content
- Separate words with hyphens, not underscores — Google treats hyphens as word separators but underscores as connectors
- Keep names concise — 3 to 5 descriptive words is the practical limit
- Include location modifiers for local businesses where genuinely relevant
- Never stuff multiple unrelated keywords into a filename — describe what is actually in the image
For a restaurant in Boston, a photo of their signature dish becomes “lobster-bisque-boston-restaurant.webp” rather than “food1.jpg.” For an interior design firm, a living room photo becomes “modern-living-room-design-neutral-palette.webp” rather than “photo23.webp.”
Alt Text: The Most Important Image SEO Element
Alt text — short for alternative text — is the HTML attribute that describes an image in words. It serves two purposes. First, it is read aloud by screen readers for visually impaired users. Second, it is one of the primary signals Google uses to understand what an image depicts and which searches it is relevant for.
Well-written alt text is concise, descriptive, and includes relevant keywords naturally. It describes what the image shows — not what you want to rank for. The keyword should appear in the alt text because it genuinely describes the image, not because you’ve inserted it artificially.
Good alt text examples:
- alt=”SEO audit checklist on laptop screen” — descriptive and naturally includes a relevant keyword
- alt=”Chicago dental office waiting room with natural light” — specific, local, descriptive
- alt=”plumber fixing kitchen sink pipe under counter” — describes the exact scene depicted
Bad alt text examples:
- alt=”SEO services SEO agency SEO expert digital marketing” — keyword stuffing, not descriptive
- alt=”image” or alt=”photo” — generic, provides no information
- alt=”” on a content image — empty alt text is appropriate only for purely decorative images that carry no content meaning
Every non-decorative image on your site should have unique, descriptive alt text. Decorative images — spacers, background textures, purely aesthetic elements — should have empty alt text (alt=””) to signal to screen readers and Google that they carry no content meaning and should be skipped.
For large sites with hundreds of images, auditing and writing alt text for all existing images is a significant but high-return task. Prioritise your most important pages — homepage, service pages, top-ranking blog posts — before working through the rest.
Image SEO turns your visual assets into a massive traffic driver by using descriptive file names and alt text to help Google 'see' what your pictures represent.
Image Captions and Surrounding Text
Beyond alt text, Google reads the text surrounding an image to understand its context. A caption placed directly beneath an image provides an additional relevance signal and is read by both Google and human visitors.
Captions are among the most-read elements on any page — eye-tracking research consistently shows that after headlines, captions receive more attention than body paragraphs. Using captions that describe and contextualise images simultaneously serves user experience and SEO.
The text immediately surrounding an image in your body copy also contributes to how Google interprets it. An image of a before-and-after bathroom remodel embedded in a paragraph about bathroom renovation services receives stronger relevance signals than the same image embedded in an unrelated section of the page.
Image Compression: Balancing Quality and File Size
Compression reduces image file size without removing the image from your page. It is the single most impactful image SEO improvement for most websites because uncompressed images are typically 5 to 10 times larger than they need to be for web display.
Two types of compression are available:
Lossy compression reduces file size by permanently discarding some image data. The quality reduction is typically invisible at compression levels of 70 to 85% for JPEG. Most web images should use lossy compression. The resulting files are dramatically smaller with no visible quality difference to most viewers.
Lossless compression reduces file size by optimising image data more efficiently without discarding anything. It produces smaller files than the uncompressed original but not as small as lossy compression. Appropriate for PNG images where preserving every pixel matters — logos, screenshots with text, UI elements.
Tools for compression:
- Squoosh (squoosh.app) — Google’s free browser-based tool that converts to WebP/AVIF and shows a side-by-side quality comparison at different compression levels
- TinyPNG/TinyJPG — free online compression for PNG and JPEG files
- ImageOptim — desktop application for Mac that losslessly compresses PNG, JPEG, and GIF files
- ShortPixel, Imagify, EWWW Image Optimizer — WordPress plugins that automatically compress and convert images to WebP on upload
Image Dimensions and Responsive Images
Serving an image at a larger resolution than it is displayed wastes bandwidth and increases load time without any visual benefit. A hero image displayed at 1200px width does not need to be served as a 4000px file — the additional pixels are discarded by the browser.
Set image dimensions precisely for the largest size at which each image is displayed. For responsive sites, use the srcset attribute to serve different image sizes to different screen widths:
<img
src=”bathroom-remodel-chicago.webp”
srcset=”bathroom-remodel-chicago-400.webp 400w,
bathroom-remodel-chicago-800.webp 800w,
bathroom-remodel-chicago-1200.webp 1200w”
sizes=”(max-width: 600px) 400px,
(max-width: 1200px) 800px,
1200px”
alt=”Bathroom remodel project in Chicago with modern fixtures”
width=”1200″
height=”800″
loading=”lazy”>
This structure tells the browser to request an appropriately sized version of the image for the visitor’s screen — a mobile visitor gets a 400px image, a desktop visitor gets a 1200px image. This reduces mobile page weight dramatically without affecting desktop image quality.
Always specify width and height attributes on img elements. This allows browsers to reserve the correct space for images before they load — preventing layout shifts that contribute to poor Cumulative Layout Shift scores, one of the three Core Web Vitals metrics.
Lazy Loading Images
Lazy loading defers the loading of images that are below the fold — outside the visitor’s initial viewport — until the visitor scrolls toward them. Instead of loading every image on the page simultaneously when it first opens, the browser loads only the images visible in the initial viewport and loads additional images as the user scrolls.
This dramatically improves the Largest Contentful Paint score because the browser dedicates its initial loading resources to above-the-fold content rather than distributing them across every image on the page including those the visitor may never scroll to.
Add loading=”lazy” to every img element that appears below the fold:
<img src=”team-photo.webp” alt=”Prablay Marketing SEO team” loading=”lazy” width=”800″ height=”500″>
Do not add loading=”lazy” to your above-the-fold hero image or LCP element — lazy loading the LCP image delays its loading and directly worsens your LCP score.
WordPress 5.5 and later adds loading=”lazy” to images automatically. However, it’s worth verifying this is working correctly for all images on your key pages using PageSpeed Insights.
Structured Data for Images
Adding structured data to pages with images makes them eligible for rich results in Google Search and Google Images. For certain content types, image structured data significantly increases visibility.
ImageObject schema can be added to any page to provide explicit metadata about images — the image URL, description, creation date, and author. For photography, art, and visual businesses, this schema improves how your images are surfaced in image search results.
Product schema includes image properties that help Google display your product images accurately in shopping results and product-rich snippets. Every product page on an ecommerce site should include proper product schema with high-quality image references.
Recipe schema includes image properties that enable rich results in Google’s recipe cards. A cooking website with properly marked-up recipe images appears in Google’s visual recipe carousel — one of the highest-click-through rich result formats available.
For local businesses, including high-quality images in your Google Business Profile is a related but distinct image SEO practice that directly influences your local search visibility and click-through rate from the Map Pack.
Image SEO Audit: Where to Start
If your website has never had a systematic image SEO review, start with the highest-impact fixes first.
Run PageSpeed Insights on your homepage and top landing pages. The diagnostics section specifically flags image-related issues — oversized images, images in legacy formats, images without explicit dimensions, and render-blocking images. Fix the issues flagged on your highest-traffic pages first.
Crawl your site with Screaming Frog and export the Images report. This shows every image on your site, its file size, its alt text status, and whether dimensions are specified. Filter for images over 100KB, images with missing alt text, and images with generic filenames. These three filters identify your highest-priority image SEO fixes.
Check Google Search Console for Core Web Vitals failures related to LCP on specific pages. If your LCP element is an image, the fix almost always involves compression, format conversion, or lazy loading configuration for that specific image.
Frequently Asked Questions (FAQs)
- Does alt text directly improve rankings for the page it appears on?
Yes. Alt text is a relevance signal that Google uses to understand both the image and the surrounding page content. Well-written alt text that naturally includes the page’s target keyword reinforces the page’s relevance for that keyword. For image search specifically, alt text is one of the primary signals determining which queries trigger your image in results.
- How large should images be before compressing them for web use?
Any image over 100KB is worth compressing before uploading to your website. Images over 200KB on key landing pages or above the fold are actively hurting your page speed scores and should be compressed as a priority. After compression and WebP conversion, most web images should be well under 100KB — many under 50KB — without visible quality loss.
- Does Google Images traffic convert into customers?
It depends on the business type and image content. For ecommerce, product images ranking in Google Images drive purchase-intent traffic. For local service businesses, images of completed work, facilities, or team members appearing in image search drive brand awareness and direct search. For informational sites, image traffic contributes to overall organic reach. Conversion rates from image traffic vary widely but represent genuinely free traffic worth capturing.
- Should I use stock photos or original photos for SEO?
Original photos consistently outperform stock photos for both SEO and conversion purposes. Original images are unique — they provide visual signals no other site has — and they represent real experience, which supports E-E-A-T signals. Stock photos are recognisable, appear on thousands of other sites, and carry no uniqueness value. For any image that will appear on key landing pages, original photography is worth the investment.
- Do image file sizes affect mobile rankings specifically?
Yes, significantly. Google uses mobile-first indexing, meaning your mobile page performance determines your rankings across all devices. Large unoptimised images create a much larger performance penalty on mobile connections than on broadband. A 2MB hero image that loads in 1 second on fast broadband may take 6 to 8 seconds on a typical 4G connection. Optimising image file sizes is therefore one of the highest-impact mobile SEO improvements available.
- How many images should a blog post have for SEO?
There is no optimal number. Include as many images as genuinely add value to the reader’s understanding — diagrams, screenshots, examples, process illustrations. Each additional image increases page weight, so each one should justify its presence with genuine informational value rather than appearing as filler. One highly relevant, well-optimised original image per 500 to 800 words of content is a reasonable general approach, adjusted for the visual needs of each specific piece of content.
