Website hero image: stock, photographer or AI? How to choose

The picture at the top of a page is the first thing a visitor sees and, on many pages, the biggest file the browser must load. A weak one makes the whole page look generic. This page helps you choose between free stock, paid stock, a photographer, a tool you already pay for and a custom image from Higgsfield, a web platform where you type a description and get pictures from several hosted AI models. It also covers the lighter job of proposal covers and blog headers.

This page may contain affiliate links from which Blur Studio earns commissions.

The problem: a weak top image on your page or proposal

Stock is common, a photographer is slow, and a generator can look generic too if everyone uses the same trendy prompt. Meanwhile, a hero is not one job. A homepage hero carries trust and speed. A proposal cover is private and low risk. A blog header is mostly decoration. Treat them differently. For pictures in your social feed, see five ways to get pictures that look like yours.

First decision: does the image show anything real?

If the hero shows	Use
Real people, your team, your premises, your work or customer results	Real photos. Trust matters most here
An abstract idea, a concept, a software backdrop, a seasonal theme	Free or paid stock, or a generated image
A product you sell	Your own product photos. Use AI only for the background around them

This one question removes most of the risk. Do not use generated "customer" or "team" faces on About, Testimonials or Contact pages. Visitors expect those to be real, and there are legal and platform risks if they are not.

Options compared: stock, photographer, builders, Canva, Firefly, Midjourney, Higgsfield

Option	What it is	Price (checked November 2026)	Best for
Phone photo	Your own picture	Free	Anything real: team, shop, work
Free stock (Pexels)	A free photo library. Free use, no attribution needed, can be edited; you may not imply endorsement or use a photo in a trademark or business name	Free	Plain backgrounds, quick pages
Paid stock library	A licensed photo library	Check the vendor page	Safe, licence-clear photos at speed
Photographer	A person who shoots for you	Ask for a quote	Real people, premises and work
Canva or a page builder	Online design tool or website builder (for example Leadpages, which has its own image tool) with an AI image tool built in	Canva UAE view: Pro AED 440 a year per person; US dollar prices not checked	One-off use when you already pay
Adobe Firefly	Adobe's image generator, with some partner models from Google, OpenAI and Flux	US$9.99 to US$49.99 a month for 2,000 to 10,000 generative credits on the three lower plans; Premium US$199.99 for 50,000	Teams that also need Photoshop-level editing
Midjourney	An image generator known for stylised, artistic images	$10, $30, $60, $120 a month; Stealth (private) mode only on $60 and $120	Artistic backdrops
Higgsfield	Web platform with many hosted image and video models	Starter $19, Plus $59 ($47 annual), Ultra $129 ($99 annual) a month; check the pricing page	Trying several looks and models in one account

A few notes. Many guides rank "the best AI model for hero images", but the scores in those guides come from the vendors' own five-prompt tests of their own products, so I will not repeat them. Also, Canva and page builders bundle image generation, so if you already pay for one, test its generator first. It is the cheapest custom option.

Where Higgsfield fits and where it does not

Higgsfield hosts Soul 2.0 (its own model), Google's Nano Banana family, Black Forest Labs' Flux 2, ByteDance's Seedream, OpenAI's GPT Image and Ideogram 4.5, among others. The basics are in what Higgsfield is, and the style model is in the Soul 2.0 guide. For a hero image:

