各社交媒体平台推荐的图像格式与尺寸
为什么社交媒体图像优化很重要
社交媒体平台对图像有严格的格式和尺寸要求。不符合规格的图像会被自动裁剪、压缩或降低显示优先级,直接影响内容的传播效果。
优化的价值:
- 展示面积最大化:符合推荐比例的图像在信息流中占据更大面积,获得更多注意力
- 避免意外裁剪:不符合比例的图像会被平台自动裁剪,可能切掉重要内容
- 加载速度:过大的图像会被平台重新压缩,可能产生明显伪影。预先优化可控制最终质量
- 互动率提升:高质量、正确尺寸的图像平均互动率高出 30-50%
补充:OGP(Open Graph Protocol)图像在 URL 被分享时会自动显示,因此对点击率影响很大。各 SNS 的规格会频繁更新,需要定期确认并跟进调整。
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(推荐,质量更好体积更小)
补充:X 虽然是以文字为主的 SNS,但带图像的推文互动率据称比纯文字高约 150%。
- 推文图像:推荐 1200 x 675px(16:9)或 1200 x 1200px(1:1),最大 5MB(JPEG/PNG)、15MB(GIF),最多 4 张(2 张时并排,3-4 张为网格)
- 头图:1500 x 500px(3:1)
- OGP 卡片图像(Summary Card with Large Image):推荐 1200 x 628px(1.91:1),最小 300 x 157px,最大 5MB
X 上的 JPEG 图像在上传时会被重新压缩,而 PNG 图像在特定条件下可无损保存:具体而言,宽度在 900px 以下且无透明通道的 PNG 不易被重新压缩。
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 可控制最终质量
- 文字内容使用高对比度和大字号,确保在小屏幕上可读
补充:Instagram 是以图像为中心的 SNS,图像品质直接关系到粉丝增长与互动。
- 信息流:正方形 1,080 × 1,080px(1:1)最常见,竖版 1,080 × 1,350px(4:5)在信息流中占据面积最大
- 快拍与 Reels:1,080 × 1,920px(9:16),上下各 250px 可能被界面元素遮挡,重要信息应放在中央
- 轮播贴文最多 10 张;宽度超过 1,080 px 的图像会被缩小,不足 320px 的会被放大
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 等多个平台的链接预览。
补充:Facebook 与 LINE 的主要尺寸如下。
- Facebook 贴文图像最小 600 x 315px;封面照片 820 x 312px(PC)、640 x 360px(移动端);头像 170 x 170px(PC)、128 x 128px(移动端);活动封面 1200 x 628px,最大 30MB
- Facebook 的 OGP 图像在 1200 x 630px 以上时会以大卡片形式显示
- LINE 会裁剪中央的 630 x 630px 正方形显示,因此重要信息要集中在中央
- LINE 富消息 1040 x 1040px(正方形);富菜单(大)2500 x 1686px,富菜单(小)2500 x 843px
LINE 的 OGP 显示与其他 SNS 不同,会进行正方形裁剪,因此制作横版 OGP 图像时必须做「安全区域」设计,把主要内容放在中央。
OGP 图像设计策略
OGP(Open Graph Protocol)图像是链接被分享时显示的预览图。设计良好的 OGP 图像可显著提升点击率。
设计原则:
- 尺寸:1200x630px(1.91:1),这是各平台的最大公约数
- 安全区域:重要内容放在中央 80% 区域,边缘可能被裁剪
- 文字大小:标题文字至少 40px,在缩略图状态下也要可读
- 对比度:确保文字与背景有足够对比度,在各种背景色的信息流中都能突出
内容策略:
- 包含文章标题或核心信息,让用户不点击也能了解内容概要
- 使用品牌色和 Logo 建立视觉识别
- 避免过多文字(Facebook 曾限制文字占比 < 20%)
- 每篇文章使用独特的 OGP 图像,避免千篇一律
补充:OGP(Open Graph Protocol)图像是 URL 被分享时在各 SNS 自动显示的缩略图。由于要用一张图应对多个 SNS,需要有策略地设计。
- 通用 OGP 尺寸:一张图覆盖多平台时,1200 x 630px(1.91:1)通用性最高,在 X、Facebook、LinkedIn、Discord 上都能正确显示
- 为适配各 SNS 的裁剪规格,四边应各留出 50px 以上的留白
在 HTML 的 <meta> 标签中,og:image 要填写绝对 URL,并同时写出 og:image:width 与 og:image:height,这样 SNS 爬虫可以提前得知图像尺寸,显示更稳定。
高效的图像导出工作流
为多个平台准备图像时,建立高效的工作流可大幅节省时间。
推荐工作流:
- 源文件:以最大尺寸和最高质量保存源文件(PSD/Figma/PNG)
- 批量导出:使用 Photoshop 动作或 Figma 导出设置,一键生成所有平台尺寸
- 格式转换:Sharp 或 ImageMagick 批量转换为各平台最佳格式
自动化工具:
- Figma:设置多个导出尺寸,一键导出所有变体
- Sharp 脚本:Node.js 脚本自动生成所有平台尺寸和格式
- Canva:内置各平台模板,快速适配不同尺寸
质量检查:
- 导出后在各平台的预览工具中确认显示效果
- Facebook Sharing Debugger 检查 OGP 图像是否正确抓取
- 截至 2026 年 8 月,官方已不再提供 Twitter/X 的卡片预览工具,因此改用其他工具确认 OGP 标签是否正确输出,并用自己的测试账号实际发布一次作为最终确认
补充:要高效制作适配多个 SNS 的图像,关键是建立以模板为基础的工作流。
- 模板设计:在 Figma 或 Canva 中制作母版模板,为各 SNS 准备对应画框;把 Logo、品牌色、字体等共同要素组件化以便统一修改;做到只替换文字就能产出新的 OGP 图像
- 自动化工具:
sharp(Node.js)可编程地缩放与转换,能嵌入构建流水线;Cloudinary 通过 URL 参数动态缩放与转换格式,同时兼顾 CDN 分发;og-image系列库可从 HTML/CSS 动态生成 OGP 图像,把文章标题自动图像化 - 格式选择:照片用 JPEG(质量 80-85%);文字与 Logo 类用 PNG;动画用 GIF(X)或 MP4(Instagram、Facebook);WebP 的支持平台在增加,但作为 OGP 图像仍以 JPEG/PNG 更稳妥
导出时要确认各 SNS 的最大文件体积限制,并调整质量参数使其落在限制之内。