各社交媒体平台推荐的图像格式与尺寸
为什么社交媒体图像优化很重要
社交媒体平台对图像有严格的格式和尺寸要求。不符合规格的图像会被自动裁剪、压缩或降低显示优先级,直接影响内容的传播效果。
优化的价值:
- 展示面积最大化:符合推荐比例的图像在信息流中占据更大面积,获得更多注意力
- 避免意外裁剪:不符合比例的图像会被平台自动裁剪,可能切掉重要内容
- 加载速度:过大的图像会被平台重新压缩,可能产生明显伪影。预先优化可控制最终质量
- 互动率提升:高质量、正确尺寸的图像平均互动率高出 30-50%
X(原 Twitter)图像规格
X 平台对图像有特定的显示规则,了解这些规则可确保图像按预期展示。
图像规格:
- 单图发布:推荐 16:9(1200x675px)。最大文件 5MB(PNG/JPEG/GIF/WebP)
- 双图发布:每张显示为 7:8 比例
- 三图发布:第一张 7:8,其余 4:7
- 四图发布:每张 2:1 比例
- 头图:3:1(1500x500px),重要内容放中央 60%
- 头像:1:1(400x400px),显示为圆形
格式建议:
- 照片:JPEG(质量 85+)或 WebP
- 图形/截图:PNG(保持文字清晰)
- 动图:GIF(最大 15MB)或 MP4(推荐,质量更好体积更小)
Instagram 图像规格
Instagram 是视觉优先的平台,图像质量和比例对互动率影响显著。
各类型规格:
- 动态帖子:正方形 1:1(1080x1080)、竖版 4:5(1080x1350,推荐)、横版 1.91:1(1080x566)
- 快拍/Reels:9:16(1080x1920),全屏竖版
- 轮播图:所有图片必须相同比例,推荐 1:1 或 4:5
- 头像:1:1(320x320+),显示为圆形
优化要点:
- 4:5 竖版在信息流中显示面积最大,互动率平均高 15-20%
- Instagram 会将图像压缩为 JPEG,上传前预先压缩到 JPEG q90 可控制最终质量
- 文字内容使用高对比度和大字号,确保在小屏幕上可读
Facebook 和 LINE 图像规格
Facebook 和 LINE 在链接分享时使用 OGP(Open Graph Protocol)图像,规格要求相似。
Facebook:
- 链接分享(OGP):1.91:1(1200x630px)。这是最重要的尺寸,也适用于 LINE、Slack 等
- 动态图片:推荐 1200x630 或 1080x1080
- 封面照片:桌面 820x312,移动 640x360
- 头像:1:1(170x170 桌面显示)
LINE:
- 链接分享:使用 OGP 图像,1.91:1(1200x630px)
- 聊天中发送:最大 10MB,支持 JPEG/PNG/GIF
共通要点:OGP 图像(1200x630px,1.91:1)是跨平台通用的最重要尺寸。一张图适配 Facebook、LINE、Slack、Discord 等多个平台的链接预览。
OGP 图像设计策略
OGP(Open Graph Protocol)图像是链接被分享时显示的预览图。设计良好的 OGP 图像可显著提升点击率。
设计原则:
- 尺寸:1200x630px(1.91:1),这是各平台的最大公约数
- 安全区域:重要内容放在中央 80% 区域,边缘可能被裁剪
- 文字大小:标题文字至少 40px,在缩略图状态下也要可读
- 对比度:确保文字与背景有足够对比度,在各种背景色的信息流中都能突出
内容策略:
- 包含文章标题或核心信息,让用户不点击也能了解内容概要
- 使用品牌色和 Logo 建立视觉识别
- 避免过多文字(Facebook 曾限制文字占比 < 20%)
- 每篇文章使用独特的 OGP 图像,避免千篇一律
高效的图像导出工作流
为多个平台准备图像时,建立高效的工作流可大幅节省时间。
推荐工作流:
- 源文件:以最大尺寸和最高质量保存源文件(PSD/Figma/PNG)
- 批量导出:使用 Photoshop 动作或 Figma 导出设置,一键生成所有平台尺寸
- 格式转换:Sharp 或 ImageMagick 批量转换为各平台最佳格式
自动化工具:
- Figma:设置多个导出尺寸,一键导出所有变体
- Sharp 脚本:Node.js 脚本自动生成所有平台尺寸和格式
- Canva:内置各平台模板,快速适配不同尺寸
质量检查:
- 导出后在各平台的预览工具中确认显示效果
- Facebook Sharing Debugger 检查 OGP 图像是否正确抓取
- X Card Validator 验证 Twitter Card 显示