The website is built, the text is written, and all that is missing is a picture. What happens next is familiar to almost every business: a smiling team in an open-plan office that does not exist, a fitter in spotless workwear, a consultation at a glass table nobody on the premises has seen. Images like that take ten minutes to source, and it shows. An average home page now carries 66.6 images (WebAIM Million 2026), and for very few of them can you say which business they came from. This article describes the other route: which subjects a business website actually needs, how usable shots come out of the device already in your pocket, and how the files are prepared afterwards so the page does not get slower. The legal question - who owns an image and who may appear in it - is covered in image rights on your website; this piece is about the shot itself and about where it belongs on the page.
Key takeaways
- Stock images rarely provoke objection, but they build no attachment either. A 2010 eyetracking study found that users gave real portrait photos 10 percent (Nielsen Norman Group) more viewing time than the bios next to them, even though those texts took up 316 percent (Nielsen Norman Group) more space.
- Four groups of subjects carry almost any business website: people at work, the finished result, the place and the tools. Everything else is decoration and may be left out.
- A phone from the last few years is enough. The difference comes from daylight at an angle, a tidy background and switching off the built-in flash - not from the pixel count.
- Your own images must not slow the page down: on a typical mobile page the largest image weighs a median of 135 KB (Web Almanac 2024), and the largest visible element should load in under 2.5 seconds (web.dev) in the field.
- Without alternative text an image stays mute for part of your visitors. 45 percent (Web Almanac 2024) of all image elements on the web carry none at all.
Why stock images carry less than you think
A bought image is not wrong. It is interchangeable. The visitor sees a subject they have already seen in this or a similar form on dozens of other sites and draws the only conclusion available: this page tells me nothing about what it looks like here. That is no disaster, but it is a wasted opportunity. Anyone searching online for a trade service, a practice or a shop is looking for clues, and an image is the fastest clue a page can offer. It is seen before the first line is read, and it helps decide whether the second line gets read at all.
How strongly real shots work was demonstrated by the Nielsen Norman Group back in 2010 in an eyetracking study. On a team page, participants spent 10 percent (Nielsen Norman Group) more time on the staff portrait photos than on the biographies beside them, even though those texts took up 316 percent (Nielsen Norman Group) more space. What tipped the balance was not image quality but the fact that these were people who genuinely work at that company. Interchangeable pictures of generic people were passed over in the same study. The figures are old; the pattern is not. An image gets attention when it says something about the matter at hand, and is tuned out when it merely fills space.
There is a second effect that is harder to measure but comes up regularly in client meetings: a business that shows its own photographs has committed itself. It shows its workshop, its vehicle, its people, its condition on a particular day. Having done that, it can hardly claim afterwards to be something else. That commitment is exactly where trust begins - the same mechanism behind trust signals on a website. A symbolic image commits to nothing at all and therefore carries nothing.
What your own image achieves
It answers questions the text does not pose: what does the workshop look like, how old is the fleet, how many people work here, how orderly is it. Visitors draw those conclusions in fractions of a second and mostly unconsciously. A picture from your own premises gives them solid material to work with.
What a symbolic image does
It rarely provokes objection, but it builds no attachment either. It gets awkward when the same subject sits on a regional rival's page, or when the shot visibly does not match the business: a hall with two hundred workstations for a four-person operation. At that point the first impression flips.
Where the difference shows first
On the team and contact pages, in the business profile and on the careers page. That is where visitors look for people and places, not for symbols. On those pages the effort of shooting your own images pays off first, because they lead straight into an enquiry or an application.
Which subjects a business page really needs
The most common blockage is not the technology but the question of what to photograph in the first place. A short list helps, and it can be filled in almost any trade: people at work, the finished result, the place and the tools. Four groups from which a complete website can be furnished without a single subject looking staged. The order matters: first decide which page needs which image, then start shooting. Do it the other way round and you end up with a folder of four hundred frames that yields three usable ones, and the shoot has to be repeated.
People at work
Hands on the workpiece, a glance at the machine, the handover to the customer. Shots like these do not need faces to work, which clears the most common hurdle: not everyone on the team wants to be photographed. A crop from the side or from behind is enough for most pages.
The finished result
The installed kitchen, the repaired engine, the laid table, the freshly finished surface. These pictures belong on service and reference pages because they answer the question that actually occupies the visitor: what does it look like when it is done.
The place
The driveway, the entrance, the counter, the waiting room. Such shots look unspectacular and still achieve a great deal: they take the uncertainty out of a first visit and fit straight into the Google business profile, where images are especially visible.
Tools and materials
The shelf of spare parts, the tool trolley, the material samples. These subjects are quick to shoot, need no people and work well as quiet interstitial images in longer texts, where a photo carries the reading flow instead of interrupting it.
Vehicles and equipment
The signwritten van outside the workshop, the ladder on the roof rack, the stall set up at the weekly market. Pictures like these connect the business to its catchment area, which is why they work especially well on regional pages and in local SEO.
Portraits
One consistently shot portrait per person, bright and calm, against the same background. This is the most demanding part, but it lasts the longest - and it is the building block without which a careers page for the trades rarely convinces.
What is missing from that list matters just as much: symbols for abstract ideas. A handshake for partnership, a cogwheel for technology, a lightbulb for the idea. These subjects carry no information, and they are treated accordingly - the eye slides straight past them. If a section offers no real subject, the more honest decision is to leave it without a picture. A page with four telling photos feels more coherent than one with twelve, eight of which only fill space.
For planning, a table with three columns is enough: page, desired subject, format. The format matters because a portrait orientation rarely works on a wide home page and an extreme landscape shrinks to a strip on a phone. Shooting two variants on the spot - one wide with room at the edges, one tighter - saves you the later crop that cuts the subject in half. Which formats a page provides for is best settled during web design rather than on the day the images are handed over.
| Aspect | Bought symbolic image | Your own shot |
|---|---|---|
| Statement | Interchangeable, fits any business | Shows this business in this place |
| Recognition | May sit on a rival's page too | Appears only once |
| Effort | Minutes, but recurring licence costs | Half a day, then usable for good |
| Alternative text | Describes a symbol | Describes a real situation |
| Effect in the profile | Rarely noticed in local search | Visibly complements address and opening hours |
| Shelf life | Quickly looks dated | Ages with the business, reshoot any time |
The list first, the camera second
Shooting with the device you already have
The good news first: for anything that ends up on a website, a phone from the last few years is enough. A page rarely shows images wider than 1600 pixels, and every current camera delivers that with room to spare. What makes the difference is not the sensor but the light - and that is precisely the part you can influence without any equipment at all.
The most dependable light source is a window. Place the subject so that daylight comes in from the side rather than from behind; backlight turns a person into a silhouette. The built-in flash stays off, because it throws hard shadows and gives every frame that snapshot look. In dark workshops it helps more to open the door or move the work lamp than to fiddle with settings. And if a shot still comes out too dark, brightening it later on the computer is the poorer route: it brings noise that is clearly visible on large screens. Better to take the picture again.
- Daylight from the side, no backlight, no built-in flash.
- Tidy the background: the tangle of cables behind the subject stands out more in a photo than in the room.
- Camera at the subject's eye level - looking down on people is unflattering, while workpieces benefit from a slightly raised angle.
- Step two paces closer instead of enlarging the crop afterwards. A crop from the middle of the frame loses sharpness.
- Take three to five frames of every subject and make the selection at the computer.
- Shoot each situation both wide and tall so it works on the home page and on a phone.
- Clean the lens before the shoot - the most common cause of milky pictures travels in your trouser pocket.
For pictures of people, a fixed routine pays off: a wall without a pattern, the window to one side, the camera on a tripod or a stable surface, and then everyone in turn in the same spot. That produces a set of portraits that belong together and that can be extended a year later for new staff without the difference jumping out. Skip this step and you end up with eight portraits from eight different situations, which is exactly what a team page then looks like.
What the business profile expects
From raw frame to a file the page can carry
A photo out of a phone is typically three to six megabytes and four thousand pixels wide. It must not go onto the website in that state. The route has four steps: select, crop, scale to the target width, compress. Only then does the file get a meaningful name and its alternative text. Every single step is unspectacular, and every single one is regularly forgotten in practice.
Crop instead of nudging later
The crop decides the effect. Wide areas on the home page suit a ratio around 16:9, images inside the text work better at 3:2, and portraits at 4:5. Fix the crop once per placement and you get a calm page instead of a patchwork of formats.
Scale to the target width
An image displayed eight hundred pixels wide on the page needs roughly double that width as a file for fine screens - and no more. Anything beyond that is transferred and then discarded by the browser. This is the biggest and at the same time the simplest lever on file weight.
Choose a modern format
The same subject often weighs a third of the classic version in a modern image format, at the same visible sharpness. The browser automatically receives the variant it understands, while older devices still get the classic file. This conversion is the website's job, not the business owner's.
How much there is to gain becomes clear from a look at the state of the web. The Web Almanac analysis found a median of 13 image elements (Web Almanac 2024) on the typical mobile page; the individual image weighs a median of just 12 KB (Web Almanac 2024), while the largest image on a page weighs 135 KB (Web Almanac 2024). That one large image is usually what the visitor sees first, and therefore the element against which loading time is measured. Saving there is saving in the right place; the remaining adjustments are described in improve website loading speed.
The target applies in the field, not in the lab
A second point concerns deferred loading. Loading images further down the page only when the visitor reaches them makes sense; for the topmost image it is harmful, because that image is precisely what determines the measured value. The Web Almanac records that 9.5 percent (Web Almanac 2024) of pages apply the technique to the first visible image as well and thereby slow themselves down. The rule is simple: defer everything below the first screen height, load the first image immediately.
Where images work - and where they get in the way
Images work where they answer a question. On the home page that question is who you are dealing with; on a service page, what the result looks like; on the contact page, which door to ring at. That mapping sounds obvious but is rarely followed through. Often the best picture sits right at the top and nothing follows - yet a good photo in the lower third of a long page frequently carries more, because it picks the reader up where attention is fading. Our own examples of past work are built on the same pattern.
On regional pages and in the business profile, different subjects count than on the home page. There someone is looking for a specific place: the driveway, the entrance, the car park, the sales floor. A picture of the driveway is unspectacular and still gets looked at, because it answers a practical question. How a trades website absorbs this is shown by our web design for trade businesses. And if the business is being set up afresh anyway, image language and the naming question are best settled together - what to consider legally is covered in business name and domain before launch.
There are also places where an image does damage. Directly above a form it draws off attention the submit button needs. In a list of technical specifications it interrupts the comparison. And a large image immediately below the headline pushes the actual text so far down that on a phone it only appears after the second swipe. Anyone measuring what visitors do on the page spots such places quickly; the right framework for that is conversion optimisation.
| Page | Subject that carries | Subject that falls flat |
|---|---|---|
| Home page | Team or work situation from your own premises | Skyline or office landscape with no connection |
| Service page | Finished result in several variants | Symbol for the technical term |
| References | Before and after on the same object | A crop with no recognisable context |
| Contact | Entrance, driveway, the person to ask for | Stylised world map with a marker |
| Careers | Workplace and colleagues at work | Staged group shot against a white wall |
| Business profile | Exterior, interior, result | The logo as the only image |
An image is no substitute for text
Alternative text, rights and maintaining the archive
Every image needs alternative text. It describes in one sentence what can be seen, it is read out by screen readers, and it appears when the file fails to load. In practice this is the step most often skipped: in the analysis of one million home pages, 16.2 percent (WebAIM Million 2026) of all images were missing alternative text, and 53.1 percent (WebAIM Million 2026) of the home pages examined had at least one such image. The Web Almanac puts the figure for the web at large at 45 percent (Web Almanac 2024) of image elements with no alternative text at all. That is not a fringe group but the majority of pages.
Good alternative text is short and concrete. The sentence “Employee aligning a workpiece on the lathe” says more than “image1” or “craftsman”. Purely decorative images get empty alternative text so that screen readers skip them; that is explicitly intended and better than a description with no content. The file name follows the same logic: workshop-lathe-2026.jpg rather than IMG_4711.jpg. Together the two cost less than a minute per image and pay off for accessibility and findability at the same time.
- Settle the rights before an image goes online: who took it, who appears in it, is there consent. For staff, that consent belongs in the personnel file in writing.
- Keep the originals separate from the web folder. A new crop can be produced from the original at any time, but not from the compressed web version.
- Note a fixed set of target widths and aspect ratios so that later additions fit the existing look without further questions.
- Remove departed staff from the portrait set - a team page showing three people who have left is more conspicuous than any typo.
- Mark seasonal images in the calendar. A Christmas subject in March does more harm than good; how to use the autumn for this is covered in getting the website ready for the Christmas trade.
- Walk through the archive once a year: which images still show today's situation, which vehicles, rooms and machines no longer exist in that form.
A picture from your own premises commits you to who you are - and that is exactly where its value lies compared with any bought subject.
Sources and Studies