Sourcing images one section at a time is how a launch quietly slips by a week. You open a tab to find a hero, get pulled into comparing options, repeat it for the about block, and the look drifts every time. The faster way is to flip the order: pick one visual style first, then pull a matching image for every slot in a single sitting.
The trick that makes this work is batching by style instead of hunting page by page. When the whole set shares one look from the start, you stop re-deciding "does this fit?" for every image, and the page hangs together without a cleanup pass later.
Before you start: the 5-minute setup
Get these three things in front of you before you pull a single image, so the session is one continuous pass and not a stop-start.
- A list of slots. Every spot on the site that needs an image. The next step covers how to build it quickly.
- A written spec. This is the engine: the page section, your business type, and one visual style, decided before you look at anything, so every choice is already constrained to images that fit. The right-image framework is how to write it in about two minutes.
- A folder ready to receive files. One folder for this site, so saved images don't scatter across Downloads.
That's the setup. From here it's four steps, and you don't change the style once you start.
Step 1: List every image slot in one place
Write down every place an image goes, top to bottom, before you find anything. A homepage usually has a hero, an about or story block, a few feature or service cards, maybe a testimonial or logo strip, and a closing call-to-action band. Inner pages add their own.
You don't have to build this list from memory. The slot-by-slot website image checklist walks through the sections most sites need, so you can copy the slots that apply and skip the ones that don't. Use it as your worksheet, then come back here to fill the slots in one pass.
The point is to know the full count before you begin. If you know you need eight images, you pull eight, and you're done — instead of discovering slot nine after you've closed the tab and forgotten the style you were using.
Step 2: Lock one visual style for the whole set
This is the speed step, so spend a real minute on it. In the finder, the style facet describes the look — the lighting, the mood, the color feel. Pick one style that suits your business and commit to it for the entire session.
Locking the style once does two things. It removes a decision from every later pull, because you're no longer asking "what mood should this be?" eight times. And it's what keeps the set consistent: a hero, an about image, and three feature shots in the same style read as one library rather than five images that happen to share a page.
If you're unsure which style fits, choose the calmest option that still leaves room for text. Quieter images stay readable behind headlines and buttons, which matters more for a working website than a dramatic look that fights your copy.
Step 3: Pull a matching image for each slot in one pass
Now go down your slot list in order. For each slot, you change only two facets and leave the style fixed:
| Facet | What you set it to | How often it changes |
|---|---|---|
| Section | The slot you're on (hero, about, feature card, CTA band) | Every slot |
| Business type | Your business (set once, rarely changes) | Once |
| Style | The look you locked in Step 2 | Never — this is the lock |
Set the section to "hero," pick the image, move on. Set it to "about," pick the image, move on. Because the style is fixed, every image you pull already matches the last one, so you're choosing the best fit within a consistent set rather than re-judging the whole look each time.
The finder pairs the page section with your business type and your one locked style, which is exactly what makes a single-sitting pull possible instead of an open-ended browse. Work the list straight through and resist reopening Step 2 — a half-changed style is how consistency leaks out.
If you'd rather not assemble the set slot by slot, a matched pack is the alternative: one set mapped to the main sections of a typical site, so the style consistency is handled before you start placing anything. Image packs explains how those sets are built and what a pack has to contain to be worth using.
A note while you pull: every Picdrome image is AI-generated. That's fine for website use, and it's worth knowing for one reason — an AI-generated person is not a real customer, employee, or testimonial, so don't present them as one. Use them as scene-setting and atmosphere, not as proof of a specific individual.
Step 4: Save, name, and size before you close the tab
Finish the set completely in this sitting. Before the tab closes, do three quick things for every image so none of them need a second trip:
- Save each file into your one site folder.
- Name it for its slot —
hero.jpg,about.jpg,feature-pricing.jpg— so it's obvious where each one goes when you build the page. - Size it for where it lands. Wide images for full-width heroes and section bands, tighter crops for cards. Sizing now means the file is ready to drop in, not reopened and re-exported later.
A clear filename is what turns a folder of downloads into a set you can place without guessing.
Licensing, briefly
Picdrome images are free to use for personal and commercial website projects, subject to the Picdrome Image License. They are not public domain, CC0, or "royalty-free" in the paid-license sense — they stay covered by those terms rather than released with no conditions. This is general information, not legal advice; read the license before you ship a client site.
What to do next
You now have a named, sized, consistent set in one folder. The next action is placement: drop the files onto the actual page. The walkthrough for putting an image pack onto your site covers where each file goes, how to keep images readable behind text, and the formats to use, so the set you just built ends up live.
If you want the wider context — keeping a site's images consistent over time as you add pages — this one-sitting sprint is the fast on-ramp to building a free, consistent website image library, the pillar guide this post sits under.
When you're ready to start, write the spec with the right-image framework, lock one style, and pull a matching image for every section in one pass.
In Plain English
This is a four-step, single-session way to source every image your website needs at once: list your image slots, lock one visual style with the right-image framework, then pull a matching image for each slot in one pass — changing only the section and leaving the style fixed — and save, name, and size each file before you close the tab. It helps founders, freelancers, and anyone whose launch keeps stalling on image-finding. Use it when you want the whole job done in one focused sitting instead of an open-ended hunt. The locked style is what keeps the set consistent; the written spec is the engine. When you're done, move straight to dropping the images onto your site.