How to SEO Images in WordPress: Formats, Alt Text and Speed

Image SEO is the practice of making every photo, screenshot and graphic on a page readable to search engines and quick to load for visitors. Knowing how to SEO images in WordPress comes down to a few decisions around each upload: the file format, the pixel dimensions, the compression level, the file name, the alt text and whether the file reaches your XML sitemap. Search engines can’t “see” pictures the way humans do. They rely on file names, alt attributes, captions, structured data and surrounding text to understand what a visual represents, and images load faster and rank better when those signals are right.

In a past article, we discussed how to link from an image to another page. That guide covers clickable visuals. This one covers image optimization for SEO purposes, ending with a step-by-step checklist to follow every time you upload images.

Why Image Optimization Matters for Search Rankings

Optimizing visuals affects three things search engines measure: page speed, relevance and accessibility. Photos are usually the heaviest files on a WordPress page, and the largest one above the fold is often what Google’s Core Web Vitals report as Largest Contentful Paint (LCP), the metric that times when the main content appears. Properly optimized and sized photos cut page weight by 40% to 70% on a typical WordPress site.

Alt text lets screen readers describe a photo to visually impaired visitors, and the same words help search engines understand what it shows, so better image SEO and better accessibility come from one fix. Visuals also open a second entry point through Google Lens and Google Image search, where visual queries run to billions a month according to Google.

Choose Original Photos Over Stock Photography

Stock photography won’t get a page penalized, but it rarely earns search traffic either. When dozens of sites publish the same file, Google groups the copies as duplicates and usually shows only one of them, so your copy competes with every other site using it.

An original image taken with a smartphone or DSLR carries more weight, because it’s unique to your domain. Can’t shoot originals for every post? Use images you make yourself, such as screenshots and diagrams, alongside any stock image you keep. A high-quality image made for the page is the one most likely to rank, because nobody else has it.

Pick the Right Image Format: JPEG, PNG, WebP, AVIF or SVG

The format sets the floor for file size before any compression happens. Here are the best practices for the five main web formats:

WebP, a format created by Google, produces much smaller files for photos at similar quality, and every current browser supports it. WordPress has accepted WebP uploads since version 5.8 and AVIF since 6.5, provided the server’s graphics library supports them. SVG is the exception: core WordPress blocks SVG uploads for security reasons, so you need a plugin that sanitizes the file first. GIF should be kept for simple animations. To choose, save one photo as JPEG at 70% quality and as WebP, then compare the image file sizes before committing to one image format across your WordPress website.

Resize and Compress Before Uploading to WordPress

Never upload a raw camera file straight from your phone or DSLR. A 4000 x 3000 pixel photo from a modern smartphone weighs 3 to 8 MB. Your theme likely displays it at 800 pixels wide or less, so the browser downloads megabytes it will never render. Resize images and compress them first:

1. Check your theme’s content width. Most themes use a content area between 600 and 1200 pixels. Match your upload dimensions to that width.
2. Ignore the DPI setting. What most export dialogs don’t tell you is that browsers ignore the DPI value entirely. A 1200 pixel wide file weighs the same at 72 DPI or 300 DPI; only the pixel dimensions and the compression level change the bytes.
3. Use a tool like Adobe Photoshop’s “Save for Web” function, the free GIMP editor, or online services like Image Resizer to compress images without visible quality loss.
4. Target file sizes under 300 KB for in-content visuals. Full-width hero banners can go up to 1 MB, but smaller is always better for page loading speed.

What WordPress Does With Every Upload

Resizing the image before uploading matters because WordPress generates several copies of every file you add to the media library: thumbnail (150 pixels), medium (300), medium_large (768) and large (1024), plus 1536 and 2048 pixel versions for big uploads. Since version 5.3, any upload wider or taller than 2560 pixels is also scaled down automatically, with the original kept on the server. The generated JPEG copies get default image compression at quality 82, but your original is left alone, so a bloated source still gets served wherever a theme asks for the full size.

Write Alt Text That Helps Search Engines Understand the Photo

Alt text is the alt attribute on an HTML <img> tag, a short written description of the image. It’s the strongest on-page signal for visual search engine optimization, and it tells Google, Bing and screen readers what a photo depicts. Follow these rules when you add alt text:

