email-banner-generation

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Email Banner Generation

电子邮件横幅生成

Generate high-converting email marketing banners and headers using each::sense. This skill creates images optimized for email clients with standard 600px width for maximum compatibility.
使用each::sense生成高转化率的电子邮件营销横幅和标题。该工具创建的图片针对邮件客户端优化,采用标准600px宽度以确保最大兼容性。

Features

功能特性

  • Newsletter Headers: Professional headers for recurring newsletters
  • Promotional Banners: Sale announcements and discount campaigns
  • Product Announcements: New product and feature launch visuals
  • Welcome Emails: First impression headers for new subscribers
  • Seasonal Campaigns: Holiday and seasonal themed banners
  • Event Invitations: Webinar, conference, and event headers
  • Flash Sale Banners: Urgency-driven countdown style graphics
  • Testimonial Banners: Customer review and social proof visuals
  • Email Signatures: Professional branded signature banners
  • 新闻通讯标题:为定期推送的新闻通讯打造专业标题
  • 促销横幅:用于促销活动公告和折扣营销
  • 产品发布横幅:新产品及功能上线的视觉素材
  • 欢迎邮件标题:为新订阅用户打造的第一印象标题
  • 季节性营销横幅:节日及主题季相关的横幅
  • 活动邀请标题:网络研讨会、会议及各类活动的邀请标题
  • 限时闪购横幅:营造紧迫感的倒计时风格图形
  • 客户证言横幅:客户评价及社交证明类视觉素材
  • 邮件签名横幅:专业品牌化的签名横幅

Quick Start

快速开始

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create an email newsletter header, 600px wide, for a tech company weekly digest. Modern, clean design with blue gradient background.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create an email newsletter header, 600px wide, for a tech company weekly digest. Modern, clean design with blue gradient background.",
    "mode": "max"
  }'

Email Banner Sizes & Best Practices

邮件横幅尺寸与最佳实践

Banner TypeDimensionsUse Case
Standard Header600x200Newsletter headers, general announcements
Hero Banner600x300Promotional campaigns, product launches
Compact Header600x150Minimalist headers, signature banners
Full Feature600x400Product showcases, event invitations
Signature Banner600x100Email signature graphics
Note: 600px width is the email-safe standard that renders correctly across all major email clients (Gmail, Outlook, Apple Mail, etc.).
横幅类型尺寸使用场景
标准标题600x200新闻通讯标题、通用公告
主视觉横幅600x300促销活动、产品发布
紧凑标题600x150极简风格标题、签名横幅
全功能横幅600x400产品展示、活动邀请
签名横幅600x100邮件签名图形
注意:600px宽度是邮件安全标准尺寸,可在所有主流邮件客户端(Gmail、Outlook、Apple Mail等)中正确渲染。

Use Case Examples

使用场景示例

1. Newsletter Header

1. 新闻通讯标题

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x200px email newsletter header for a tech startup weekly digest. Clean modern design with subtle geometric patterns, dark blue to purple gradient background. Include space for logo on the left side. Professional and contemporary feel.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x200px email newsletter header for a tech startup weekly digest. Clean modern design with subtle geometric patterns, dark blue to purple gradient background. Include space for logo on the left side. Professional and contemporary feel.",
    "mode": "max"
  }'

2. Promotional Sale Banner

2. 促销活动横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px promotional email banner for a 50% off summer sale. Bright, energetic design with coral and yellow colors. Include visual space for SALE headline text and shop now button. E-commerce fashion brand style.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px promotional email banner for a 50% off summer sale. Bright, energetic design with coral and yellow colors. Include visual space for SALE headline text and shop now button. E-commerce fashion brand style.",
    "mode": "max"
  }'

3. Product Announcement Banner

3. 产品发布横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px email banner announcing a new smartphone launch. Premium tech aesthetic with dark background, subtle light rays, and space for product image placement. Apple-style minimalism with focus on elegance.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px email banner announcing a new smartphone launch. Premium tech aesthetic with dark background, subtle light rays, and space for product image placement. Apple-style minimalism with focus on elegance.",
    "mode": "max"
  }'

4. Welcome Email Header

4. 欢迎邮件标题

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x250px welcome email header for a fitness app. Warm, inviting design with energetic person silhouette, sunrise gradient (orange to yellow), motivational atmosphere. Space for Welcome message and brand logo.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x250px welcome email header for a fitness app. Warm, inviting design with energetic person silhouette, sunrise gradient (orange to yellow), motivational atmosphere. Space for Welcome message and brand logo.",
    "mode": "max"
  }'

5. Holiday/Seasonal Banner

