Docs3D Website BuilderImage Generation

Image Generation

Hero image models, resolution tiers, quality settings, and AI studio usage.

Hero Images in the Builder

Every site starts with a hero still — a full-bleed cinematic background image. It is: - Sized to your selected aspect ratio (16:9 landscape, 9:16 portrait) - Generated with lighting and composition tuned to your site's color mood - Used as the first frame for the motion video generation - Automatically color-matched to your CSS palette

You can regenerate just the image (without re-running the full pipeline) from the Image tab in the builder.

Available Image Models

ModelAvailable OnMax ResolutionQuality
Seedream 4.5 (ByteDance/fal)All plans4096pxHigh
Gemini 2.5 Flash ImageAll plans2048pxGood
Gemini 3.1 Flash ImageBasic+4096pxHigh
Kling Image V3Pro+2048pxHigh
Flux SchnellPro+1024pxGood — fast
Flux DevPro+1024pxHigh
Flux ProPro+1536pxVery High
Nano Banana (API-Easy)Premium+2048pxVery High
Nano Banana Pro (API-Easy)Premium+4096pxHighest

Resolution Tiers by Plan

PlanMax Image ResolutionNotes
Free768px longest sideBasic Gemini model only
Basic1024pxSeedream and Gemini models
Basic Plus1024pxBatch generation unlocked
Pro1024pxAll models including Flux
Premium1536pxNano Banana Pro, 2K/4K output
Agency1536pxSame as Premium

2K and 4K output doubles the credit cost and requires Premium or Agency.

AI Studio — Standalone Image Generation

The AI Studio (accessible via the Image tab or main navigation) lets you generate, edit, and process images independently of site generation.

Features: - Text-to-image with model selector - Image-to-image editing with a reference - Upscale 2× or 4× - Background removal - Batch generation (Basic Plus+)

To generate an image: 1. Open AI Studio or the Image tab 2. Enter a prompt 3. Choose model, aspect ratio, and resolution 4. Click Generate

Images are saved to your project and can be set as your site's hero background.

Tips for Better Hero Images

Include lighting: "golden hour light", "neon-lit night scene", "overcast morning fog", "studio soft-box"
Specify camera style: "wide-angle", "macro closeup", "drone aerial", "35mm film grain"
Match mood to brand: A luxury watch brand needs different light than a surfboard company
Keep hero text area clear: Your headline overlays the center — avoid busy compositions in that zone
Reference a style: "National Geographic cover quality", "luxury hotel brand campaign", "architect's portfolio photograph"
Use Enhance: The prompt enhancer adds specific photographic details automatically for 1 credit