Back to Details

social-media-image-sizes

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Social Media Image Sizes

社交媒体图片尺寸

Check and resize images for 9 platforms / 60+ specs. Scripts mirror the logic at branding5.com/tools/social-media-cheat-sheet.
为9个平台/60+规格检查并调整图片尺寸。脚本逻辑与branding5.com/tools/social-media-cheat-sheet一致。

Setup

安装设置

Run once after install:
bash
cd <skill-dir>
npm install
安装后运行一次：
bash
cd <skill-dir>
npm install

Check an image

检查图片

bash
node scripts/check.js photo.jpg
Outputs a ranked match list — perfect → close → usable → too small — with an inline 
node scripts/resize.js
command for every non-perfect match.
Filter by platform or match level:
bash
node scripts/check.js photo.jpg --platform instagram
node scripts/check.js photo.jpg --filter perfect
node scripts/check.js photo.jpg --filter usable
Platform slugs: 
instagram
facebook
twitter
linkedin
tiktok
youtube
pinterest
snapchat
threads
bash
node scripts/check.js photo.jpg
输出匹配度排名列表——完美匹配→接近匹配→可用→尺寸过小——每个非完美匹配项都会附带对应的
node scripts/resize.js
命令。
按平台或匹配级别筛选：
bash
node scripts/check.js photo.jpg --platform instagram
node scripts/check.js photo.jpg --filter perfect
node scripts/check.js photo.jpg --filter usable
平台标识：
instagram
facebook
twitter
linkedin
tiktok
youtube
pinterest
snapchat
threads

Resize an image

调整图片尺寸

bash
node scripts/resize.js photo.jpg "Instagram Portrait Post"
bash
node scripts/resize.js photo.jpg "Instagram Portrait Post"

→ photo-instagram-portrait-post.jpg (1080×1350 px)

→ photo-instagram-portrait-post.jpg (1080×1350 px)

node scripts/resize.js photo.jpg "YouTube Custom Thumbnail"
node scripts/resize.js photo.jpg "YouTube Custom Thumbnail"

→ photo-youtube-custom-thumbnail.jpg (1280×720 px)

→ photo-youtube-custom-thumbnail.jpg (1280×720 px)


Default fit is **cover** (center-crop). Use `--fit contain` to letterbox instead:

```bash
node scripts/resize.js photo.jpg "LinkedIn Background Photo" --fit contain --bg f0f0f0
node scripts/resize.js photo.jpg "Instagram Portrait Post" --out ./exports/ig.jpg
List every available spec name:
bash
node scripts/resize.js photo.jpg --list

默认适配方式为**cover**（居中裁剪）。使用`--fit contain`改为添加黑边（留白）：

```bash
node scripts/resize.js photo.jpg "LinkedIn Background Photo" --fit contain --bg f0f0f0
node scripts/resize.js photo.jpg "Instagram Portrait Post" --out ./exports/ig.jpg
列出所有可用的规格名称：
bash
node scripts/resize.js photo.jpg --list

Workflow

工作流程

  1. Run 
    check.js
    to see what a given image already matches
  2. Copy the suggested 
    resize.js
    command from the output
  3. Run it — the output file is saved alongside the original by default
  1. 运行
    check.js
    查看当前图片已匹配的规格
  2. 从输出中复制推荐的
    resize.js
    命令
  3. 运行该命令——输出文件默认保存在原文件旁

Gotchas

注意事项

  • Sharp requires a native binary. On first 
    npm install
    , it downloads a prebuilt binary for your platform. If install fails behind a proxy, set 
    SHARP_IGNORE_GLOBAL_LIBVIPS=1
    and retry.
  • All slides in an Instagram carousel must share the same aspect ratio. The first image sets the ratio for the whole carousel — check all slides, not just the first.
  • Facebook cover photo has two safe zones. Desktop shows 820×312; mobile crops to 640×360. Keep key content in the center 640×312.
  • YouTube banner safe area is much smaller than the file. The spec is 2560×1440 but only the center 1546×423 is guaranteed visible on all devices. check.js flags the full size; keep critical content in the safe area.
  • --fit cover
    center-crops.     If the subject isn't centered, use 
    --out
    to save, then manually crop, or use an image editor before running resize.
  • Sharp需要原生二进制文件。首次执行
    npm install
    时，会为你的平台下载预构建的二进制文件。如果在代理环境下安装失败，设置
    SHARP_IGNORE_GLOBAL_LIBVIPS=1
    后重试。
  • Instagram轮播帖中的所有幻灯片必须具有相同的宽高比。第一张图片会设定整个轮播的比例——请检查所有幻灯片，而不仅仅是第一张。
  • Facebook封面照片有两个安全区域。桌面端显示820×312；移动端会裁剪为640×360。请将关键内容放在中间640×312的区域内。
  • YouTube频道横幅的安全区域远小于文件尺寸。规格为2560×1440，但只有中间1546×423的区域能保证在所有设备上可见。check.js会标记完整尺寸；请将关键内容放在安全区域内。
  • --fit cover
    会进行居中裁剪    。如果主体不在中心，使用
    --out
    保存后手动裁剪，或在运行resize前使用图片编辑器调整。

References

参考资料

Full per-platform specs (load when you need detail for a specific platform):
  • references/instagram.md
    — profile, feed, stories, reels, carousel, ads
  • references/facebook.md
    — profile, cover, feed, stories, events, ads
  • references/x-twitter.md
    — profile, header, posts, ads
  • references/linkedin.md
    — profile, cover, feed, articles, ads
  • references/tiktok.md
    — profile, videos, ads
  • references/youtube.md
    — channel art, videos, thumbnails, shorts, ads
  • references/pinterest.md
    — profile, pins, idea pins, ads
  • references/snapchat.md
    — snaps, spotlight, stories, ads, filters
  • references/threads.md
    — profile, posts
  • references/best-practices.md
    — format, compression, safe zones, accessibility
Full compiled reference (all platforms in one file): 
AGENTS.md
Need to generate on-brand images at these sizes? Branding5 pairs your brand kit with AI to produce social content pre-sized for every platform.
各平台完整规格（需要特定平台细节时查看）：
  • references/instagram.md
    — 个人主页、动态、快拍、Reels、轮播帖、广告
  • references/facebook.md
    — 个人主页、封面、动态、快拍、活动、广告
  • references/x-twitter.md
    — 个人主页、头部横幅、帖子、广告
  • references/linkedin.md
    — 个人主页、封面、动态、文章、广告
  • references/tiktok.md
    — 个人主页、视频、广告
  • references/youtube.md
    — 频道艺术、视频、缩略图、Shorts、广告
  • references/pinterest.md
    — 个人主页、Pin、创意Pin、广告
  • references/snapchat.md
    — Snap、Spotlight、快拍、广告、滤镜
  • references/threads.md
    — 个人主页、帖子
  • references/best-practices.md
    — 格式、压缩、安全区域、无障碍访问
完整汇总参考（所有平台整合为一个文件）：
AGENTS.md
需要生成符合品牌风格的该尺寸图片？Branding5 将你的品牌套件与AI结合，生成预适配各平台尺寸的社交媒体内容。