• Describe the visual accurately in plain language. “Red running shoes on a white background” beats “shoes.”
• Include a relevant keyword naturally, but don’t stuff. One keyword phrase per alt attribute is plenty.
• Keep it to roughly 125 characters. That’s a long-standing accessibility guideline, because some screen readers handle very long descriptions poorly.
• Skip filler like “photo of” or “picture of.” Screen readers already announce the element type.
• Leave the attribute empty for purely decorative graphics such as dividers, so screen readers skip them.

Captions are worth writing too. Google’s own image SEO best practices say it reads the text around a visual, including captions, to learn the context of the image. On a large site, EWWW Image Optimizer can flag uploads that are missing alt attributes so you can fix them in bulk.

The reason media library fixes often never reach live posts is that the block editor stores the alt attribute inside each post’s content at the moment the file is inserted. Editing the library entry later changes future insertions, not the copies already published, so old posts have to be fixed in the post itself.

Name Files Before They Reach the Media Library

Most cameras save photos with an image file name like “DSC_0042.jpg” or “IMG_2891.png.” Those names tell search engines nothing. Rename every file before uploading it, because the name becomes part of the URL and WordPress won’t change it later without extra software.

A good name uses hyphens between words, includes the target keyword or a close variant, and describes the image. For example, “wordpress-alt-text-editor.jpg” is far more useful than “screenshot1.jpg.” Google lists the file name among the clues it uses, so a descriptive one helps you appear in image search results. Batch renaming is built into Windows File Explorer and macOS Finder.

Use the Correct Image Dimensions and Aspect Ratio

Choosing the right image size starts with the layout. Blog posts work best with visuals sized to at least 600 x 337 pixels. For full-width layouts, 1200 x 675 pixels (a 16:9 ratio) is the common standard. A 16:9 or 16:10 widescreen ratio looks natural on modern monitors and doesn’t push body text too far down the page, unlike tall portrait shots.

Width and height attributes on the <img> tag let browsers reserve the right amount of space before the file loads. That prevents layout shift, which Google measures as Cumulative Layout Shift (CLS) in Core Web Vitals. WordPress adds these attributes automatically when you insert from the media library, but files pasted in by URL or hard-coded in a theme often miss them. That’s where the page “jumps” as each visual renders, frustrating visitors and hurting your WordPress performance scores.

Responsive Delivery and Lazy Loading on Mobile

More than 60% of web traffic now comes from mobile devices, and a photo that looks sharp on a desktop computer can slow a page badly on a phone over a cellular connection. A responsive image solves this. WordPress adds a srcset attribute listing every generated size, and the browser picks the best fit for the visitor’s screen.

Lazy loading is the second half. Instead of downloading every file the moment a page opens, it defers off-screen visuals until the visitor scrolls near them. WordPress has added loading="lazy" natively since version 5.5. Since 5.9 it skips that attribute on the first content picture, and since 6.3 it adds fetchpriority="high" to the likely LCP element so the hero loads first. Some themes override this, so view the page source and confirm the attributes appear on your <img> tags.

Both techniques make images load faster on every web page. Knowing how to add features without a plugin also helps keep your site lean.

Install a WordPress Plugin for Automated Compression

Manual optimization works for small sites, but once you have 50 or more uploads in your media library, automation saves hours. Three popular tools handle this:

• EWWW Image Optimizer handles new uploads automatically and can bulk-process your existing library. It also converts files to WebP on the fly.
• Smush offers lossless and lossy optimization with lazy load built in. Lazy loading delays off-screen visuals until the visitor scrolls to them, cutting initial page loading time.
• Imagify provides aggressive reduction levels and WebP conversion, with a before-and-after comparison tool so you can check image quality before committing.

All three compress each new image automatically, while files already on your server wait for a bulk run, so start one right after setup. Pick one tool; running two compressors on the same library wastes server time and can degrade quality.

Get Your Visuals Into the Image Sitemap

An image sitemap is a list of media URLs attached to the page entries in your XML sitemap, and it helps Google discover files it might otherwise miss. Most SEO plugins (Yoast, RankMath, SEOPress) generate XML sitemaps automatically, and Yoast adds the pictures found in each post’s content to that post’s entry. When we checked this site’s own Yoast post sitemap in October 2026, the post URLs already carried image:loc entries.

