The single biggest indicator of a DIY website isn't the template you've chosen or the colours you've picked—it's the low-quality or obviously fake stock photos scattered across your pages. You know the ones: the impossibly perfect office with models pretending to work, the handshake that screams "generic business," the laughing-at-salad woman who appears on 10,000 other websites.
Real photos build trust instantly. When visitors see an actual human behind the business, a genuine workspace, or real products in use, they instinctively believe you're legitimate. The problem? Most micro-business owners think "professional photography" means hiring an expensive photographer or owning fancy equipment.
Here's the truth: You don't need glossy magazine quality. You need the "Good Enough" standard—well-lit, in focus, and relevant. Your smartphone camera is already capable of producing website-ready images that will dramatically outperform stock photos. The difference between amateur-looking and professional-looking photos isn't the camera. It's knowing five simple techniques.
This guide will walk you through capturing and optimizing 10-15 foundational images that will transform how your website looks and how visitors perceive your business. We're not aiming for perfection. We're aiming for authenticity, clarity, and trust.
What You'll Have When Done:
Your 5 most crucial website images ready for upload.
Time Needed: 45 minutes
Difficulty: Beginner
Prerequisites:
A smartphone/camera, and a clear idea of your homepage content layout.
Jump to: Quick Start | Complete Guide | Troubleshooting
---
Before You Start:
1. Designate Your 'Shooting Zone' and Maximise Natural Light
Find a spot near a large window where natural light floods in. This is your shooting zone. Avoid overhead lights or lamps—they create harsh shadows and yellow/orange colour casts. Natural light is soft, flattering, and makes everything look more professional. Shoot during daylight hours, ideally mid-morning or mid-afternoon when the light is bright but not harsh.
2. Capture Your Key Assets
Take these three critical shots first:
3. Use Your Phone's Built-In Grid (Rule of Thirds)
Enable the grid in your camera settings (usually under Settings > Camera > Grid). This overlays nine rectangles on your screen. Place your subject where the lines intersect—not dead centre. This instantly makes photos more engaging and professional-looking.
4. Crop and Adjust Exposure Slightly
Open each photo in your phone's built-in editor. Crop out distracting elements and straighten the horizon if needed. Adjust the brightness slider slightly if the image looks too dark. Do not use heavy filters, vintage effects, or saturation boosts—they scream "amateur" and make your site look inconsistent.
5. Run Final Images Through a Compression Tool
Visit TinyPNG.com or a similar free tool. Drag your 5 final images into the browser. Download the compressed versions. These will be 50-70% smaller in file size but look identical to the human eye. Save them with specific filenames like `about-page-headshot.jpg` or `homepage-hero-workspace.jpg`.
You've Succeeded When:
Not sure you've covered the prerequisites, or worried your existing site is already slow? NetNav's audit checks image file sizes and optimisation scores on your current site in 60 seconds.
✅ Completed the quick version? You have 5 high-quality images ready. Move on to Trust Signals That Make You Look Professional or continue below for the detailed walkthrough of composition and optimisation.
---
Before you start clicking, understand which images deliver the most value. Not all photos are created equal. These 10 shots form the foundation of a trustworthy, professional-looking website:
The Human Element (Priority 1):
The Service/Product Focus (Priority 2):
The Environment (Priority 3):
The Context (Priority 4):
This hierarchy ensures you capture the images that matter most first. If you only have time for five shots, take the first five. For more guidance on where these images fit into your overall site structure, see What Should I Put on My Homepage?
Natural light is non-negotiable. It's the single factor that separates amateur photos from professional-looking ones. Here's why: artificial lighting (overhead bulbs, lamps, flash) creates harsh shadows, unflattering colour casts, and uneven exposure. Natural light from a window is soft, diffused, and flattering.
The Window Technique:
Background Matters:
Your background should be clean and uncluttered. A plain wall, a tidy workspace, or a simple outdoor setting works best. Avoid busy patterns, bright colours, or distracting objects in the frame. If you're shooting specific products, a white poster board or large sheet of paper creates a clean backdrop for under £5.
The Flat Lay Exception:
For product photography or "tools of the trade" shots, shoot from directly above on a clean surface. Place items on a white or neutral background. Use window light from the side to avoid your shadow appearing in the frame.
[MEDIA:PHOTO:good-bad-lighting]
Example of good natural light (soft shadow, near window) vs. harsh overhead or flash lighting.
The Rule of Thirds is the fastest way to make your photos look intentional and professional. Here's how it works:
Imagine your frame divided into nine equal rectangles (three rows, three columns). The four points where these lines intersect are "power points"—the spots where the human eye naturally looks first. Place your subject on or near one of these points instead of dead centre.
Why This Works:
How to Use It:
Example: For a headshot, position your face on the left or right third of the frame, not in the centre. For a product shot, place the product on one side and leave negative space on the other.
[MEDIA:SCREENSHOT:composition-rule-of-thirds]
A visual representation of the rule of thirds grid with the subject placed on one of the intersecting points.
Website speed is hugely impacted by large image files. While you're focusing on the visual quality here, remember the optimisation step is non-negotiable. This is one of the checks NetNav runs automatically across your whole site, flagging any images over 200kb that need shrinking.
Heavy filtering is the enemy of professional-looking websites. Instagram filters, vintage effects, and over-saturated colours make your site look amateurish and inconsistent. Instead, focus on three simple edits:
Crop for Impact:
Adjust Exposure:
Maintain Consistency:
What to Avoid:
For more on maintaining visual consistency across your site, see Design Basics for Non-Designers.
This step is where most people fail. They upload beautiful, high-resolution images directly from their phone—and wonder why their website loads slowly. Large image files drastically impact your website speed, which affects both user experience and search engine rankings.
Understanding File Formats:
The Compression Process:
Target File Sizes:
Quality Check:
Open the compressed image at 100% zoom. If it looks sharp and clear, you're done. If it looks pixelated or blurry, the compression was too aggressive—try again with lower compression settings.
[MEDIA:SCREENSHOT:compression-tool-interface]
Screenshot of a drag-and-drop online compression tool showing "File Size Reduced by X%".
Proper file naming and organisation simplify your website launch and improve your search engine optimisation. Random filenames like `IMG_2847.jpg` tell search engines nothing. Descriptive filenames help.
Naming Convention:
Examples:
Folder Structure:
Create a dedicated folder on your computer called "Website Images" with subfolders:
This system ensures you always know which version to upload and can quickly find images when updating your site.
You've Succeeded When:
🎉 Completed? Your image bank is complete and optimised. You're ready for Trust Signals That Make You Look Professional.
---
Common Problems and Fixes:
Problem: My photos look dark and yellow/blue.
Fix: Always shoot with natural light near a window. Avoid overhead lights or lamps. If the colour looks off, adjust the white balance in your phone's camera settings (look for the WB icon) or slightly adjust the temperature slider in editing. Aim for neutral, natural-looking colours.
Problem: The photos are sharp on my phone but blurry/slow on the website.
Fix: You missed the optimisation step. Large file sizes force browsers to resize images on the fly, which can cause quality loss and slow loading. Run your final image files through an online compressor before uploading to your site. This maintains quality while dramatically reducing file size.
Problem: I can't get the whole product/scene in the frame.
Fix: Step back and use negative space. You don't need to fill the entire frame with your subject. Take three different crops: a wide shot showing context, a mid-range shot focusing on the subject, and a close-up detail shot. Use the wide shot for context and the close-up for impact. If you're still struggling, you may be too close—physically move back 1-2 metres.
---
You've replaced generic stock photos with authentic, professional-looking images. This single change puts you ahead of 70% of micro-business websites. But images are just one element of a trustworthy website.
Next, you need to integrate the trust signals that make visitors feel confident enough to contact you or make a purchase. These include customer reviews, guarantees, security badges, and professional legal links.
Continue to: Trust Signals That Make You Look Professional
Want to refine your visual strategy further?
---
---
You've completed a crucial step: replacing cheap stock images with authentic, high-quality visuals. Now that your photo assets are ready, see how the rest of your website holds up.
NetNav can audit your entire site across 9 pillars in 60 seconds—check your speed, accessibility, and trust signals before launching your new visuals. Get your personalised report and discover what else might be holding your website back.
Run Your Free Website Audit Now →
Previous in sequence
Next in sequence
Other Start Here Guides:
Not sure where to start? Get a free audit of your current online presence and discover your biggest opportunities.
Run Your Free NetNav Audit Now →