Back to Details

canva-resize-for-all-social-media

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Canva Resize for Social Media

Canva 社交媒体尺寸批量调整

Automatically resize a single Canva design into multiple social media formats and export all versions as high-quality PNG images with direct download links.
自动将单个Canva设计调整为多种社交媒体格式，并将所有版本导出为带直接下载链接的高质量PNG图片。

Overview

概述

This skill enables rapid multi-platform content distribution by taking a single Canva design and creating optimized versions for:
  • Facebook post
  • Facebook story
  • Instagram post
  • Instagram story
  • LinkedIn post
All resized versions are automatically exported as high-quality PNG images with direct download links and Canva edit links provided.
此技能可实现跨平台内容的快速分发，它能将单个Canva设计创建为适配以下平台的优化版本：
  • Facebook帖子
  • Facebook快拍
  • Instagram帖子
  • Instagram快拍
  • LinkedIn帖子
所有调整后的版本会自动导出为高质量PNG图片，并提供直接下载链接和Canva编辑链接。

Workflow

工作流程

Step 1: Identify the Source Design

步骤1：确定源设计

Determine which Canva design the user wants to resize. This can be provided in three ways:
  1. Direct design ID: User provides a design ID (starts with "D")
    • Example: "resize design DABcd1234ef for all social media"
    • Use the design ID directly with 
      get-design
      tool to retrieve design information
  2. Direct design URL: User provides a Canva design link
    • Example: "resize https://www.canva.com/design/DABcd1234ef/... for all social media"
    • Extract the design ID from the URL (the part after 
      /design/
      and before the next 
      /
      or query parameter)
    • Use the extracted design ID with 
      get-design
      tool
  3. Search by design name: Use 
    search-designs
    tool with the design name as the query
    • Example: "resize my Demo Brand Template: Brix&Hart Flyer design for all social media"
    • Use the exact name/phrase the user provides as the search query
    • If multiple matches are found, present options and ask the user to select one
  4. Current context: If the user just created or edited a design in the conversation, use that design ID
Implementation note: When searching by name, pass the design name directly to 
search-designs
as the query parameter. The tool will find the best match based on the design title.
确定用户想要调整尺寸的Canva设计，可通过以下三种方式提供：
  1. 直接设计ID：用户提供设计ID（以“D”开头）
    • 示例：“调整设计DABcd1234ef以适配所有社交媒体平台”
    • 直接使用设计ID调用
      get-design
      工具获取设计信息
  2. 直接设计URL：用户提供Canva设计链接
  3. 按设计名称搜索：使用
    search-designs
    工具，以设计名称为查询词
    • 示例：“调整我的‘Demo Brand Template: Brix&Hart Flyer’设计以适配所有社交媒体平台”
    • 直接使用用户提供的准确名称/短语作为查询词
    • 如果找到多个匹配结果，展示选项并请用户选择其一
  4. 当前上下文：如果用户在对话中刚刚创建或编辑了某个设计，直接使用该设计的ID
实现说明：按名称搜索时，将设计名称直接作为查询参数传递给
search-designs
工具。该工具会根据设计标题找到最佳匹配结果。

Step 2: Retrieve Source Design Information

步骤2：获取源设计信息

Use the 
get-design
tool with the design ID to:
  • Confirm the design exists and is accessible
  • Get the design title (for naming resized versions)
  • Verify design type compatibility
使用设计ID调用
get-design
工具，以：
  • 确认设计存在且可访问
  • 获取设计标题（用于命名调整后的版本）
  • 验证设计类型的兼容性

Step 3: Resize to All Social Media Formats

步骤3：调整为所有社交媒体格式

Execute the resize operations in parallel by calling the 
resize-design
tool once for each target format. Use these exact specifications:
Required formats and dimensions:
  1. Facebook Post: 1200 × 630 pixels (custom)
    design_type: { type: "custom", width: 1200, height: 630 }
  2. Facebook Story: 1080 × 1920 pixels (custom)
    design_type: { type: "custom", width: 1080, height: 1920 }
  3. Instagram Post: 1080 × 1080 pixels (custom)
    design_type: { type: "custom", width: 1080, height: 1080 }
  4. Instagram Story: 1080 × 1920 pixels (custom)
    design_type: { type: "custom", width: 1080, height: 1920 }
  5. LinkedIn Post: 1200 × 627 pixels (custom)
    design_type: { type: "custom", width: 1200, height: 627 }
Note: Facebook Story and Instagram Story have identical dimensions. Create both versions but inform the user they're the same size.
Error handling: If a resize operation fails, continue with remaining formats and report which formats succeeded and which failed at the end.
通过为每个目标格式调用一次
resize-design
工具，并行执行尺寸调整操作。请使用以下精确规格：
所需格式及尺寸：
  1. Facebook帖子：1200 × 630像素（自定义）
    design_type: { type: "custom", width: 1200, height: 630 }
  2. Facebook快拍：1080 × 1920像素（自定义）
    design_type: { type: "custom", width: 1080, height: 1920 }
  3. Instagram帖子：1080 × 1080像素（自定义）
    design_type: { type: "custom", width: 1080, height: 1080 }
  4. Instagram快拍：1080 × 1920像素（自定义）
    design_type: { type: "custom", width: 1080, height: 1920 }
  5. LinkedIn帖子：1200 × 627像素（自定义）
    design_type: { type: "custom", width: 1200, height: 627 }