RankMath and SEOPress control this through their own SEO settings, so open the sitemap in a browser and look for image:loc lines rather than trusting a toggle. Since 2022, Google reads only the location from image sitemaps. The old caption, title and license tags are ignored, so don’t spend time filling them in.

A photo can appear in image search results only after it’s indexed, and files Google can’t find through the page or the sitemap may take weeks to surface. If a new post doesn’t show up right away, the delay sometimes sits in caching rather than in Google, which is covered in how long it takes WordPress to publish a post. You can also schedule blog posts with fresh visuals to keep your sitemap updated on a regular cadence.

Structured Data for Visual Content: What Still Helps in 2026

Structured data is code (usually JSON-LD) that describes a page’s content to search engines in a fixed vocabulary, and for visuals it does less than older guides claim. Google stopped showing HowTo rich results in 2023 and has since wound down FAQ rich results. What still counts is Article schema with an image property, which WordPress SEO plugins such as Yoast generate from the featured photo, and Google also reads IPTC metadata embedded in the file, including creator and copyright details. HowTo and FAQPage remain valid types that Bing and AI assistants parse, so a visible process like the checklist below can still carry HowTo JSON-LD, as long as every step matches what readers see.

How to SEO Images in WordPress: The Upload Checklist

Run this six-step process every time you add a visual to a WordPress post or page:

1. Rename the file with a descriptive, hyphenated slug that includes the target keyword.
2. Resize to match the theme’s content width (usually 800 to 1200 pixels).
3. Save as WebP at 75% quality (or JPEG at 70% if WebP isn’t supported by your setup).
4. Confirm the file is under 300 KB.
5. Upload to WordPress and add descriptive alt text with a natural keyword variant.
6. Verify lazy loading is active on the published page.

That workflow covers file naming, compression, alt attributes and delivery, and it takes less than 2 minutes per file.

How to SEO Images in WordPress Posts You Already Published

Older posts need a different pass, because their files already sit in the media library and inside saved post content. Start with the pages that get the most search traffic: run the compression tool’s bulk option, then open each post and add alt text on the image block itself. Swapping a heavy file for a renamed, resized copy is worth it on your top pages only. If you keep a blog schedule, add a media audit to it once a quarter so problems never pile up.

Start with your next upload: rename it, resize it, compress it and write its description before it touches the media library. Then pick your five most visited posts and give them the older-post pass. Once both habits stick, knowing how to SEO images in WordPress turns into a two-minute routine rather than a project. Check page speed and image search clicks in Search Console after 30 days to measure the difference.

Frequently Asked Questions About Image SEO in WordPress

Is JPEG or PNG better for SEO?

JPEG produces smaller files and works best for photographs, making it the better choice for page speed. PNG preserves transparency and sharp edges, so it’s ideal for screenshots, logos and graphics with text overlays. For the best balance of quality and file size, convert to WebP, which outperforms both formats by 25% to 35% on average weight.

How do search engines “see” photos on a WordPress site?

Web crawlers read the file name, alt attribute, surrounding paragraph text, caption and any structured data markup. Google can also analyze the pixels themselves, but it still leans on that text to decide which searches a photo matches. That’s why descriptive file names and accurate descriptions are essential for ranking in search results.

Do I need a plugin to optimize image uploads in WordPress?

Not strictly. You can resize files manually before uploading using a tool like Photoshop, GIMP or free online services. A WordPress plugin automates the process and catches any oversized uploads you might miss, so it’s recommended for sites with more than a handful of posts.

How many visuals should I include per blog post?

There’s no universal rule, but placing at least one relevant visual above the fold and one every 300 to 400 words of body text is a solid baseline. Each one should add genuine value (illustration, diagram, chart or example screenshot), not just decoration.

Does lazy loading hurt SEO?

No. Google supports native lazy loading, and it reduces initial page load time, which improves Core Web Vitals scores. WordPress already skips it on the first content picture, but check that your theme doesn’t add it back to the above-the-fold hero visual.

Can I use AI-generated images for SEO?

Yes. Google doesn’t rank a visual lower for being AI-generated, and the same rules on file names, alt text, size and relevance apply. Keep any embedded IPTC metadata that labels the file as AI-generated, and never use a generated picture to misrepresent a real product, person or place.