generate-mixed-media
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseGenerate Mixed Media Creative
生成混合媒体广告创意
Combine a selected image variation with ad copy to create a complete, platform-ready advertising creative with text overlay.
将选定的图片变体与广告文案结合，创建带有文字叠加层、可直接投放至平台的完整广告创意素材。
Workflow
工作流程
Step 1: Validate Inputs
步骤1：验证输入信息
Verify required inputs:
- selectedImage: Image variation with URL, dimensions, variation_id
- adCopy: Ad copy with headline, body_copy, cta
- platform: Target platform for formatting
确认所需输入是否齐全：
- selectedImage：包含URL、尺寸和variation_id的图片变体
- adCopy：包含标题、正文文案和CTA的广告文案
- platform：用于格式适配的目标平台
Step 2: Determine Text Placement
步骤2：确定文字位置
Based on platform and image dimensions:
| Platform | Text Position | Safe Zone |
|---|---|---|
| TikTok (9:16) | Top 20%, Bottom 30% | Center 50% for image |
| Instagram Feed (1:1) | Top 15%, Bottom 25% | Center for image |
| Instagram Story (9:16) | Top 15%, Bottom 35% | Center 50% for image |
| Facebook Feed (1.91:1) | Left 40% or Bottom 25% | Right/Top for image |
| LinkedIn (1.91:1) | Left 35% or Bottom 20% | Right/Top for image |
根据平台和图片尺寸确定：
| 平台 | 文字位置 | 安全区域 |
|---|---|---|
| TikTok (9:16) | 顶部20%、底部30% | 中间50%为图片展示区 |
| Instagram Feed (1:1) | 顶部15%、底部25% | 中间为图片展示区 |
| Instagram Story (9:16) | 顶部15%、底部35% | 中间50%为图片展示区 |
| Facebook Feed (1.91:1) | 左侧40%或底部25% | 右侧/顶部为图片展示区 |
| LinkedIn (1.91:1) | 左侧35%或底部20% | 右侧/顶部为图片展示区 |
Step 3: Format Text Elements
步骤3：设置文字元素格式
Headline:
- Font size: 24-48px depending on platform
- Font weight: Bold
- Color: High contrast with image (white with shadow or dark)
- Position: Primary text zone
Body Copy:
- Font size: 14-20px
- Font weight: Regular
- Color: Match headline scheme
- Position: Below headline
CTA:
- Font size: 16-24px
- Style: Button or highlighted text
- Color: Accent color (platform brand or campaign color)
- Position: Bottom of text zone
标题:
- 字体大小：根据平台设置为24-48px
- 字体粗细：粗体
- 颜色：与图片背景形成高对比度（白色带阴影或深色）
- 位置：主要文字区域
正文文案:
- 字体大小：14-20px
- 字体粗细：常规
- 颜色：与标题配色方案一致
- 位置：标题下方
CTA:
- 字体大小：16-24px
- 样式：按钮样式或高亮文字
- 颜色：强调色（平台品牌色或活动主题色）
- 位置：文字区域底部
Step 4: Generate Composite
步骤4：生成合成素材
Create the final composite by:
- Loading source image at platform dimensions
- Adding semi-transparent overlay in text zones if needed
- Rendering headline, body copy, and CTA
- Exporting as PNG (lossless) or JPEG (optimized)
通过以下步骤创建最终合成素材：
- 按平台尺寸加载源图片
- 如有需要，在文字区域添加半透明叠加层
- 渲染标题、正文文案和CTA
- 导出为PNG（无损格式）或JPEG（优化格式）
Step 5: Return JSON Output
步骤5：返回JSON输出
Return this structure:
{
"generated_at": "ISO timestamp",
"composite_image_url": "URL of final composite",
"thumbnail_url": "thumbnail URL or null",
"mime_type": "image/png or image/jpeg",
"platform": "target platform",
"dimensions": { "width": 1080, "height": 1920 },
"source_image_variation": "A or B",
"ad_copy_used": {
"headline": "headline text",
"body_copy": "body copy text",
"cta": "CTA text"
}
}
返回以下结构：
{
"generated_at": "ISO时间戳",
"composite_image_url": "最终合成素材的URL",
"thumbnail_url": "缩略图URL或null",
"mime_type": "image/png或image/jpeg",
"platform": "目标平台",
"dimensions": { "width": 1080, "height": 1920 },
"source_image_variation": "A或B",
"ad_copy_used": {
"headline": "标题文本",
"body_copy": "正文文案",
"cta": "CTA文本"
}
}
Platform-Specific Guidelines
平台特定指南
TikTok
TikTok
- Bold, attention-grabbing headlines
- Short body copy (1-2 lines)
- Energetic CTA ("Try Now!", "Get Started!")
- Vertical format with text at top/bottom
- 醒目、吸引注意力的标题
- 简短的正文文案（1-2行）
- 富有活力的CTA（"立即尝试！", "开始使用！"）
- 竖版格式，文字位于顶部/底部
- Aesthetic, clean typography
- Moderate body copy length
- Lifestyle-oriented CTA ("Shop Now", "Learn More")
- Square or vertical format
- 美观、简洁的排版
- 中等长度的正文文案
- 生活化的CTA（"立即购买", "了解更多"）
- 方形或竖版格式
- Clear, informative headlines
- Longer body copy acceptable
- Direct CTA ("Sign Up", "Get Offer")
- Landscape format with left-aligned text
- 清晰、信息明确的标题
- 可接受较长的正文文案
- 直接的CTA（"注册", "获取优惠"）
- 横版格式，文字左对齐
- Professional, credible headlines
- Business-focused body copy
- Professional CTA ("Request Demo", "Download Report")
- Landscape format with clean layout
- 专业、可信的标题
- 聚焦商务内容的正文文案
- 专业风格的CTA（"申请演示", "下载报告"）
- 横版格式，布局简洁
Important Notes
重要注意事项
- Ensure text is readable against image background
- Use text shadows or overlays for contrast
- Respect platform safe zones for interactive elements
- Maintain brand consistency in typography
- Export at platform-native resolution
- Include both PNG and JPEG options when possible
- 确保文字在图片背景上清晰可读
- 使用文字阴影或叠加层提升对比度
- 遵守平台的交互元素安全区域要求
- 在排版上保持品牌一致性
- 以平台原生分辨率导出素材
- 尽可能同时提供PNG和JPEG两种格式