5. 节日/季节性横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px holiday email banner for Christmas sale campaign. Festive design with snow, pine trees silhouettes, red and gold color scheme. Elegant with subtle sparkles, space for holiday greeting text and discount badge.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px holiday email banner for Christmas sale campaign. Festive design with snow, pine trees silhouettes, red and gold color scheme. Elegant with subtle sparkles, space for holiday greeting text and discount badge.",
    "mode": "max"
  }'

6. Event Invitation Header

6. 活动邀请标题

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x350px email header for a virtual conference invitation. Professional corporate design with abstract network visualization, deep blue and teal colors. Include visual areas for event name, date, and register button. Tech conference aesthetic.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x350px email header for a virtual conference invitation. Professional corporate design with abstract network visualization, deep blue and teal colors. Include visual areas for event name, date, and register button. Tech conference aesthetic.",
    "mode": "max"
  }'

7. New Collection Announcement

7. 新品系列发布横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px email banner for a fashion brand new spring collection launch. Elegant, high-fashion aesthetic with soft pastel colors (blush pink, sage green). Minimalist with space for NEW COLLECTION text overlay. Luxury brand feel.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x300px email banner for a fashion brand new spring collection launch. Elegant, high-fashion aesthetic with soft pastel colors (blush pink, sage green). Minimalist with space for NEW COLLECTION text overlay. Luxury brand feel.",
    "mode": "max"
  }'

8. Flash Sale Countdown Banner

8. 限时闪购倒计时横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x250px flash sale email banner with urgency. Bold design with red and black colors, dynamic diagonal stripes or lightning bolt elements. Include visual space for countdown timer display boxes (hours:minutes:seconds). High energy, act now feeling.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x250px flash sale email banner with urgency. Bold design with red and black colors, dynamic diagonal stripes or lightning bolt elements. Include visual space for countdown timer display boxes (hours:minutes:seconds). High energy, act now feeling.",
    "mode": "max"
  }'

9. Testimonial/Review Banner

9. 客户证言/评价横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x280px email banner for customer testimonials section. Clean design with soft gradient background (light gray to white), space for circular customer photo placeholder, quote marks design element, 5-star rating visual. Trust-building, professional layout.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x280px email banner for customer testimonials section. Clean design with soft gradient background (light gray to white), space for circular customer photo placeholder, quote marks design element, 5-star rating visual. Trust-building, professional layout.",
    "mode": "max"
  }'

10. Email Signature Banner

10. 邮件签名横幅

bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x100px email signature banner for a marketing agency. Sleek horizontal design with subtle gradient, space for company logo on left, social media icon placeholders on right. Professional, minimal, brand-forward design.",
    "mode": "max"
  }'
bash
curl -X POST https://sense.eachlabs.run/chat \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "message": "Create a 600x100px email signature banner for a marketing agency. Sleek horizontal design with subtle gradient, space for company logo on left, social media icon placeholders on right. Professional, minimal, brand-forward design.",
    "mode": "max"
  }'

Best Practices

最佳实践

Email-Safe Design

邮件安全设计

  • Width: Always use 600px width for maximum email client compatibility
  • File Size: Keep images under 1MB for fast loading
  • Format: PNG for graphics with transparency, JPG for photos
  • Alt Text: Always include descriptive alt text for accessibility
  • Retina Support: Consider 1200px width scaled to 600px for retina displays
  • 宽度:始终使用600px宽度以确保在所有邮件客户端的兼容性
  • 文件大小:图片大小控制在1MB以下以保证加载速度
  • 格式:带透明效果的图使用PNG格式,照片使用JPG格式
  • 替代文本:始终添加描述性替代文本以提升可访问性
  • 视网膜屏支持:可考虑使用1200px宽度的图片,缩放至600px以适配视网膜屏

Visual Guidelines

视觉设计指南

  • Text Space: Leave clear areas for text overlays
  • Contrast: Ensure text areas have sufficient contrast
  • Brand Consistency: Maintain consistent colors and style across campaigns
  • Mobile: Design with mobile email clients in mind (single column)
  • Safe Zones: Keep critical elements away from edges
  • 文本预留区域:为文本叠加预留清晰的区域
  • 对比度:确保文本区域有足够的对比度
  • 品牌一致性:在所有营销活动中保持一致的色彩和风格
  • 移动端适配:设计时考虑移动端邮件客户端(单列布局)
  • 安全区域:将关键元素远离边缘放置

Content Tips

内容建议

  • Clear Hierarchy: Most important information should be immediately visible
  • Single Focus: One main message per banner
  • CTA Visibility: Ensure call-to-action areas stand out
  • Minimal Text: Use supporting HTML text instead of image text when possible
  • 清晰层级:最重要的信息应一目了然
  • 单一焦点:每个横幅仅传递一个核心信息
  • CTA可见性:确保行动召唤(CTA)区域突出
  • 极简文本:尽可能使用HTML文本替代图片内的文本

