做裁图站 CropDen 的时候整理了一份尺寸数据,单独开源了。
网上的尺寸表大多只写宽和高,真去裁图还得知道 App 会挡住哪:YouTube 横幅上的头像、快拍底部的回复栏、Instagram 主页网格会把 4:5 的帖子切掉一截。这份数据把这些区域都标成了像素坐标。
里面有什么
- 14 个平台、55 个尺寸:Instagram 、YouTube 、TikTok 、Facebook 、LinkedIn 、X 、Discord 、Twitch 、Pinterest 、Snapchat 、Etsy 、Shopify 、eBay 、Amazon 。每个尺寸带安全区、上传上限和最小尺寸
- 6 种护照和签证照片:美国、英国、申根、加拿大、澳大利亚、中国签证
- JSON 可以直接拿,允许跨域: https://cropden.com/data/social-media-image-sizes.json
- 数据 CC BY 4.0 ,代码 MIT
顺手做的两个东西
- 配图 skill ,Claude Code 、Codex 、Cursor 都能装:
npx skills add geektao1024/social-media-image-sizes。让 AI 在本地按平台尺寸裁图、压到上传上限,再出一张标了遮挡区的预览图,图不上传 - 远程 MCP:
https://cropden.com/mcp。查尺寸免费,不用 key ; AI 扩图、放大、去背景要 key ,按积分扣
踩过的坑
- 起点是另一个图片站的开源仓库,它整站 MIT 开源。翻依赖时发现它用的抠图库是 AGPL ,我的站不全开,就没用这个库,去背景改调云端。看别人的开源仓库,先看依赖的许可证
- 公开仓库是从私有仓库按白名单导出的,不带提交历史,免得把密钥和别的站带出去
- Chrome 插件第一次提交被秒拒,原因是"说明中有过多关键字":说明里罗列了 11 个平台的尺寸。改成正常段落就过了
- 有些平台没公开官方尺寸,用的是几份主流指南的共识值。下个版本给每组尺寸补上来源链接,发现数据不对欢迎提 issue
仓库: https://github.com/geektao1024/social-media-image-sizes 网站: https://cropden.com