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)

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

→ 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

工作流程

Run
```
check.js
```
to see what a given image already matches
Copy the suggested
```
resize.js
```
command from the output
Run it — the output file is saved alongside the original by default

运行
```
check.js
```
查看当前图片已匹配的规格
从输出中复制推荐的
```
resize.js
```
命令
执行该命令——输出文件默认与原文件保存在同一目录

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结合，生成预适配各平台尺寸的社交媒体内容。