mcpField
C
CropDen: image sizes and AI image tools

CropDen: image sizes and AI image tools

远程服务
cropden.com媒体与设计24 天前更新

关于 CropDen: image sizes and AI image tools

CropDen 为设计师、内容创作者和 Agent 提供图片尺寸、安全区域规格及 AI 图片工具。其远程 MCP 服务将免费的尺寸查询与按积分使用的扩图、放大和背景移除功能结合起来。

主要功能

  1. 01查询尺寸、安全区域和上传限制
  2. 02涵盖 14 个平台及 6 类证件照
  3. 03使用 AI 扩展图片
  4. 04将图片放大 2× 或 4×
  5. 05移除背景并输出透明 PNG

适用场景

  1. 01制作社交媒体图片前检查裁剪安全区域
  2. 02查找平台上传所需的图片规格
  3. 03将图片扩展为更宽或更高的比例
  4. 04放大图片或移除背景

MCP 相关

CropDen 在 https://cropden.com/mcp 提供基于 Streamable HTTP 的远程 MCP 服务。客户端可免费查询图片规格;AI 图片工具需要 API 密钥和积分。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://cropden.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://cropden.com/mcp需要授权

工具

详细介绍

social-media-image-sizes

14 个平台的图片尺寸:55 种规格,包含安全区域、上传限制和最小尺寸;另含 6 种护照和签证照片规格。提供 JSON、npm 包、Agent 技能和 MCP 服务。数据采用 CC BY 4.0 许可。

网站 · JSON · 中文说明

大多数尺寸列表只列出宽 × 高。裁剪图片时,你还需要知道应用会在图片上覆盖什么内容:YouTube 频道横幅上的头像、快拍底部的说明栏,以及会裁掉 4:5 Instagram 帖子的 3:4 个人主页网格。此数据集以像素为单位标出了这些区域。

快速预览

每行展示一种尺寸。每个类别在数据中都包含更多尺寸。

平台图片尺寸(px)比例在 CropDen 上裁剪
Instagram3:4 竖版帖子(另有 3 种)1080 × 14403:4裁剪
Instagram快拍(另有 2 种)1080 × 19209:16裁剪
Instagram头像(另有 1 种)320 × 3201:1裁剪
YouTube频道横幅(另有 1 种)2560 × 144016:9裁剪
YouTube视频缩略图(4K)(另有 2 种)3840 × 216016:9裁剪
YouTube短视频(9:16)(另有 1 种)1080 × 19209:16裁剪
Facebook封面照片(另有 2 种)851 × 3152.70:1裁剪
Facebook动态帖子(4:5)(另有 3 种)1080 × 13504:5裁剪
Discord个人主页横幅(另有 3 种)600 × 2405:2裁剪
Discord自定义表情(另有 2 种)128 × 1281:1裁剪
LinkedIn个人主页背景(另有 3 种)1584 × 3964:1裁剪
X (Twitter)页眉照片(另有 3 种)1500 × 5003:1裁剪
Twitch个人主页横幅(另有 3 种)1200 × 4805:2裁剪
TikTok视频 / 照片幻灯片(另有 2 种)1080 × 19209:16裁剪
Pinterest标准图钉(2:3)(另有 2 种)1000 × 15002:3裁剪
Snapchat快拍 / Spotlight1080 × 19209:16裁剪
Etsy商品列表照片(4:3)(另有 2 种)3000 × 22504:3裁剪
Shopify商品图片2048 × 20481:1裁剪
eBay商品列表照片1600 × 16001:1裁剪
Amazon商品主图2000 × 20001:1裁剪

护照照片(在 CropDen 上制作):

证件像素打印尺寸
美国护照和签证600 × 60050.8 × 50.8 mm
英国护照600 × 77135 × 45 mm
欧盟 / 申根600 × 77135 × 45 mm
加拿大600 × 84050 × 70 mm
澳大利亚600 × 77135 × 45 mm
中国签证600 × 87333 × 48 mm

所有尺寸及其区域都列在 data/social-media-image-sizes.json 中。要在浏览器中将图片裁剪为其中任意尺寸,请使用最后一列中的链接。

使用方法

npm
npm install social-media-image-sizes
import { getSize, groups } from 'social-media-image-sizes';

const post = getSize('instagram-post/portrait-34');
// { width: 1080, height: 1440, ratio: '3:4', exact: true, ... }

const youtube = groups.filter((g) => g.platform === 'YouTube');

也支持 CommonJS:const { getSize } = require('social-media-image-sizes')。

