The Gap Between “Good Photos” and “Website-Ready Photos”
Perth businesses invest in professional photography — and they should. But there’s a disconnect that costs them performance, SEO rankings, and conversions: the raw files from a photoshoot are almost never website-ready.
A typical professional photo delivered at full resolution is 5,000–8,000 pixels wide, 8–25MB, and in Adobe RGB colour space. Upload that directly to your website and three things happen: the page takes 6+ seconds to load, mobile visitors abandon before they see it, and Google penalises you for poor Core Web Vitals.
Website-ready photography bridges the gap between “beautiful image” and “image that performs on the web.”
What “Website-Ready” Actually Means
File Format
The format you serve images in has a dramatic impact on load speed and file size:
- WebP: The current standard. 25–35% smaller than JPEG at identical visual quality. Supported by all modern browsers (Chrome, Firefox, Safari, Edge). This is what your website should serve.
- JPEG: Still the reliable fallback. Use at 80–85% quality for the best compression-to-quality balance.
- PNG: Only for images requiring transparency (logos, icons overlaid on backgrounds). Far larger file sizes than JPEG/WebP for photograph-type images.
- AVIF: Next-generation format with even better compression than WebP. Browser support is growing but not universal yet.
We explore this in depth: How Image Compression Impacts SEO — Why Photographers Get It Wrong
Resolution and Dimensions
More pixels ≠ better for web. The right resolution depends on where the image appears:
- Hero/banner images: 1920×1080px (standard) or 2560×1440px (retina). Never wider than 3840px.
- Content images (in-page): 800–1200px wide. This covers most blog layouts and service page sections.
- Product grid thumbnails: 600×600px for standard, 1200×1200px for retina.
- Team/about page portraits: 800×1000px portrait orientation, or 600×600px if used in a grid.
- Gallery/portfolio: 1200–1600px on the longest side.
File Size Targets
This is where most businesses go wrong. The actual file size — measured in kilobytes — matters more than pixel dimensions:
- Hero images: Under 200KB. Ideally 100–150KB.
- Content images: Under 100KB.
- Product thumbnails: Under 50KB.
- Portfolio images: Under 150KB.
- Total page image weight: Under 1MB for all images combined on a single page.
Achieving these targets with sharp, colour-accurate images requires proper compression tooling — not just “Save As JPEG.”
Colour Space
A detail that’s invisible until it’s wrong:
- sRGB: The standard for web. All browsers interpret sRGB consistently.
- Adobe RGB: Wider colour gamut, used in print. On web, Adobe RGB images can appear desaturated or have unexpected colour shifts.
- ProPhoto RGB: Even wider gamut. Never use on web — colours render unpredictably.
Always request sRGB exports from your photographer for web use. If they deliver in Adobe RGB, convert before uploading.
Types of Photography Your Website Needs
Hero Images
The large, screen-spanning images at the top of key pages. These set the mood and first impression:
- Orientation: Landscape (16:9 or wider). Must work as a background for text overlays.
- Composition: Leave space for headlines and CTAs — avoid centring the subject if text will overlay.
- Mood: High-impact, brand-aligned. This is your digital shopfront.
- Technical: Preload for fastest possible rendering. Serve as WebP with JPEG fallback.
About Page Photography
Team portraits, workspace images, and behind-the-scenes shots that build trust:
- Authenticity matters: Real team photos outperform stock imagery by a wide margin in building trust.
- Consistency: All team portraits should have the same lighting, background, and editing style.
- Workspace shots: Show your actual workspace — customers want to see where their products are made or where their food is prepared.
Product and Service Images
Visual representations of what you sell or provide:
- Product pages: Multiple angles, detail shots, lifestyle context. See our ecommerce photography guide for full specifications.
- Service pages: Show the service in action — a photographer shooting, a designer at work, food being styled.
- Testimonial sections: Client portraits or project photos paired with quotes add credibility.
Blog and Content Images
Featured images for articles, how-to illustrations, and supporting visuals:
- Featured images: 1200×630px (matches Open Graph standards for social sharing).
- In-content images: 800–1200px wide, with descriptive alt text.
- Infographics and diagrams: SVG format where possible for crisp rendering at any scale.
How to Brief Your Photographer for Web Use
The most common waste of photography budget: businesses book a shoot without briefing the photographer on how the images will be used. The photographer delivers stunning images that don’t fit the website layout.
What to Share Before the Shoot
- Website wireframes or mockups: Show exactly where each image will sit on the page. The photographer needs to know whether they’re shooting for a landscape hero, a portrait sidebar, or a square grid.
- Text overlay requirements: If headlines or buttons will overlay the image, mark the areas that need to be clear of key detail (negative space for text).
- Brand style guide: Colour palette, mood references, and visual tone. The photography should feel cohesive with your website design.
- Mood board: Reference images from other sites that capture the feel you want. Three to five examples are usually enough.
- Shot list by page: Homepage hero, about page team shots, service page action shots, product grid images. Map every image placement to a specific shot.
Delivery Specifications to Request
Ask your photographer to deliver:
- Master files: Full-resolution in Adobe RGB or sRGB (for your archive and future use)
- Web exports: WebP and JPEG at specified dimensions, under target file sizes, in sRGB
- Social media exports: Square crops for Instagram, 16:9 for Facebook/LinkedIn covers
- Named and organised: File names that describe the content (not DSC_0847)
The Core Web Vitals Connection
Google uses Core Web Vitals as a ranking signal. Images are the #1 cause of poor web performance for most business websites:
LCP (Largest Contentful Paint)
Your hero image is usually the largest element that triggers LCP measurement. If it’s a 3MB JPEG, your LCP will be terrible. Target: under 2.5 seconds. A properly optimised WebP hero image loads in under 800ms.
CLS (Cumulative Layout Shift)
Images without explicit width and height attributes cause layout shift as they load — the page jumps around, frustrating users. Every image on your site should have width and height specified in the HTML, or use CSS aspect-ratio to reserve space.
Overall Page Weight
A page with ten unoptimised photos can easily weigh 15–30MB. The same page with properly formatted, compressed images weighs under 1MB. The difference in user experience — and Google ranking — is dramatic.
Perth-Specific Considerations
Natural Light Advantage
Perth’s natural light is exceptional for commercial photography. The consistent sunshine and golden hour quality produce warm, inviting images that feel authentically Western Australian. If your photographer uses natural light well, your website imagery will have a distinctive warmth that stock photography can never replicate.
Location Shoots
Perth businesses often benefit from location-specific photography — your Fremantle workshop, your Leederville cafe, your Subiaco retail space. These images ground your brand in a real place, which builds local trust and supports local SEO when combined with alt text mentioning the suburb.
Seasonal Photography
Perth’s seasons look different from the east coast. Our summer light is harsher, our autumn is greener, and our winter blue skies are unique. Plan your website photography around the season that best represents your brand — and update hero images at least annually to prevent them looking dated.
The Bundle Opportunity: Photography + Web Design
The most effective approach we see with Perth clients is combining photography and web design into a single project. When the photographer and web designer collaborate from the start:
- Images are shot to fit the actual layout — no cropping compromises
- Hero images have the right negative space for headlines
- Team portraits are composed for the grid they’ll appear in
- Product images match the design system’s aspect ratios
- File delivery is optimised for the specific CMS and hosting setup
The result is a website that looks intentionally designed, not assembled from mismatched parts.
Get Website-Ready Photography for Your Perth Business
Whether you’re building a new website or upgrading an existing one, getting the photography right from the start saves you from the catch-22of a beautiful design with subpar images — or beautiful images that tank your page speed.
Book a free consultation and we’ll review your website’s current imagery, identify what you need, and plan a photography session that delivers files exactly as your website needs them.
See our web design services and product photography packages — or learn about building a visual identity for your business.