Bookmark this page. When you're building a site and hit a blank section, you shouldn't have to relearn the rules. Find the row that matches the page you're working on, grab the image type it points to, and move on.
How to use this cheat sheet
Each row below maps one common page or section to the image type that usually fits it, the style to aim for, and a one-line reason. The links take you straight to where you can grab that type of image, so you can skim, click, and keep building.
A few ground rules before the table:
- Match the section's job, not just its looks. A hero sells the whole site; a service block explains one thing.
- Keep text-heavy sections readable. If words sit on top of an image, the image needs calm space behind the text.
- Some sections work better with little or no image. A pricing table is the clearest example, more on that below.
Every image type linked here is free to use for personal and commercial website projects, subject to the Picdrome Image License. The images are AI-generated, so treat any people in them as illustrative, never as real customers or staff.
The cheat sheet
| Page / section | Image type | Style to aim for | Why | Grab it |
|---|---|---|---|---|
| Hero / above-the-fold | Wide brand or scene image | Calm, low-detail, room for text | It carries the first impression and holds your headline | Which image belongs on each page |
| Landing page background | Full-bleed texture or soft scene | Muted, low-contrast | It sits behind a form or CTA and must not fight the copy | Which image belongs on each page |
| About | Workspace, place, or candid scene | Natural, warm, specific to you | It signals real people behind the site | Which image belongs on each page |
| Contact | Location, map-style, or simple scene | Plain and welcoming | It orients the visitor and softens a form-heavy page | Which image belongs on each page |
| Trust / social proof | Logos area, badges, or clean backdrop | Quiet, uncluttered | It frames proof without stealing attention | Which image belongs on each page |
| Service block | Image that shows the work or outcome | Clear, literal, on-topic | It explains what you do at a glance | Service page images |
| Feature block | Close detail or in-use shot | Focused on one idea | Each feature reads faster with one matching visual | Which image belongs on each page |
| Product | Clean product or context shot | Consistent angle and lighting | A uniform set looks tidy in a grid | How to use an image pack |
| Pricing table | Subtle or no image | Background tint at most | Numbers need to be scanned, not decorated | Which image belongs on each page |
| Testimonial | Neutral backdrop or small avatar | Simple, low-key | The quote is the content; the image only frames it | Which image belongs on each page |
| Blog header | Topic or mood image | Sized for your blog layout | It sets context above the headline and in shares | Free images that don't look like stock |
| Email header | Small, light, fast-loading | High contrast, brand colors | Inboxes are small; the image must read at a glance | How to use an image pack |
A note on pricing and testimonial sections
Not every section wants a photo. Pricing tables read best when nothing competes with the numbers, so a flat background or a faint brand tint usually beats a literal image. Testimonials are similar: the words carry the weight, and a busy photo behind them just makes the quote harder to read. When in doubt for these two, lean toward less.
A quick example
Say you're building a one-page site for a small cleaning business. You'd open three rows:
- Hero: a wide, calm scene with space for "Reliable home cleaning in [city]" across it.
- Service block: a clear before-and-after style shot of tidy rooms, so the offer reads instantly. The service page images guide walks through choosing these.
- Pricing: no image, just a clean table and a faint brand color behind it.
That's three decisions in under a minute, with no second-guessing.
Want to go deeper on any row? Read which image belongs on each page of your business website for the long-form version, or the fastest way to get all your website images in one sitting if you want the whole set in one go.
In Plain English
This is a one-screen lookup that tells you which image type belongs on each page or section of a business website, so you don't re-decide it every build. It helps non-designer founders, freelancers, and no-code builders who want a fast reference, not another long read. Use it whenever you hit an empty section and aren't sure what to put there: find the row, check the style, click through to grab the type. For the full reasoning behind each call, read the pillar, which image belongs on each page of your business website. To browse every section by use case, visit the website image use-case hub.
Where to go next
- The full guide: which image belongs on each page of your business website
- Picking service visuals: how to pick service page images that explain what you do
- Avoiding the stock look: where to find free images that don't look like stock
- Section by section: which image belongs on each page