• It fits when nothing in free or paid stock matches your idea, and you want several candidate looks to choose from. Higgsfield lists images up to 4K on some models (Nano Banana Pro, 2 and GPT Image 2 and 2.5) and 2K on Soul 2.0 and Seedream 5.0 Pro, which is enough for a wide hero.
• Published image rates on the pricing table (as of November 2026): Soul 2.0 at 0.12 credits, Nano Banana at 1, Nano Banana 2 and Pro at 2, Pro 4K at 4, GPT Image and Seedream at 1. A credit is the unit Higgsfield charges per generation.
• It does not give you brand colour control. FluxNote, a vendor that sells image generation, lists "No true brand color control" among the limitations in its own hero-image guide. Soul 2.0 does have a colour transfer feature that takes a palette from a reference image, which helps, but check the result against your hex codes (the six-character codes like #1A3C5E that name an exact colour).
• Free account: no credits, and every output carries a visible watermark. Not usable for a business site.
• Not unique. Higgsfield's terms say outputs are not guaranteed to be unique.

Cost example from the published rates, as a made-up routine: 8 candidates at 2 to 4 credits each is 16 to 32 credits for one hero, plus a possible upscale step (making the picture larger) whose cost shows on the button. Compare that with a paid stock image, a half-day shoot, or the monthly price of a plan you already pay for. See the pricing guide and how to spend credits wisely.

Write the hero brief (message, headline space, crop)

Write the brief before you prompt. One page, five lines:

1. The one sentence the image must say. For example "calm, careful, local".
2. The feeling. Three words.
3. Where the headline sits. For example, the left third. Ask the generator to leave that area empty.
4. Aspect ratio. 16:9 for desktop, and the mobile crop in mind.
5. The never list. "No text, no logos, no people." Add the words in your page code instead. HTML text stays editable, readable by screen readers and findable by search engines.

Compose with one focal subject. A hero with five things in it reads as noise at phone size.

Crop zones, phones and page speed

The generator makes a picture. Your website decides which part of it shows. DIY AI's hero-image guide explains that a wide desktop hero can become much taller relative to its width on a phone, and a cover-style crop then trims whatever no longer fits. Its fix is to think in three zones when you write the brief:

• Focal zone: the person, product or object the visitor must recognise. Keep it well inside the frame, not against an edge.
• Copy zone: a quiet, low-detail area behind the real page heading and button.
• Crop zone: background that can be trimmed away without changing the meaning.

If moving the crop does not save the composition, make a second version for mobile from the same brief. Two more checks that cost nothing:

• Text contrast. If a heading sits over the picture, the W3C accessibility rules (WCAG 2.2) ask for a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text. Put the heading on the quiet area or add a plain panel behind it.
• Load time. Google's web.dev guide says to aim for a Largest Contentful Paint (the time until the biggest visible element has loaded) of 2.5 seconds or less for most visitors, and warns never to lazy-load that image. On many pages the hero is that element, so it should load straight away and be sized for the screen.

Make and choose: prompt template and what to reject

Try it yourself: "[Subject, one sentence]. [Three mood words]. Palette of [two or three colours]. Soft [light type]. Wide 16:9, subject on the right third, empty space on the left third for a headline. No text, no logos, no people." Generate about 8 candidates in one style.

Reject any candidate with these:

• Warped hands, teeth or reflections, and garbled text on signs or screens.
• Logos that look almost real.
• Impossible details, such as the wrong number of buttons on a device.
• A subject that sits where the headline will go.
• Colours that clash with your brand. Check against your hex codes.

The phone-first test

1. Export the 16:9 image.
2. Crop a 4:5 and a 9:16 version centred on the subject.
3. View the page at 375 pixels wide.

Pass: the subject is not cut, the headline does not cover a face or the focal point, and you can read the headline without squinting. Fail: any of these. Regenerate with the subject in the centre third. Do this before you spend time polishing.

Speed, file size and alt text

• File size. The hero is often the largest element on the page. Export as WebP or AVIF at the display size, not a 4K PNG. Keep the file small enough that the page loads quickly on a phone connection. This is general practice, not a rule from one source.
• Alt text. Write one plain sentence describing the image for visitors who cannot see it. A purely decorative hero can use empty alt text. THAT Agency also advises captions and alt text on header images.
• Keep a layered master. Save the high-resolution original so you can recrop later. The edit tools in Higgsfield's upscale, relight and edit guide may help with enlarging.

Rights and trust rules for business sites

This is information, not legal advice. Check local law and each tool's current rules.

• Commercial use. Higgsfield's pricing table marks commercial use "Not included" on the Free plan, while its help center says use of outputs is not restricted to paid plans and the terms say the same. Free output is watermarked. For a business site, use a paid plan or ask support.
• Stock licences. Read them. Pexels, for example, does not allow implying endorsement or use in a trademark or business name.
• Real people. No real person's face without written agreement.
• Do not claim AI images are real. A hero showing a "team" or "our office" must be real. In the US, the Federal Trade Commission's 2024 final rule on fake reviews and testimonials covers testimonials that claim to be from someone who does not exist, including AI-generated ones, so a generated "customer" face with a quote is a risk. Check the rules where you trade.
• Ownership. The US Copyright Office has a report on whether AI outputs can be copyrighted. If exclusive ownership matters, ask a lawyer.

Proposal covers and blog headers: lighter rules

A proposal cover is private and sent to one client, so risk is low. Use an abstract or industry-themed picture that matches the client, avoid fake logos or maps, and compress the file to stay under email limits. A blog header is decoration, so a generated or stock image is fine if it matches your style card. Keep one style across the hero, the cover and the blog headers, so they look like one brand. If you want help building a whole page quickly, see making a landing page with AI and Higgsfield's website builder. For wider comparisons, see best AI image generators for business.

Who should skip generated hero images

• Pages that show real staff, work or premises. Use real photos.
• Any About, Team or Testimonials page.
• Anyone who only needs a safe, licence-clear photo fast. Free stock is enough.
• Anyone already paying for Canva, a page builder or Firefly who has not tested its generator.
• Sites in a trust-sensitive field (health, legal, finance) where a visibly generic picture can hurt more than a plain stock one.

How I'd approach this

I would answer the "is it real" question first, then try free stock and any generator already in Canva or your page builder. Only if nothing matches would I add a dedicated generator. If you decide to try one, you can open a Higgsfield account on a paid plan, make eight candidates from the hero brief and run the phone-first test before you publish. Keep the brief, the style card and the alt-text habit in a shared document so every page follows the same steps. If you want that built as a repeatable workflow with a shared asset library and a client approval step, Blur Studio can set it up: see how I build these.