注意：Facebook快拍和Instagram快拍的尺寸完全相同。请创建两个版本，但需告知用户它们的尺寸一致。
错误处理：如果某次尺寸调整操作失败，继续执行剩余格式的调整，最后报告哪些格式成功、哪些失败。

Step 4: Export All Resized Designs as PNGs

步骤4：将所有调整后的设计导出为PNG格式

For each successfully resized design from Step 3:
  1. Use the 
    export-design
    tool with the resized design ID
  2. Set format type to 
    png
    with export quality 
    pro
    : 
    format: { type: "png", export_quality: "pro" }
  3. Collect the download URLs for all exported PNG files
Batch the export calls to execute them efficiently.
对于步骤3中成功调整的每个设计：
  1. 使用调整后的设计ID调用
    export-design
    工具
  2. 将格式设置为
    png
    ，导出质量为
    pro
    ： 
    format: { type: "png", export_quality: "pro" }
  3. 收集所有导出PNG文件的下载链接
批量执行导出调用以提升效率。

Step 5: Present Results with Download Links

步骤5：展示带下载链接的结果

Present comprehensive results to the user:
Provide the user with a summary including:
  1. Summary: Confirm which formats were created successfully
  2. PNG download links: Direct download links for each exported PNG
  3. Design edit links: Canva editor URLs for each resized design so users can make further edits
  4. Note about duplicates: Mention that Facebook Story and Instagram Story have identical dimensions
Presentation format example:
✅ Successfully resized your design for all social media platforms!

Individual PNG Downloads & Edit Links:

**Facebook Post** (1200×630)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Facebook Story** (1080×1920)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Instagram Post** (1080×1080)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Instagram Story** (1080×1920)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**LinkedIn Post** (1200×627)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

Note: Facebook Story and Instagram Story use the same dimensions (1080×1920).
Implementation details:
  • PNG download links come from the 
    export-design
    tool response
  • Design edit links come from the 
    resize-design
    tool response (use the 
    urls.edit_url
    field from each resized design)
  • Present links as clickable URLs, not just plain text
  • Organize by platform for easy scanning
向用户展示完整的结果：
为用户提供包含以下内容的摘要：
  1. 摘要：确认哪些格式已成功创建
  2. PNG下载链接：每个导出PNG文件的直接下载链接
  3. 设计编辑链接：每个调整后设计的Canva编辑器URL，方便用户进行进一步编辑
  4. 重复格式说明：提及Facebook快拍和Instagram快拍的尺寸完全相同
展示格式示例：
✅ 已成功为所有社交媒体平台调整您的设计尺寸！

各平台PNG下载链接及编辑链接：

**Facebook帖子**（1200×630）
- [下载PNG](png_url)
- [在Canva中编辑](edit_url)

**Facebook快拍**（1080×1920）
- [下载PNG](png_url)
- [在Canva中编辑](edit_url)

**Instagram帖子**（1080×1080）
- [下载PNG](png_url)
- [在Canva中编辑](edit_url)

**Instagram快拍**（1080×1920）
- [下载PNG](png_url)
- [在Canva中编辑](edit_url)

**LinkedIn帖子**（1200×627）
- [下载PNG](png_url)
- [在Canva中编辑](edit_url)

注意：Facebook快拍和Instagram快拍使用相同的尺寸（1080×1920）。
实现细节：
  • PNG下载链接来自
    export-design
    工具的响应
  • 设计编辑链接来自
    resize-design
    工具的响应（使用每个调整后设计的
    urls.edit_url
    字段）
  • 将链接展示为可点击的URL，而非纯文本
  • 按平台分类展示，便于用户快速浏览

Key Implementation Notes

关键实现说明

  • Parallel execution: Resize and export operations should be performed in parallel for efficiency
  • PNG export: Always export as PNG with pro quality for best image quality
  • Direct download links: Provide users with direct PNG download links (do not attempt to download files server-side or create zip files, as network restrictions prevent this)
  • Consistent naming: Use the source design title with platform suffix for resized designs
  • Error resilience: If any operation fails, complete the remaining operations and clearly report what succeeded/failed
  • User confirmation: Do not require user approval between steps - execute the full workflow automatically unless errors occur
  • Format accuracy: Always use the exact pixel dimensions specified above for each platform
  • 并行执行：尺寸调整和导出操作应并行执行以提升效率
  • PNG导出：始终以PNG格式导出，并选择pro质量以获得最佳图像效果
  • 直接下载链接：为用户提供PNG文件的直接下载链接（请勿尝试在服务器端下载文件或创建压缩包，因为网络限制会导致此操作失败）
  • 命名一致性：使用源设计标题加上平台后缀来命名调整后的设计
  • 错误恢复：如果任何操作失败，完成剩余操作并清晰报告成功和失败的内容
  • 用户确认：除非发生错误，否则无需用户在步骤间确认，自动执行完整工作流程
  • 格式准确性：始终使用上述指定的精确像素尺寸适配每个平台