公众号首图被裁切
运营小陈在公众号后台编辑推文,上传一张精心设计的封面图,预览时发现左右两侧被裁掉了关键文案。他打开本工具,选择「公众号首图」预设,输入原图尺寸 1200×900 px,工具提示实际显示区域为 1:1 比例,并给出安全区建议。他按提示将文字居中重新排版,最终发布后所有粉丝看到的都是完整版,避免了二次推送。
设计师在画布前调了半小时的尺寸,上传到平台却被自动裁切——头像变椭圆、Banner 底部被截。这个工具把各平台(微信、微博、B站、淘宝等)的头像、Banner、Icon 等固定尺寸整理成可查的列表,按平台或用途筛选,点选即看到宽高像素与比例。数据来自各平台公开规范,不做云端存储,页面关闭即清空。
运营小陈在公众号后台编辑推文,上传一张精心设计的封面图,预览时发现左右两侧被裁掉了关键文案。他打开本工具,选择「公众号首图」预设,输入原图尺寸 1200×900 px,工具提示实际显示区域为 1:1 比例,并给出安全区建议。他按提示将文字居中重新排版,最终发布后所有粉丝看到的都是完整版,避免了二次推送。
博主大刘拍了一组竖版美食照片,准备发小红书笔记。上传时发现系统自动裁剪的封面把菜品主体切掉了一半。他用本工具查找「小红书笔记封面」尺寸,得知竖版封面推荐 3:4 比例(1242×1660 px)。他把原图按此比例重新裁剪,确保每张照片在信息流中都能完整展示菜品细节,笔记互动量比之前提升了 30%。
UP主阿杰制作了一期科技评测视频,精心设计的封面包含小字参数。上传 B 站后,封面缩略图变得模糊,参数完全看不清。他打开本工具,查到 B 站视频封面推荐尺寸为 1146×717 px,且文件大小需控制在 2MB 以内。他按此尺寸导出高清 PNG 格式,再压缩至 1.8MB 后上传,缩略图清晰度恢复,视频点击率明显回升。
淘宝店主老张上传一张 2000×2000 px 的服装主图,系统自动压缩后图片变得模糊,衣服纹理细节丢失。他使用本工具查询淘宝主图规范,发现官方推荐尺寸为 800×1200 px(3:4 比例),且文件大小不超过 3MB。他按此尺寸重新导出 JPEG 格式,质量设为 85%,上传后图片清晰度达标,商品点击率恢复正常。
设计师小赵为公司设计了一个方形 logo 作为微信头像,上传后发现微信自动将其裁剪为圆角,导致 logo 边缘被切掉。他使用本工具查询微信头像尺寸,得知官方推荐为 360×360 px 正方形。他按此尺寸重新导出,并预留 10px 安全边距,确保圆角裁剪后 logo 完整显示。最终公司所有员工微信头像统一且完整。
| 输入 | 输出 | 说明 |
|---|---|---|
| 微信头像(正方形) | 建议尺寸:200×200 px,最大 2MB | 常规:微信头像最常用尺寸,验证工具是否覆盖社交平台基础规范 |
| 小红书笔记封面(竖版) | 建议尺寸:1242×1660 px(3:4 比例),文件 ≤ 20MB | 常规:小红书竖版封面是典型高频场景,验证工具是否区分平台内不同内容类型 |
| YouTube 频道图标(圆形裁剪) | 建议尺寸:800×800 px,最小 98×98 px,格式 PNG/JPG/GIF | 边界:圆形裁剪场景下,工具是否提示最小尺寸限制和格式要求 |
| LinkedIn 个人资料背景图(长宽比 4:1) | 建议尺寸:1584×396 px,文件 ≤ 8MB | 边界:极端宽高比(4:1),验证工具是否处理非标准比例并给出精确数值 |
| B站直播间封面(16:9) | 建议尺寸:1920×1080 px,文件 ≤ 5MB | 边界:视频平台封面通常有严格比例和大小限制,验证工具是否区分直播与视频封面 |
| Apple App Store 图标(iOS) | 建议尺寸:1024×1024 px,无圆角,PNG 格式,文件 ≤ 10MB | 易错:App Store 图标要求无圆角(系统自动加),很多用户误传圆角图导致审核被拒 |
| Twitter/X 推文图片(单图) | 建议尺寸:1600×900 px(16:9),最小 600×335 px,文件 ≤ 5MB | 易错:Twitter 不同图片数量(单图/多图/卡片)尺寸规则不同,单图是最易混淆的起点 |
| 微信公众号封面(首条) | 建议尺寸:900×383 px(2.35:1),次条 900×500 px(1.8:1),文件 ≤ 10MB | 易错:首条与次条封面比例不同,用户常统一使用导致显示被裁剪 |
1.混淆分辨率与文件尺寸
在工具里找「微信头像尺寸」,输入 500KB 作为目标输入 200×200 像素作为微信头像的目标分辨率本工具处理的是图片的像素尺寸(宽×高),不是文件体积(KB/MB)。文件大小受压缩率、色彩深度影响,与像素尺寸无直接换算关系。
2.忽略平台对比例的特殊要求
设计淘宝主图时,直接使用 800×800 正方形,未考虑详情页展示时的裁剪规则淘宝主图建议 800×800 以上,但需注意 1:1 比例下商品主体居中,否则在列表页会被自动裁剪边缘不同平台对图片的「安全区」有隐藏要求。例如小红书封面虽然显示 3:4,但上传后会被裁成 1:1 缩略图;B站专栏头图 16:9 但移动端会强制居中裁剪上下部分。
3.把印刷 DPI 当屏幕像素用
设计公众号封面图时,设置 300 DPI 并输入 900×500 像素公众号封面图直接使用 900×383 像素(2.35:1 比例),无需关心 DPI 数值DPI(每英寸点数)只影响印刷物理尺寸,屏幕显示完全由像素数量决定。Web/App 设计一律以「像素」为准,DPI 设为 72 即可。
4.误以为「高清」等同于固定尺寸
制作抖音头像时,直接套用 1080×1080 像素(以为越大越清晰)抖音头像上传后会被压缩为 200×200 像素显示,原始文件建议 400×400 以上即可平台会对上传图片进行自动缩放和压缩。超出平台限制的最大尺寸不仅不会更清晰,反而因压缩算法导致画质劣化。应使用平台推荐的最大尺寸。
5.忽略圆角/遮罩对有效区域的影响
设计 iOS 应用图标时,按 1024×1024 做满版设计,重要内容放在边缘iOS 图标需在 1024×1024 画布内,将核心元素放在距边缘 10% 的安全区内,并预留圆角遮罩iOS/macOS 图标会自动应用系统圆角遮罩(超椭圆形状),边缘内容会被裁掉。Android 图标也有类似的安全区要求。工具列出的尺寸是「画布尺寸」,不是「可见区域」。
6.把 favicon 尺寸当普通图标处理
直接使用 512×512 的 PNG 作为网站 faviconfavicon 需准备 .ico 格式(包含 16×16、32×32、48×48 多尺寸),或使用 32×32 PNG浏览器 favicon 的显示机制特殊:标签页用 16×16,书签栏用 32×32,Windows 任务栏用 48×48。单一尺寸 PNG 在某些场景会模糊或不被识别。
7.混淆社交封面图与个人主页背景图
把 Facebook 封面图(820×312)直接用作个人主页背景图Facebook 个人主页背景图(Profile Cover)是 820×312 像素,而 Timeline Cover 是 851×315 像素同一平台不同位置的图片尺寸可能不同。例如 Twitter Header 1500×500,但 Tweet 卡片缩略图是 1200×675;LinkedIn 个人封面 1584×396,公司封面 1128×191。
缩放比例 = 目标尺寸 ÷ 原始尺寸(取最小边)
目标尺寸目标宽度或高度,单位像素原始尺寸原始图片宽度或高度,单位像素原始图片 1200×800 px,需缩放到 400×400 px 正方形头像。宽度比例=400÷1200≈0.333,高度比例=400÷800=0.5,取较小值0.333。缩放后宽度=1200×0.333=400 px,高度=800×0.333≈266 px,居中裁剪为400×400。
可以。工具内置了主流平台(微信、抖音、微博、B站、知乎等)的头像、封面、Banner 预设尺寸。选择「抖音头像」后会自动填入 200×200 像素,这是抖音个人主页头像的推荐尺寸。如果你要做的是抖音直播封面或视频封面,选对应的「抖音封面」预设,是 1125×633 像素。
工具默认按你选择的尺寸输出,但如果你上传的原始图片不是正方形,工具会保持原图比例缩放,不会自动裁剪成正方形。要得到正方形图片,需要在输出前勾选「强制裁剪为所选尺寸」选项(位于尺寸选择下方)。勾选后工具会以图片中心为基准裁剪,确保最终图片严格匹配你选的尺寸。
同一个平台的不同展示位置尺寸不同。比如 Instagram 个人头像用 110×110(显示为圆形),但帖子图片支持 1080×1080(正方形)、1080×1350(竖版)和 1080×566(横版)。工具列表里标注了每个尺寸对应的具体用途(头像/帖子/封面/故事),选择前先看用途说明,避免选错。
不能一次性批量生成不同平台的多张图片。工具一次只处理一个尺寸输出。如果需要为同一张原图生成多个平台版本,需要每次选择不同预设重复操作。不过工具在浏览器本地运行,没有上传次数限制,重复操作速度很快。建议先导出微信头像,再重新选择抖音头像预设导出第二次。
会模糊。工具放大图片时采用常规插值算法,不会像 AI 修复那样补细节。原图 800×600 放大到 1920×1080,像素密度下降到原来的 42%,图片会明显变模糊。建议原图至少接近目标尺寸的 80% 以上再放大。如果必须用小图做大横幅,可以先在其他软件里用 AI 放大工具提升分辨率,再来本工具调整尺寸。
工具默认以图片中心为裁剪基准。如果主体在画面正中间,直接勾选「强制裁剪」即可。如果主体偏向一侧,建议先用其他软件(如手机相册自带的编辑)手动平移裁剪框,把主体放到中心位置,再使用本工具按 16:9 裁剪。工具没有手动拖动裁剪框的功能,所以原图构图越居中,结果越理想。
可能是平台对图片的实际显示做了额外处理。例如微信公众平台正文配图最大宽度 1080px,但实际显示时自动压缩到 640px 宽并裁剪高度;微博头像显示为圆形,但上传的原图必须是正方形,否则自动裁剪可能切掉重要内容。建议选择预设尺寸后,再看一眼该平台的实际显示规则(圆形/圆角/自动缩放比例),必要时在尺寸里预留安全边距。
完全不上传。工具是纯前端实现(FE),所有图片处理都在你浏览器本地完成,不会发送任何数据到服务器。关闭网页后处理记录自动清除。如果你对隐私敏感,可以断网使用——加载页面后断开网络,工具依然能正常工作,因为算法代码已全部下载到浏览器内存中。
隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。