TL;DR: AI image generation lets you create custom hero images, feature visuals, and social proof graphics for landing pages in minutes instead of days. This guide walks through the full workflow: picking the right model, writing prompts that convert, and iterating until the image fits your page layout. We use Avocado AI as the workspace throughout, but the prompt principles apply to any tool.
Landing pages live or die on first impressions. Visitors decide whether to stay or bounce in under 3 seconds, and the hero image is usually the first thing they see. A generic stock photo signals "this company didn't try." A custom, on-brand visual signals the opposite.
The problem: custom photography and illustration are expensive and slow. A single hero image from a freelance photographer can cost EUR 200-500 and take a week. For teams running multiple campaigns, that timeline doesn't work.
AI image generation solves this. You describe what you need, get a result in seconds, and iterate until it fits. The cost per image on most tools is under EUR 0.50. The tradeoff is that you need to know how to prompt, how to pick the right model, and how to crop the output for web layouts.
This guide covers all three.
Step 1: Choose the Right Model
Not every AI image model handles landing page visuals the same way. Some excel at photorealism, others at typography, others at design-focused layouts. Pick based on what the image needs to do on the page.
For hero images (photorealistic, lifestyle): Use GPT-Image 2 or Seedream V5 Pro. Both produce clean, realistic output that works as a full-width hero. GPT-Image 2 handles text rendering well if you need a headline baked into the image. Seedream V5 Pro is strong on diverse subjects and dense layouts.
For product feature callouts: Use Recraft V4 or Nano Banana 2. Recraft V4 has style control that lets you match a brand aesthetic. Nano Banana 2 is fast and clean for simple product shots with minimal background.
For abstract or atmospheric backgrounds: Use Krea 2 Large or Grok Imagine. Both produce cinematic, mood-heavy output that works as a background layer behind text overlays.
On Avocado AI, all of these models are available in one workspace. The cost ranges from 1 credit (Nano Banana 2, Recraft V4) to 2 credits (GPT-Image 2, Seedream V5 Pro) per image at standard quality. Plans start at EUR 19.99/month with 100 credits. See the full model catalog on the pricing page.
Model comparison for landing page images:
Model
Best for
Credits/image
Text rendering
Photorealism
GPT-Image 2
Hero images with text overlays
2
Strong
Strong
Seedream V5 Pro
Diverse subjects, dense layouts
2
Moderate
Strong
Recraft V4
Design-focused, style matching
1
Moderate
Moderate
Nano Banana 2
Clean product shots, fast iteration
1
Weak
Strong
Krea 2 Large
Atmospheric backgrounds
2
Weak
Cinematic
Grok Imagine
Abstract, expressive visuals
1
Weak
Moderate
Step 2: Write a Prompt That Converts
Landing page images serve a specific function: they need to communicate a message, match the brand, and not distract from the CTA. That means your prompts need to be more specific than "a nice photo."
Structure your prompt in three layers:
Layer 1: Subject and scene. What is the image showing? Be specific about the number of people, their actions, and the environment. "A woman reviewing analytics on a laptop at a standing desk" is better than "person working."
Layer 2: Mood and lighting. What feeling should the image convey? For SaaS landing pages, "natural light, clean office, calm and focused" works. For ecommerce, "bright, inviting, product-forward" fits. Avoid overly dramatic lighting unless the brand calls for it.
Layer 3: Technical direction. Specify composition and format. "Wide aspect ratio, subject on the right third, negative space on the left for text overlay" gives the model clear guidance on where the focal point should be.
Example prompt for a SaaS landing page hero:
A marketing team of three reviewing campaign results on a large monitor in a modern office. Natural light from a window, clean and minimal workspace. The team looks focused and collaborative. Wide composition with the group on the right side, leaving open space on the left for text. Authentic, candid feel, no stock photo poses.
Example prompt for an ecommerce product hero:
A premium leather bag on a marble surface with soft natural lighting from the left. Minimal background, warm tones. The bag is the clear focal point, shot from a slightly elevated angle. Clean, editorial product photography style.
What to avoid in landing page prompts:
Busy backgrounds that compete with text overlays
Faces pointing directly at the camera (reads as confrontational on a landing page)
Neon or saturated color palettes unless the brand specifically uses them
Multiple focal points (the eye should land on one thing)
Text in the image unless you specifically need it (AI text rendering is model-dependent)
Step 3: Generate and Iterate
One generation is rarely enough. Plan to generate 3-5 variations before picking a hero. Here is the iteration loop:
Round 1: Broad prompt. Start with your three-layer prompt. Generate 2-3 images at the model's default settings. Look at composition, mood, and subject placement. Pick the closest match.
Round 2: Refine the winner. Take the best image from round 1 and adjust the prompt. Change the lighting direction, swap the environment, or adjust the subject's pose. Generate 2 more.
Round 3: Test with a text overlay. Before finalizing, drop the image into your landing page design tool (Figma, Framer, Webflow) and add the headline. Does the text still read clearly? If not, regenerate with more negative space or a darker/brighter area behind where the text will sit.
On Avocado AI, this loop costs 4-10 credits total (2-5 images at 1-2 credits each). On Starter plan (EUR 39/month, 300 credits), you can run this loop 30-75 times per month.
Pro tip: Use the Avocado Workspace to save your best iterations side by side. The comparison view makes it easier to pick a winner than scrolling through a folder of files.
Step 4: Crop and Optimize for Web
AI models output at various sizes and aspect ratios. The raw output rarely matches your landing page layout perfectly. Here is how to go from generation to production-ready:
1. Check the output dimensions. Different models return different sizes. GPT-Image 2 at standard quality typically outputs around 1024x1024 or 1088x608. Recraft V4 may return 1344x768. Always check before cropping.
2. Crop to match your layout. Common landing page image ratios:
Hero banner: 16:9 (1920x1080 or 1280x720)
Feature section: 4:3 (1200x900)
Social proof card: 1:1 (800x800)
Use any image editor. On macOS, Preview handles basic cropping. For batch work, a simple Python script with Pillow works:
python
from PIL import Image
img = Image.open("hero_raw.png")
w, h = img.size
target_h = int(w 9 / 16)
top = max(0, (h - target_h) // 2)
img.crop((0, top, w, top + target_h)).save("hero_16x9.png")
3. Compress for web. A 2MB PNG will slow your landing page. Convert to WebP or compressed JPEG. Tools like Squoosh (free, browser-based) or cwebp (command line) reduce file size by 60-80% with minimal quality loss.
4. Add alt text. Accessibility and SEO both require descriptive alt text. Describe what the image shows, not what you wish it showed. "Team reviewing marketing dashboard on a large screen" is correct. "Best AI marketing tool" is not.
Landing Page Image Types You Can Generate
Beyond the hero banner, landing pages need several types of visuals. Here is what AI can produce for each:
Hero images. The large banner at the top of the page. Needs to set the mood and leave room for a headline. Best models: GPT-Image 2, Seedream V5 Pro. Prompt tip: specify composition with the subject offset to one side.
Feature callouts. Smaller images next to each feature description. Usually 400-600px wide. Best models: Recraft V4, Nano Banana 2. Prompt tip: keep the background simple and the subject centered.
Social proof graphics. Customer quote cards, testimonial backgrounds, or trust badges. Best models: Recraft V4 (style consistency), GPT-Image 2 (text rendering if baking in a quote). Prompt tip: use a consistent color palette across all social proof images for visual cohesion.
Comparison tables. If your landing page compares your product to alternatives, you need clean, structured visuals. AI image generation is not the right tool for tables (use your design tool instead), but it can produce the icons or illustrations that sit alongside the table.
Background textures. Subtle patterns or gradients behind content sections. Best models: Grok Imagine, Krea 2 Large. Prompt tip: ask for "minimal, abstract, low-contrast" to keep the texture from overpowering the content.
What Actually Matters
The model you pick matters less than the prompt you write and the iteration you do. A well-prompted Nano Banana 2 image will outperform a poorly prompted GPTImage 2 image every time.
Three things to get right:
1. Composition over quality. A perfectly lit image with bad composition (subject dead center, no text space) is useless for a landing page. Start every prompt with where the subject should be in the frame.
2. Consistency across the page. If your hero image is warm and natural, your feature images should match. Generating each image independently with different prompts creates visual chaos. Use a shared style description across all prompts for the same page.
3. Test with real text. The image looks different when a headline is overlaid on it. Always mock up the full landing page before committing to a final image. What looks great in isolation may make text unreadable.
FAQ
Can I use AI-generated images on commercial landing pages?
Yes. Images generated through Avocado AI and most other commercial AI tools come with commercial usage rights. Always check the specific tool's terms of service, but mainstream platforms allow commercial use of generated images.
How many images do I need for a typical landing page?
Most landing pages need 3-5 images: one hero, 2-3 feature callouts, and one social proof visual. Budget 10-15 generations to get those 3-5 final images (accounting for iteration).
What aspect ratio should I use for a landing page hero?
16:9 is the most common for desktop heroes (1920x1080 or 1280x720). If the page targets mobile-first audiences, consider 9:16 or 4:3 for the mobile variant and 16:9 for desktop.
Do I need to credit the AI tool on my landing page?
No. There is no legal or industry-standard requirement to disclose AI-generated images on landing pages. However, some brands choose to for transparency.
How do I keep images consistent across multiple landing pages?
Use the same style description in every prompt. For example, always include "natural light, clean background, warm tones" if that is your brand aesthetic. On Avocado AI, you can lock a visual style for a saved brand to enforce consistency across generations.
Can AI generate images with text overlays?
Some models handle text rendering better than others. GPTImage 2 and Ideogram V3 are the strongest for on-image text. For complex typography, generate the background image with AI and add the text in your design tool (Figma, Canva, Framer) for pixel-perfect control.
What is the cost per landing page if I use AI images?
On Avocado AI Starter plan (EUR 39/month, 300 credits), generating 5 final images with 3 iterations each means roughly 15-30 credits per landing page. That is EUR 1.95-3.90 per page in image costs. Compare to EUR 200-500 for custom photography.
How do I optimize AI-generated images for page speed?
Convert to WebP format, compress to under 200KB per image, and use responsive image tags (srcset) to serve different sizes to different devices. Tools like Squoosh or ImageOptim handle compression without visible quality loss.
How to Pick a Model in Under 30 Seconds
Need text in the image? Use GPTImage 2 or Ideogram V3.
Need photorealistic people? Use GPTImage 2 or Seedream V5 Pro.
Need fast iteration on product shots? Use Nano Banana 2 (1 credit, fast).
Need a specific brand aesthetic? Use Recraft V4 (style control).
Need an atmospheric background for text overlay? Use Krea 2 Large.
Working on a tight budget? Start with Nano Banana 2 or Grok Imagine (1 credit each).
Need SVG or vector output? Use Recraft V4 Vector.
Not sure? Start with GPTImage 2 at standard quality. It handles the widest range of use cases.
Ready to generate your first landing page image? See Avocado AI pricing to find the plan that fits your workflow.
Wanderson Jackson is the founder of Avocado AI, a creative workspace for AI image, video, and audio generation. He writes about practical AI workflows for marketers and creative teams.
