Practical guides

Plan original photography for a website

Original photographs show a place, people and work as they are. A productive session begins with the needs of the pages, before the choice of camera or backdrop.

Go to the method

Illustration of website project planning: Plan original photography for a website
Illustration

List placements before taking pictures

Review the homepage, service pages, team, case studies, cards and articles. For each placement, note the subject, orientation, crop, space for text and priority. A wide banner cannot automatically replace a portrait or square thumbnail.

Plan genuinely distinct subjects: work in progress, setting, products, team and useful details. Repeating one picture on every page weakens understanding. The image selection guide helps relate each picture to the page’s information.

  • Pages and formats listed.
  • Subject and crop assigned to each slot.
  • Card and mobile variants planned.

Prepare locations and people

Choose representative situations rather than implausible staging. Clear only what distracts, inspect screens, labels and documents in view, and schedule around the light available in the location.

Identify recognisable people, private locations and third-party brands. Agree on intended uses with the photographer and everyone concerned before shooting. Keep a record of permissions, required credits and restrictions for each selected image.

  • Screens and documents checked.
  • Uses and rights clarified.
  • Time reserved for real work scenes.

Select and adapt files

Choose frames for sharpness, authenticity and usefulness. Store full-quality originals away from the public site, then export web versions in appropriate sizes. A modern format and responsive variants avoid serving a large desktop image to every phone.

Name files after their actual subject, write alternative text that conveys useful information and add a caption when context matters. Google Images guidance emphasises page context, filenames and alternative text; rights metadata can complement them but cannot replace them.

  • Originals stored separately.
  • Exports sized for devices.
  • Filename, alternative and caption descriptive.

Check the published result

Place images in the actual templates and inspect crops on phone, tablet and desktop. A banner’s important subject must remain visible behind headings and responsive cropping. A card should look distinct from its neighbours.

Test loading speed, missing files and the layout without an image. Maintain an inventory linking each file to its page, rights and review date. The performance guide covers useful checks after publication.

  • Crops checked at several widths.
  • Weight and loading verified.
  • Rights and placements recorded.

Reference documents

Content updated on October 7, 2026

Acceptance matrix to adapt to your project

These proposed checks use synthetic cases. Decide the required behaviour with the team, record the result and assign unresolved gaps before release.

Scroll the table horizontally to read every column. With a keyboard, focus the table area and use the arrow keys.

Test cases, expected outcomes and useful evidence
CaseExpected outcomeEvidence to retain
The mobile crop removes the essential subject.Prepare a suitable variant and check it in the actual card.Record URL, steps, result and dated evidence.

Frequently asked questions

How can attractive but unusable photos be avoided?

Prepare placement and crops for each page. Test orientation, mobile crops, text space and detail at small sizes. Verify rights and credits before publication. Label illustrative scenes when they do not show the actual team or work.