mcpField
S
social-media-image-sizes

social-media-image-sizes

github.com/branding5创意与媒体71.8k 次安装26 周前更新
代码仓库

关于 social-media-image-sizes

Social Media Image Sizes 是一项技能，可检查图片是否符合九个社交平台的规格，并按匹配程度排序且提供调整尺寸的命令。

主要功能

  1. 01按平台规格检查图片
  2. 02从理想到过小排列匹配度
  3. 03按平台或匹配等级筛选
  4. 04使用 cover 或 contain 调整尺寸
  5. 05列出可用图片规格

适用场景

  1. 01为源图片查找合适的社交平台格式
  2. 02准备特定平台版位所需图片
  3. 03按指定裁切或背景调整图片尺寸
  4. 04检查轮播图片的宽高比是否一致

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/branding5/social-media-image-sizes --skill social-media-image-sizes

安装后在 Claude Code 中输入/social-media-image-sizes确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

AGENTS.md
LICENSE
README.md
package.json
.gitignore
references/
instagram.md
best-practices.md
facebook.md
linkedin.md
pinterest.md
threads.md
tiktok.md
snapchat.md
youtube.md
x-twitter.md
scripts/
check.js
platform-data.js
resize.js

详细介绍

社交媒体图片尺寸

检查并调整适用于 9 个平台、60 多种规格的图片。脚本与 branding5.com/tools/social-media-cheat-sheet 中的逻辑一致。

设置

安装后运行一次：

cd <skill-dir>
npm install

检查图片

node scripts/check.js photo.jpg

输出按匹配程度排序的列表——完美 → 接近 → 可用 → 尺寸过小——并为每个非完美匹配提供内联 node scripts/resize.js 命令。

按平台或匹配级别筛选：

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

调整图片尺寸

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)

默认适配方式为 cover（居中裁剪）。使用 --fit contain 可改为留白适配：

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

列出所有可用的规格名称：

node scripts/resize.js photo.jpg --list

工作流

  1. 运行 check.js，查看指定图片已匹配哪些规格
  2. 从输出中复制建议的 resize.js 命令
  3. 运行该命令——默认情况下，输出文件会保存在原文件所在目录

注意事项

  • 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/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 相结合，为每个平台生成预设尺寸的社交媒体内容。

评论

支持 Markdown