Back to Templates
AI Workflows
Cloud
Sign in required
AI Hero Image
Generate landing page hero images optimized for web and social sharing
Multi-step Pipeline
How It Works
4 steps in this workflow
- 1 Generate image with AI (DALL-E)
- 2 Resize to 1200×630
- 3 Round corners (8px radius)
- 4 Convert to WEBP
Code Examples
Use this template programmatically with the FloImg SDK or CLI
const hero = await floimg
.generate('openai', {
prompt: 'Futuristic city skyline at sunset, cinematic lighting',
model: 'dall-e-3',
size: '1792x1024'
})
.transform('resize', { width: 1200, height: 630 }) // OG image dimensions
.transform('roundCorners', { radius: 8 })
.transform('convert', { to: 'image/webp', quality: 85 })
.toBlob();# AI Hero Image
name: "AI Hero Image"
steps:
- kind: generate
generator: openai
out: result# AI Hero Image
floimg generate openai \
--output result.png
