Photo & Logo Preparation

Professional guidance on image formats, sizing, and photography best practices for stunning websites

Guides Menu →
Guides Home Contact
Planning & Costs ›
Does a Business Need a Website? How Much Does a Website Cost? How to Choose a Domain Name Web Designer vs Web Developer What Does a Graphic Designer Do? Custom Websites vs. Website Platforms Publishing Platforms vs CMS vs. Website Builders
Building Your Site ›
What Should a Website Include? What Makes a Good Homepage? How to Write an About Us Page Writing for Websites Photos & Logos Optimising Media Website Legal Pages
Hosting & Technical ›
What Is SSL & HTTPS? How to Choose a Hosting Plan What Is Web Hosting? Website Backups Explained Website & Hosting Maintenance What to Do When Your Website Goes Down Why Does My Website Look Different on Different Devices? How Often Should a Website Be Renewed? Why Sending Emails Is Harder Than It Looks: SMTP Explained
Getting Found Online ›
What Is SEO? Is It Enough Just to Have a Website? Get More Customers From a Website Does a Website Need a Blog? Website Traffic & Statistics Why Has My Website Disappeared from Google? How To Check A Site Has Been Indexed
Technology & Other ›
Why You Should Not Use AI to Build Your Website Are Facebook AI Website Ads Accurate, or Just a Scam? Why AI Search Tools Can't Find Your Small Business We Put ChatGPT to the Test. It Couldn't Find Us. Is a Mobile App Necessary? Professional Email Addresses Cookie Banners Explained Why We Don't Post a Client Portfolio & How That Protects You

Why Use a Professional Photographer

Professional photographer taking photos for website use

Poor quality photos can completely undermine even the most beautifully designed website. Investing in a professional photographer is one of the smartest decisions you can make for your online presence.

Professional photographers bring the right equipment, expertise in set design, understanding of resolution and sizing, mastery of lighting techniques, and knowledge of composition. They'll also handle all necessary editing to ensure your images are web-ready and visually compelling.

If you have any questions or concerns, we're always happy to discuss image requirements directly with your chosen photographer to ensure the best possible results.

Why Photo Size Matters

Modern cameras produce enormous image files — both in dimensions (pixels) and file size (megabytes). While these high-resolution files are perfect for print, they're far too large for web use.

Uploading oversized photos directly to your website will dramatically slow down page loading speeds. This is problematic for two critical reasons:

Good News: We always ensure all your images are fully optimised for web use before final publication, balancing quality with performance.

Photo & Logo Formats

Popular Image Formats for Web Use

JPEG & JPG

Joint Photographic Experts Group
Best for: Photographs and complex images with many colours

SVG

Scalable Vector Graphics
Best for: Logos, icons, and illustrations that need to scale perfectly

PNG

Portable Network Graphics
Best for: Logos and illustrations with transparency. Avoid using for photographs.

GIF

Graphics Interchange Format
Best for: Simple animations and small animated graphics

Best Practices

Product Photos: Shoot products on plain backgrounds, preferably white. We can remove backgrounds and replace them with subtle gradients if desired, helping your products stand out beautifully.

Logos — SVG Format: SVG is the gold standard for logos because it's infinitely scalable without quality loss. Create logos with transparent backgrounds to reduce file size. They must be properly exported from professional graphics software — avoid online SVG converters as they don't produce optimal results.

Logos — PNG Alternative: If SVG isn't available, PNG format with transparent backgrounds is the next best option.

SVG vs. PNG — Visual Comparison

Understanding the difference between SVG and PNG becomes critical when users zoom or pan on touch-screen devices like smartphones and tablets.

The Problem with PNG: When PNG images are made too small and then zoomed, they become pixelated and blurry — especially noticeable on high-resolution displays.

The SVG Advantage: SVG images scale up perfectly with zero pixelation, maintaining crisp edges at any size.

PNG Format Demonstration

PNG: Original Size (250 pixels)

This is the original size the graphic was created at. No pixelation visible.

PNG image at original size of 250 pixels

PNG: Stretched to 700 pixels

Pixelation occurs, rendering the image blurry and unprofessional. If viewing on a phone, pinch to zoom and see the quality degradation.

PNG image stretched to 700 pixels showing pixelation

SVG Format Demonstration

SVG: Original Size (250 pixels)

This is the original size the graphic was created at. No pixelation visible.

SVG image at original size of 250 pixels

SVG: Stretched to 700 pixels

Perfect clarity maintained! No pixelation at any size. If viewing on a phone, pinch to zoom and see the crisp, sharp edges.

SVG image stretched to 700 pixels with no quality loss

DIY Photography Tips

For Budget-Conscious Projects

If hiring a professional photographer isn't within your current budget, these tips will help you capture the best possible photos yourself.

Key Principle: Preparation is Everything! A quality camera with the appropriate lens will always produce superior results compared to smartphone cameras.

Essential Photography Techniques