Image SEO: Alt Tags, Filenames, and Compression That Actually Matter

Look, image SEO isn't rocket science. But you'd be shocked how many websites still upload images named "IMG_4523.jpg" with zero alt text and wonder why their blog posts don't rank.

Here's the thing: search engines are smart, but they're not magic. Google can't actually "see" your product photos or screenshots. It relies on clues — alt tags, filenames, surrounding text, and how fast your images load. Get these right, and you're already ahead of 70% of your competition.

Why Image SEO Still Matters in 2026

Google Images drives a surprising amount of traffic. People search visually — for products, tutorials, inspiration. If your images are optimized, you can capture that traffic without writing another blog post.

And it's not just about rankings. Proper image optimization affects:

• Page speed — heavy images slow down your site, which hurts SEO across the board
• Accessibility — screen readers need alt tags to describe images to visually impaired users
• User experience — fast-loading, relevant images keep people on your page longer
• Mobile performance — unoptimized images wreck mobile load times, and Google prioritizes mobile-first indexing

So yeah, it matters. Let's break down the three pillars: alt tags, filenames, and compression.

Alt Tags: What They Are and How to Write Them

An alt tag (technically "alt attribute") is the text that appears when an image fails to load. More importantly, it's what search engines and screen readers use to understand what the image shows.

Bad alt tag example:

alt="image"

Good alt tag example:

alt="woman wearing blue running shoes on forest trail"

The good version is descriptive, specific, and natural. It doesn't stuff keywords ("buy running shoes cheap best running shoes online"), and it doesn't state the obvious ("image of...").

Here's my rule of thumb: if you closed your eyes and someone read the alt tag aloud, could you picture the image? If yes, it's good.

When to Leave Alt Tags Empty

Not every image needs descriptive alt text. Decorative images — borders, spacers, design flourishes — should have empty alt tags:

alt=""

This tells screen readers "skip this, it's not important." Don't omit the alt attribute entirely, though — that can trigger accessibility warnings and confuse search engines.

Image Filenames: The Underrated SEO Signal

Most people upload images straight from their camera or screenshot folder. Result? Filenames like:

• IMG_7829.jpg
• Screenshot 2026-03-14 at 10.23.45.png
• Untitled-1-final-FINAL-v2.jpg

These filenames tell Google absolutely nothing. And yes, Google reads filenames. It's one of the signals the algorithm uses to understand image content.

Better approach:

• red-leather-handbag-closeup.jpg
• dashboard-analytics-screenshot.png
• chocolate-chip-cookies-recipe.jpg

Rules for good filenames:

• Use hyphens, not underscores (Google treats hyphens as spaces)
• Keep it short but descriptive (3-5 words is ideal)
• Use lowercase (avoids case-sensitivity issues on some servers)
• Include your target keyword if it fits naturally
• Skip special characters and spaces

And rename before you upload. Renaming after the fact doesn't help — the original filename is baked into your CMS and potentially indexed by Google.

Image Compression: Speed Without Sacrificing Quality

Here's the reality: most people upload images that are way too big. A 4 MB hero image might look crisp, but it'll murder your page speed. And Google penalizes slow-loading pages.

So how do you compress without making your images look like pixelated garbage?

1. Choose the right format

Different image types have different ideal formats:

• JPEG — photos, complex images with gradients
• PNG — logos, icons, images with transparency
• WebP — modern format, smaller file sizes, works for both photos and graphics (but check browser support)
• AVIF — even newer, even smaller, but limited browser support as of 2026

If you're uploading photos for a blog post, JPEG or WebP is your best bet. For logos and UI elements, PNG or SVG (if it's vector-based). You can compress images online before uploading to strike the right balance.

2. Resize before compressing

Don't upload a 4000×3000 pixel image if it's only displayed at 800×600 on your site. Resize to the maximum display size first, then compress.

Most blogs don't need images wider than 1200-1600 pixels. Product photos can be smaller. Thumbnails should be tiny — 300-400 pixels wide, max.

3. Use quality settings wisely

For JPEGs, a quality setting of 80-85% is the sweet spot. You'll cut file size by 50-70% with virtually no visible quality loss. Going below 70% starts to introduce noticeable artifacts.

For PNGs, use a tool that optimizes the color palette without changing the visual appearance. Tools like TinyPNG (or converting to WebP) can shrink PNGs by 60-80% without any quality loss.

4. Automate where possible

If you're uploading dozens of images, manually compressing each one gets tedious. Many CMSs have plugins that auto-compress on upload. Or use batch tools locally before uploading. The key is making compression part of your workflow, not an afterthought.

Putting It All Together: A Real Example

Let's say you run an online store selling handmade candles. You take a product photo with your phone. Here's the wrong way to upload it:

• Filename: IMG_9847.jpg
• Alt tag: (empty)
• File size: 3.2 MB
• Dimensions: 4032×3024 pixels

Here's the right way:

• Filename: lavender-soy-candle-glass-jar.jpg
• Alt tag: "lavender-scented soy candle in clear glass jar with wooden wick"
• File size: 120 KB (compressed)
• Dimensions: 1200×900 pixels (resized for web)

The second version loads 25× faster, ranks better in Google Images, and works perfectly for screen readers. Same photo, way better results.

Common Mistakes to Avoid

Before we wrap up, here are the image SEO sins I see constantly:

Keyword stuffing in alt tags

Don't do this: "buy red shoes cheap red running shoes best red shoes online store"

Google isn't stupid. It'll penalize you for it.

Using the same alt tag for multiple images

Each image should have a unique, descriptive alt tag. Copy-pasting the same text across 20 product photos helps no one.

Uploading images in the wrong format

A screenshot saved as JPEG instead of PNG. A logo saved as JPEG with a white background instead of PNG with transparency. Format matters.

Ignoring mobile

Most traffic is mobile now. Test your images on a phone. If they take 5 seconds to load, you've got a problem.

Not using lazy loading

For pages with lots of images (portfolios, product galleries), lazy loading is essential. It delays loading images until they're about to enter the viewport, speeding up initial page load. Most modern CMSs support this natively.

Tools That Actually Help

You don't need fancy software to optimize images. Here are some practical tools:

• For compression: TinyPNG, Squoosh, or online image compressors
• For format conversion: WebP converters or local tools like XnConvert
• For bulk renaming: Rename utilities (macOS Finder has this built in, Windows has PowerRename)
• For checking SEO: Google's PageSpeed Insights will flag oversized images and missing alt tags

The goal isn't to use the fanciest tool. It's to build a repeatable process that makes image optimization automatic.

Final Thoughts

Image SEO is one of those things that seems minor until you realize how much traffic you're leaving on the table. A few extra minutes per image — renaming the file, writing a good alt tag, compressing properly — adds up to better rankings, faster load times, and a more accessible site.

And the best part? Unlike writing 2000-word blog posts or building backlinks, image optimization is quick. You can fix an entire site's images in an afternoon. Just make it part of your workflow going forward, and you'll never have to do a massive cleanup again.