Website images do three jobs at once: they build or break trust, they make or wreck page speed, and they are content search engines read. Most sites fail at least two of the three. Here are the practices that cover all of them, choosing images, preparing them, and labeling them.
Choosing: specific beats polished
Visitors have seen every stock photo: the handshake, the headset smile, the laptop by the window. Generic imagery does not just add nothing; it signals interchangeability, the exact opposite of what a trust-building site needs. The hierarchy that works: real photos of your work, team, and product first; honest product screenshots and device mockups second; illustration built in your brand’s palette third; stock only as texture, never as proof. A phone photo of your actual workshop outperforms a perfect stranger’s studio shot, because specificity is the credibility.
Preparing: the speed setup
Images are the heaviest thing on most pages and the usual Core Web Vitals killer. The professional pipeline is boring and mechanical:
- Modern formats: WebP or AVIF with a fallback, roughly half the weight of JPEG.
- Sized to the container, with responsive variants so phones never download desktop pixels, part of mobile-first discipline.
- Explicit width and height on every image, so the page never shifts as they load.
- Lazy-load below the fold, never the hero: the hero is your largest paint and must come first.
On our own site this pipeline is automated, every mockup ships as WebP with dimensions, which is a large part of scoring 100 on performance.
Labeling: images are search content
Search engines and AI answer systems read three things about an image: its filename, its alt text, and its surroundings. So: descriptive filenames (medicia-dashboard-mobile.jpg, not IMG_4021.jpg), and alt text that says what the image shows and communicates, written for the screen reader user first, which produces exactly what search wants too. Decorative images get empty alt so they are skipped, not narrated.
The AI-image question, briefly
Generated imagery is fine as texture and illustration, and risky as proof: an AI photo posing as your team or your work is a trust liability waiting to be noticed. The same rule as all imagery applies: nothing fake presented as evidence.
The one-afternoon image audit
Run your homepage through PageSpeed and note image weight. Rename the worst filenames, write alt text for anything meaningful, convert heavies to WebP, and replace one generic stock hero with something true. Four small fixes, and speed, search, and credibility all move at once, the rare cheap win in web work.
Want your imagery pipeline handled properly, from art direction to the technical layer? hello@beconfidency.agency, the results are visible in every case study.
Thinking like this is the day job of our web design service.