爱意满满的作品展示区。
geektao102400

开源了一份社媒图片尺寸数据: 14 个平台 55 个尺寸,带 App 遮挡区域的像素坐标

  •  
  •   geektao102400 · 6h 59m ago · 261 views

    做裁图站 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

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4213 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:07 · PVG 18:07 · LAX 02:07 · JFK 05:07
    ♥ Do have faith in what you're doing.