一张主视觉输出各平台尺寸,图片留在你的浏览器里不上传
社媒图片尺寸调整器
选一张图、挑平台尺寸、选缩放方式,就能直接下载。三种缩放方式差别很大:完整置入会保留整张图并填充留白,适合已排好版的主视觉;填满裁切会切掉超出的部分,适合抠图照片或满版底图;拉伸会变形,只在你确定需要时使用。尺寸表涵盖 Instagram、Facebook、LinkedIn、X、YouTube、Pinterest、TikTok 与网页 Open Graph 共 22 组,逐项标注来源与核对日期。所有运算通过浏览器的 Canvas 完成,图片完全不上传。
更新日期 2026-08-15 · 方法版本 v1.0.0
How to Use
- 点击「选择图片」上传文件,20MB 以内即可,图片仅在浏览器处理不外传
- 选好「平台」与「尺寸」,再从「缩放方式」选择完整置入、填满裁切或拉伸变形
- 选择完整置入时可调整「留白底色」,预览区会显示「原图」与「输出」尺寸
- 确认预览无误后,点击「下载此尺寸」将图片保存为 PNG
计算方法与假设
图片通过 Canvas 在本地重绘后导出 PNG,全程没有任何上传或外部请求,与 preflight-checker 的文件处理原则一致。
完整置入:等比缩放到完全放进目标框,剩余区域填充你指定的底色,原图一个像素都不裁掉。
填满裁切:等比缩放到铺满目标框并居中,超出部分裁掉,不留白也不变形。
拉伸:直接拉伸到目标尺寸,会变形;界面上有红字警示,因为这通常不是你想要的。
尺寸表存于 tools-data/social-sizes.json,逐项记录来源与核对日期,并纳入 tools.json 的 upstreamSources 周期性复核——社媒平台调整规格是常态,写死在程序里就会静默过时。
尺寸为平台的建议上传尺寸,与实际显示裁切区可能不同;已知有差异者逐项在界面上标注(例如 Facebook 封面上传 851×315、桌面端显示区约 820×312)。
使用场景
- 画册封面主视觉 → IG 方形帖子 1080×1080:用完整置入搭配品牌底色,版面完整不被切。
- 抠图产品照 → IG 快拍 1080×1920:用填满裁切,直接铺满不留白边。
- 横版主视觉 → LinkedIn 个人横幅 1584×396:极端宽高比,先看预览再决定用置入还是裁切。
- 同一张图连续切换平台尺寸,逐个下载,不必返回设计软件重新导出。
- Open Graph 1200×630 一并生成,网页分享预览与社媒素材同一批做完。
- 帖子上线后才发现主视觉被裁掉了重要信息,社媒运营回头比对完整置入与填满裁切的差异,找出当初选错了哪种缩放方式
常见问题
- 我的图片会被上传吗?
- 不会。图片通过 Canvas 在你的浏览器本地处理,没有任何上传或外部请求。关闭标签页后什么都不会留下。
- 完整置入和填满裁切怎么选?
- 看你的图片能不能被裁切。已排好版、有文字或 logo 贴近边缘的主视觉选完整置入;抠图照片或满版底图选填满裁切。不确定就两个都预览一次。
- 为什么 Facebook 封面是 851×315 不是 820×312?
- 851×315 是建议上传尺寸,820×312 是桌面端的显示区。按上传尺寸出图、重要元素不要贴边,两边就都不会出问题。界面上这一条有标注。
- 尺寸表多久更新一次?
- 尺寸来源与核对日期显示在工具下方,并已纳入本站的上游监控周期复核。社媒平台调整规格是常态,看到日期偏旧时请以平台当下的说明为准。
- 可以一次输出所有尺寸吗?
- 目前是一次一个尺寸。批量打包需要额外的压缩库,为单一功能引入依赖不划算,先保持轻量。
- 输出格式是什么?
- PNG,无损。需要 JPEG 压缩请在输出后用你常用的压缩工具处理。
限制与免责声明
- 尺寸来源于行业汇总渠道而非各平台官方说明页,平台调整规格时可能存在滞后;核对日期显示在工具下方。
- 建议上传尺寸不等于实际显示裁切区,已知差异逐条标注,未标注者仍请自行确认。
- 输出固定为 PNG,不提供 JPEG 质量调节与批量打包。
- 裁切一律居中,不提供自定义裁切位置与焦点设置。
- 上限 20MB;超大图片请先压缩。移动设备处理超大图可能较慢。
需要专业把关
工具算出来的是数字参考值。要进量产,打样怎么安排、规格怎么定、文件有没有隐藏风险,这些找行业顾问看一眼,比印坏一批再重来便宜得多