Prompt Tips for Email Banners

邮件横幅提示词技巧

When creating email banners, include these details in your prompt:
  1. Dimensions: Specify exact size (e.g., 600x300px)
  2. Banner Type: Header, promotional, announcement, etc.
  3. Color Scheme: Brand colors or desired palette
  4. Text Space: Where headlines/CTAs will be placed
  5. Style: Minimalist, bold, elegant, playful, etc.
  6. Industry: E-commerce, SaaS, fitness, fashion, etc.
创建邮件横幅时,提示词中应包含以下细节:
  1. 尺寸:指定精确尺寸(如600x300px)
  2. 横幅类型:标题、促销、公告等
  3. 配色方案:品牌色或期望的调色板
  4. 文本区域:标题/CTA/Logo的放置位置
  5. 风格:极简、大胆、优雅、活泼等
  6. 行业:电商、SaaS、健身、时尚等

Example Prompt Structure

提示词结构示例

"Create a [width]x[height]px email [banner type] for [industry/brand].
[Style description] with [color scheme].
Include space for [text elements like headline, CTA, logo].
[Mood/feeling] aesthetic."
"Create a [width]x[height]px email [banner type] for [industry/brand].
[Style description] with [color scheme].
Include space for [text elements like headline, CTA, logo].
[Mood/feeling] aesthetic."

Mode Selection

模式选择

Ask your users before generating:
"Do you want fast & cheap, or high quality?"
ModeBest ForSpeedQuality
max
Final campaign banners, A/B testing winnersSlowerHighest
eco
Quick drafts, concept exploration, bulk variationsFasterGood
生成前请询问用户:
"您需要快速低成本的版本,还是高质量版本?"
模式适用场景速度质量
max
最终营销活动横幅、A/B测试胜出素材较慢最高
eco
快速草稿、概念探索、批量变体生成较快良好

Multi-Turn Creative Iteration

多轮创意迭代

Use
session_id
to iterate on email banners:
bash
undefined
使用
session_id
对邮件横幅进行迭代优化:
bash
undefined

Initial banner

初始横幅

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px promotional email banner for Black Friday sale. Bold design with dark background.", "session_id": "email-campaign-bf2024" }'
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px promotional email banner for Black Friday sale. Bold design with dark background.", "session_id": "email-campaign-bf2024" }'

Iterate based on feedback

根据反馈迭代

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Add more gold accents and make the design more premium looking. Include space for 70% OFF text.", "session_id": "email-campaign-bf2024" }'
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Add more gold accents and make the design more premium looking. Include space for 70% OFF text.", "session_id": "email-campaign-bf2024" }'

Request size variation

请求尺寸变体

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a compact 600x150px version of this banner for email signature use.", "session_id": "email-campaign-bf2024" }'
undefined
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a compact 600x150px version of this banner for email signature use.", "session_id": "email-campaign-bf2024" }'
undefined

Campaign Batch Generation

批量生成营销素材

Generate multiple variations for A/B testing:
bash
undefined
生成多个变体用于A/B测试:
bash
undefined

Variation A - Bold colors

变体A - 大胆配色

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - bold vibrant colors, energetic design", "mode": "eco" }'
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - bold vibrant colors, energetic design", "mode": "eco" }'

Variation B - Minimal design

变体B - 极简设计

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - minimal clean design, soft pastels", "mode": "eco" }'
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - minimal clean design, soft pastels", "mode": "eco" }'

Variation C - Photo-centric

变体C - 图片优先

curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - lifestyle photography style, person in spring setting", "mode": "eco" }'
undefined
curl -X POST https://sense.eachlabs.run/chat
-H "Content-Type: application/json"
-H "X-API-Key: $EACHLABS_API_KEY"
-H "Accept: text/event-stream"
-d '{ "message": "Create a 600x300px email banner for spring sale - lifestyle photography style, person in spring setting", "mode": "eco" }'
undefined

Error Handling

错误处理

ErrorCauseSolution
Failed to create prediction: HTTP 422
Insufficient balanceTop up at eachlabs.ai
Content policy violationProhibited contentAdjust prompt to comply with content policies
TimeoutComplex generationSet client timeout to minimum 10 minutes
错误原因解决方案
Failed to create prediction: HTTP 422
余额不足在eachlabs.ai进行充值
Content policy violation内容违反政策调整提示词以符合内容政策
Timeout生成任务复杂将客户端超时设置为至少10分钟

Related Skills

相关技能

  • each-sense
    - Core API documentation
  • meta-ad-creative-generation
    - Meta/Facebook ad creatives
  • product-photo-generation
    - E-commerce product shots
  • each-sense
    - 核心API文档
  • meta-ad-creative-generation
    - Meta/Facebook广告素材生成
  • product-photo-generation
    - 电商产品图片生成