The Image Problem Nobody Talks About
You spent weeks choosing the right typeface. You agonized over your color palette. You learned about visual hierarchy principles and made sure your whitespace wasn't cramped. Then you grabbed a stock photo of a smiling person at a laptop, dropped it in the hero section, and called it done.
That single image choice probably undid half of your design work.
The human brain processes images 60,000 times faster than text, according to research from 3M Corporation and Zabisco. Before visitors read your headline, scan your navigation, or notice your carefully chosen font weights, they've already formed an impression based on what they see. And what most startup websites show them is a photo that appears on hundreds of other sites.
Website image best practices aren't about finding "prettier" photos. They're about choosing imagery that matches your message, supports your credibility, and looks like it belongs on your site rather than a template.
This article breaks down why startup websites default to generic imagery, how different image sources compare in cost and effectiveness, and the specific rules you can follow to fix the problem without hiring a photographer.
Why Generic Stock Photos Kill Your Credibility
Here's a quick test. Go to Google Images and search for "diverse team meeting in office." You'll see the same polished, over-lit photos that fill the hero sections of thousands of startups, agencies, and SaaS landing pages.
Visitors notice this. Maybe not consciously, but Stanford's Web Credibility Research found that 75% of users judge a company's credibility based on its website's visual design. Images are the largest visual element on most pages. When those images feel inauthentic, or worse, when visitors have literally seen them before on a competitor's site, your credibility drops before they read a word of copy.
Generic stock photos signal low investment. They tell visitors you didn't care enough to show something real. That signal directly undermines the trust signals that make visitors believe your site.
The problem isn't that stock photography is inherently bad. Premium stock libraries contain millions of genuinely well-shot images. The problem is selection. Founders pick the first result that vaguely relates to their topic, without evaluating whether the image supports the specific message on the page, matches the tone of the rest of the site, or has already been used by a dozen competitors.
Stock photos have a tell. Overly perfect lighting. Models who look like they've never encountered a real deadline. Ethnic diversity that feels performative rather than natural. Your visitors may not articulate these observations, but they feel them, and that feeling shows up in your bounce rate.
Stock Photos vs. Custom Photography vs. AI Images
The real question most founders are asking is practical: what should I actually use? Here's how the three primary image sources compare across the dimensions that matter for startup websites.
| Dimension | Free/Premium Stock | Custom Photography | AI-Generated Images |
|---|---|---|---|
| Cost | $0 (Unsplash, Pexels) to $50-500/mo (Shutterstock, Getty) | $500-5,000 per shoot | $20-50/mo (Midjourney, DALL-E) |
| Speed | Minutes to find and download | 1-4 weeks (booking, shoot, editing) | Minutes to generate, hours to refine |
| Uniqueness | Low. Same images available to everyone | High. Photos are exclusively yours | Medium. Others can prompt similar results |
| Brand Alignment | Requires careful curation to match your tone | Full control over style, setting, subjects | Moderate control via prompting, but style consistency is hard to maintain |
| Conversion Impact | Baseline. Generic stock can reduce conversions vs. no image | Highest. Authentic imagery lifts conversions by up to 35% or more over stock | Unclear. Limited data, but unique > generic in early testing |
| Legal Risk | Low with proper licensing | None (you own the images) | Unresolved. Copyright ownership of AI outputs is actively contested in multiple jurisdictions |
A few things stand out from this comparison.
Custom photography wins on every metric except cost and speed. If your budget allows it, authentic photos of your real product, team, and workspace will outperform stock in conversion testing every time. The data consistently shows that context-relevant, authentic imagery drives more engagement than polished but generic alternatives, as Nielsen Norman Group's research on photos as web content demonstrates.
AI-generated images are a viable middle ground, with caveats. Tools like Midjourney and DALL-E 3 produce images that often pass casual inspection. For abstract hero illustrations, background textures, or conceptual visuals, they work. For anything involving people, products, or specific environments, they still produce artifacts and inconsistencies that erode trust. And the legal landscape around commercial use of AI-generated imagery is shifting fast. If you use them, document your prompts and monitor the copyright developments.
Free stock isn't free if it costs you conversions. Using Unsplash photos doesn't cost you money, but if your hero image appears on 500 other websites, the credibility cost is real. If you go the stock route, invest time in curation. Dig past the first page of results. Use filters aggressively. Reverse image search your selections to verify they aren't overused.
This is one reason why AI-built websites look generic: they pull from the same stock libraries with zero curation, so every AI-generated site ends up with the same visual vocabulary.
Five Rules of Professional Website Image Best Practices
You don't need a design degree to choose effective images. You need a framework. These five rules are measurable, specific, and designed for founders who are making image decisions without a designer in the room.
Rule 1: Every Image Must Support the Adjacent Text
The most common mistake is decorative imagery. A photo of a mountain range above your pricing section. A stock photo of a handshake next to your feature list. These images take up space without doing work.
The test: Cover the text next to an image. Can someone guess what the section is about from the image alone? If not, the image is decorative, not functional. Replace it with a screenshot, diagram, or photo that directly illustrates the point you're making.
Product screenshots almost always outperform abstract imagery on SaaS sites. Show your dashboard. Show the output your tool produces. Show the before and after. Specificity beats aesthetics.
Rule 2: Direct Gaze Toward Your CTA, Not the Camera
Eye-tracking research consistently shows that visitors follow the gaze direction of people in photographs. A person looking directly at the camera creates a connection with the viewer but pulls attention away from surrounding content. A person looking toward your call-to-action or headline guides the visitor's eye exactly where you want it.
This is a small detail that compounds across your entire above-the-fold 5-second problem. If your hero image features a person, make sure their eye line points toward your primary CTA button or headline, not off-screen or into the camera.
Rule 3: Maintain Consistent Visual Style Across All Pages
One custom team photo on your About page, a flat illustration on your Features page, a stock photo on your Homepage, and an AI-generated abstract on your Pricing page. This mismatch makes your site look assembled from spare parts rather than designed intentionally.
Choose a visual style and stick with it. That means consistent:
- Lighting: All warm, all cool, or all neutral. Not mixed.
- Color grading: Photos should feel like they belong to your brand's color palette. Apply consistent filters or edits.
- Composition: If your hero image uses lots of negative space, your interior page images should follow similar composition principles.
- Subject treatment: All photography, all illustration, or all product screenshots. Mixing media types across pages without a clear system creates visual noise.
Rule 4: High Resolution at Low File Size
Sharp images that load in 300ms beat beautiful images that load in 4 seconds. This isn't just about speed. 67% of consumers rate image quality as "very important" when making purchasing decisions, according to MDG Advertising research. A blurry, compressed image tells visitors you cut corners.
The fix is format selection, not quality reduction:
- Use WebP or AVIF instead of JPEG or PNG. WebP delivers 25-35% smaller files at equivalent visual quality.
- Resize before uploading. A 4000px-wide image displayed at 800px wastes bandwidth. Export at 2x your display size (1600px for an 800px container) for retina screens, no more.
- Target under 200KB for hero images, under 100KB for interior images. Tools like Squoosh or TinyPNG make this trivial.
Rule 5: Alt Text on Every Non-Decorative Image
This is both an accessibility requirement and an SEO advantage. WCAG requires meaningful alt text for all images that convey information. Yet 58.2% of homepages have images with missing alt text, according to the WebAIM Million 2024 report.
Good alt text describes what the image shows and why it matters in context. Not "image1.jpg." Not "photo." Not "banner."
Compare:
- Bad: alt="team photo"
- Good: alt="Three SiteCritic engineers reviewing a website critique dashboard in the Portland office"
For a complete set of image accessibility requirements and other design standards, see our website accessibility checklist.
How to Audit Your Website's Images in 10 Minutes
You can diagnose your biggest image problems right now. Grab a timer and work through this five-step check.
Step 1: Reverse Image Search Your Hero Photo (2 minutes) Right-click your hero image, search Google by image. If it appears on more than 10 other websites, replace it. Your hero section is the single highest-impact visual on your site. It cannot be shared with your competitors.
Step 2: Check Image-Text Alignment (3 minutes) Open each page of your site. For every image, ask: "Does this photo directly support the text next to it?" Mark any image where the answer is "sort of" or "not really." Those are your priority replacements.
Step 3: Verify Alt Text Coverage (2 minutes)
Open your browser's developer tools (right-click, Inspect). Search the HTML for <img tags. Check each one for an alt attribute with a meaningful description. Count the failures. If more than 20% of your images lack proper alt text, you have an accessibility problem that's also hurting your search visibility.
Step 4: Assess Visual Consistency (2 minutes) Open your homepage, a feature page, your about page, and your pricing page side by side (or in separate tabs). Do the images look like they belong to the same brand? Same lighting temperature? Same style (photo vs. illustration vs. screenshot)? If you notice a jarring shift between pages, flag it.
Step 5: Test Load Performance (1 minute) Run your homepage through Google's PageSpeed Insights. Look for the "Properly size images" and "Serve images in next-gen formats" recommendations. If either appears, you're sending visitors oversized files that hurt both experience and your Core Web Vitals scores.
This self-audit gives you a clear picture of where your imagery falls short. For a more comprehensive evaluation that scores your images alongside typography, color, hierarchy, and other design dimensions, run your URL through SiteCritic and get a full scored critique in under a minute.
When to Invest in Custom Photography
Not every startup needs a professional photoshoot on day one. The right image strategy depends on your stage and what you're optimizing for.
Pre-revenue or MVP stage: Use curated stock photography and product screenshots. Spend 30 minutes selecting images that match a single visual style, rather than 3 minutes grabbing the first result. AI-generated images work for abstract or decorative purposes at this stage. Your budget is better spent on product development.
Post-product-market-fit: Invest in custom hero imagery first. One focused shoot of your actual product, workspace, or team gives you 10-20 images you can use across your homepage, about page, and social channels. Cost: $500-1,500 for a half-day shoot with a local photographer. The conversion lift from authentic imagery at this stage typically pays for itself within a few weeks.
Scaling stage: Build a brand photography system. Style guide for image treatment (lighting, color grade, composition). Quarterly shoots to keep content fresh. Custom illustrations or iconography for feature pages. At this point, imagery is a competitive moat. Companies like Linear, Stripe, and Vercel invest heavily in distinctive visual systems, and it shows in how their landing pages outperform template-based competitors.
The decision isn't really "should I use good images?" It's "what's the highest-impact image investment I can make at my current stage?" Answer that question honestly, and you'll avoid both the trap of generic stock and the trap of overspending before it matters.
Your Images Are Your First Impression
Visitors form opinions about your site in milliseconds, and imagery dominates that first impression. Every other design decision you've made (your type scale, your whitespace, your navigation structure) gets filtered through the visual context your images create.
The fix isn't complicated. Audit what you have. Replace the generic stock that appears on 500 other sites. Match every image to its adjacent content. Keep your visual style consistent. Compress properly. Write real alt text.
These aren't design skills. They're selection skills. And they're the difference between a website that looks like a template and one that looks like a company worth trusting.