通过 HTTP 获取 JSON
const res = await fetch('https://cropden.com/data/social-media-image-sizes.json');
const { groups, passportPhotos } = await res.json();

该端点允许跨域请求,缓存时间为一小时。

与 AI Agent 搭配使用

技能:按正确尺寸制作图片

skills/social-media-image-sizes 是一项 Agent 技能,适用于 Claude Code、Codex、Cursor 及其他可读取 SKILL.md 的 Agent。你可以询问“把这张照片做成 YouTube 横幅”或“Instagram 快拍的尺寸是多少?”。它会选择合适的尺寸,使用 sharp 在你的设备上裁剪图片,确保文件低于上传限制,并绘制一张用红色标出覆盖区域的预览图。

npx skills add geektao1024/social-media-image-sizes

或者将该文件夹复制到 ~/.claude/skills/(Claude Code)或你的 Agent 技能文件夹中。

MCP 服务:尺寸与 AI 图片工具

CropDen 在 https://cropden.com/mcp 运行远程 MCP 服务(Streamable HTTP)。

工具功能费用
get_image_sizes从此数据集中获取尺寸、安全区域和上传限制免费,无需密钥
ai_extend_image将图片扩展为更宽或更高的形状(扩图)5 个积分
ai_upscale_image放大 2 倍或 4 倍8 或 12 个积分
ai_remove_background透明 PNG1 个积分
get_ai_task, get_credit_balance查看长时间运行的任务、查看余额免费,需密钥

Claude Code:

claude mcp add --transport http cropden https://cropden.com/mcp \
  --header "Authorization: Bearer YOUR_CROPDEN_API_KEY"

其他客户端:将 https://cropden.com/mcp 添加为使用相同请求头的 Streamable HTTP 服务。在 cropden.com 的 Settings → API keys 中获取密钥。AI 工具使用与网站相同的积分,运行失败时会退还积分。不提供密钥时,只能使用 get_image_sizes。

条目包含哪些内容

字段含义
id<group>/<size>,例如 youtube-banner/banner
width、height导出的像素尺寸
ratio宽高比,例如 3:4
exactfalse 表示只需符合宽高比
recommended一个分组中有多个尺寸时,我们推荐选用的尺寸
minWidth、minHeight平台接受或要求的最小上传尺寸
maxBytes上传大小上限,单位为字节(1 MB = 1,000,000)
zones以像素为单位的区域:safe-area(内容需放在此区域内)、ui-overlay(会被应用覆盖)、crop-preview(其他视图中显示的内容)
zones[].measured在实际运行的应用中测量;平台未公布此数据
zones[].x、y 等从图片左上角起算的像素位置。区域可以超出边缘,例如叠在横幅底部的头像
note一行提示,提供英文和中文版本

每个分组还包含 formats、facts(视频时长等信息)、verified,以及用于在 CropDen 上裁剪的 url。证件照还会提供以毫米为单位的打印尺寸,以及以照片高度为基准的头部和眼线范围。

如何核对这些数据

  • 优先采用平台的帮助页面。如果平台没有公布相关信息(例如 Instagram 头像尺寸),我们会参考当前各指南一致采用的尺寸。
  • measured: true 的区域是在应用中测量得出的。应用可能会调整按钮位置,因此请将这些数据作为参考。
  • verified 表示上次核对该分组的月份。每个分组的来源链接将在 0.2.0 版本中添加。
  • 如果发现尺寸已过时,请附上来源链接并提交 issue。

如果你只想查看平台官方公布的数据,请使用 The Social Specification,其中会将其他所有内容标记为未记录。本数据集专为裁剪而制作,因此会用实用尺寸和安全区域填补这些空缺。

网站介绍

CropDen 可用于裁剪。选择尺寸,在自己的图片上查看安全区域,并按精确像素尺寸导出,且不超过上传大小上限。裁剪和调整尺寸工具均在浏览器中运行。网站还提供批量调整尺寸和 AI 工具:扩展、放大和移除背景。

许可证

  • 数据(data/,以及 index.js 和 index.cjs 中的相同数据):CC BY 4.0。请按以下方式注明来源:Image size data by CropDen (https://cropden.com), CC BY 4.0。在网站上使用时,提供链接即可。
  • 代码:MIT。

致谢

SammaPix(MIT)是我们确定需要涵盖哪些平台和证件照类型时的初始参考,我们也用其数据文件交叉核对了尺寸。

如果这为你省去了查找时间,请点个星,帮助其他人发现这个项目。

由 Geektao(@geektao0319,发布中文内容)公开开发。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。