How to Name Image Files: A Simple System That Saves Hours

Image file naming sounds like a minor detail. It isn't. Random camera-generated filenames (IMG_4892.jpg, DSC_0031.png, screenshot-2026-04-15.png) cause real problems at scale: you can't find anything, SEO suffers, filenames collide when merging folders, and anyone else trying to work with your files has no context.

A consistent naming system takes thirty seconds to learn and prevents hours of confusion.

The core rules

Use lowercase letters only. Uppercase causes problems across operating systems — a server might treat Product-Photo.jpg and product-photo.jpg as different files, while a local filesystem might not. Lowercase is universally safe.

Use hyphens, not spaces or underscores. Spaces in filenames get encoded as %20 in URLs (my%20product.jpg is ugly and error-prone). Underscores are technically fine but Google treats them as word joiners — red_leather_wallet.jpg is read as one word. Hyphens are word separators in URLs: red-leather-wallet.jpg is read as three separate words, which is better for SEO.

Be descriptive. The filename should describe what's in the image. red-leather-bifold-wallet-front.jpg tells you the subject, key attributes, and view angle. img-001.jpg tells you nothing.

Keep it concise. 3–6 words is the sweet spot. Long enough to be descriptive, short enough to stay readable.

Include key attributes. For products: product name, color, material, variant, view angle. For photos: subject, context, date if relevant.

Naming patterns by context

Product photography:

{product-name}-{color}-{material}-{view}.{ext}

Examples:

• •leather-wallet-brown-front.jpg
• •sneaker-white-size-9-side.webp
• •coffee-mug-black-ceramic-top.png

Blog and editorial images:

{topic}-{descriptor}-{number}.{ext}

Examples:

• •image-compression-comparison-1.webp
• •passport-photo-requirements-diagram.png
• •qr-code-example-restaurant-menu.jpg

Screenshots and UI:

{app-or-page}-{feature}-{date}.{ext}

Examples:

• •google-search-console-sitemap-2026.png
• •instagram-analytics-june.jpg

Logos and brand assets:

{brand}-logo-{color-scheme}-{size}.{ext}

Examples:

• •bgbueno-logo-green-512.png
• •bgbueno-logo-white-horizontal.svg

ID and passport photos:

{person}-passport-photo-{date}.jpg

Examples:

• •juan-delacruz-passport-2026.jpg

Versioning and revisions

When files go through revisions, use a version suffix rather than appending "final", "final2", or "final-FINAL":

product-banner-v1.jpg

product-banner-v2.jpg

product-banner-v3.jpg

Never: product-banner-FINAL-actual.jpg — this always gets outdated.

Batch renaming existing files

If you have hundreds of files with camera-generated names to rename:

Mac: Select files in Finder → right-click → Rename. Choose "Replace Text" to batch swap patterns, or "Add Text" to add a prefix/suffix.

Windows: Select files in Explorer → right-click → Rename. Windows auto-numbers sequentially (file1, file2...) — for more control, use the free tool Bulk Rename Utility.

Command line: rename 's/IMG_/product-photo-/' *.jpg (Linux/Mac with rename utility installed).

Why this matters for SEO

Google reads image filenames as a relevance signal for both web search and image search. red-leather-wallet.jpg contributes to the page ranking for "red leather wallet." IMG_4892.jpg contributes nothing.

For any website publishing images — e-commerce, blogs, portfolios — consistent descriptive filenames are low-effort, high-impact SEO.