设计配色 · 图片尺寸 / 比例

常见图片尺寸

头像/Banner/Icon/各平台尺寸

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制 累计 123 次使用
Common Image Sizes
分 类by Category
宽 高 比by Aspect Ratio
尺 寸 库Gallery · 矩形按真实宽高比 · 点卡看详情
点选左侧任一尺寸
查看 宽×高 / 比例 / DPI 建议 · 真实比例预览 · 一键生成占位图 PNG
就绪 · 各平台头像/封面/通用 Banner/Icon/电商/办公/壁纸/打印 · 占位图全程浏览器本地生成
第一节

关于本工具

About

设计师在画布前调了半小时的尺寸,上传到平台却被自动裁切——头像变椭圆、Banner 底部被截。这个工具把各平台(微信、微博、B站、淘宝等)的头像、Banner、Icon 等固定尺寸整理成可查的列表,按平台或用途筛选,点选即看到宽高像素与比例。数据来自各平台公开规范,不做云端存储,页面关闭即清空。

使用场景

壹

公众号首图被裁切

运营小陈在公众号后台编辑推文,上传一张精心设计的封面图,预览时发现左右两侧被裁掉了关键文案。他打开本工具,选择「公众号首图」预设,输入原图尺寸 1200×900 px,工具提示实际显示区域为 1:1 比例,并给出安全区建议。他按提示将文字居中重新排版,最终发布后所有粉丝看到的都是完整版,避免了二次推送。

贰

小红书封面比例不对

博主大刘拍了一组竖版美食照片,准备发小红书笔记。上传时发现系统自动裁剪的封面把菜品主体切掉了一半。他用本工具查找「小红书笔记封面」尺寸,得知竖版封面推荐 3:4 比例(1242×1660 px)。他把原图按此比例重新裁剪,确保每张照片在信息流中都能完整展示菜品细节,笔记互动量比之前提升了 30%。

叁

B站视频封面被压缩

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 完整显示。最终公司所有员工微信头像统一且完整。

第二节

使用指南

Getting Started

使用步骤

  1. 1在「选择平台」下拉菜单中点击目标平台(如微信、微博),下方自动列出该平台支持的图片尺寸列表
  2. 2点击列表中的任一尺寸条目(如「微信头像 200×200」),右侧预览区立即显示该尺寸的参考框线
  3. 3在「自定义尺寸」输入框中分别键入宽度和高度数值(单位 px),预览框同步更新为对应比例
  4. 4点击「复制尺寸」按钮,当前选中的尺寸格式(如 200×200)自动存入剪贴板

输入输出示例

输入输出说明
微信头像(正方形)建议尺寸: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 作为网站 favicon
✓ 修复favicon 需准备 .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。

第三节

工作原理

How It Works

核心公式

缩放比例 = 目标尺寸 ÷ 原始尺寸(取最小边)

变量说明

  • 目标尺寸目标宽度或高度,单位像素
  • 原始尺寸原始图片宽度或高度,单位像素

示例

原始图片 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。

选择图片用途(头像/封面/Logo等)匹配平台库(查表:微信/微博/抖音等)筛选尺寸组(按宽/高/比例过滤)输出尺寸(px列表)用户自定义(手动输入宽高)可选分支智能推荐(相似平台尺寸)输出尺寸(px列表)
用户输入 本地处理 输出结果 自定义分支
第五节

常见问题

Q & A
问这个工具能直接给我抖音头像的尺寸吗?+
答

可以。工具内置了主流平台(微信、抖音、微博、B站、知乎等)的头像、封面、Banner 预设尺寸。选择「抖音头像」后会自动填入 200×200 像素,这是抖音个人主页头像的推荐尺寸。如果你要做的是抖音直播封面或视频封面,选对应的「抖音封面」预设,是 1125×633 像素。

问我选了正方形头像尺寸,但出来是长方形,怎么回事?+
答

工具默认按你选择的尺寸输出,但如果你上传的原始图片不是正方形,工具会保持原图比例缩放,不会自动裁剪成正方形。要得到正方形图片,需要在输出前勾选「强制裁剪为所选尺寸」选项(位于尺寸选择下方)。勾选后工具会以图片中心为基准裁剪,确保最终图片严格匹配你选的尺寸。

问为什么有些平台的尺寸推荐有两个数值,比如 1080×1080 和 1080×1920?+
答

同一个平台的不同展示位置尺寸不同。比如 Instagram 个人头像用 110×110(显示为圆形),但帖子图片支持 1080×1080(正方形)、1080×1350(竖版)和 1080×566(横版)。工具列表里标注了每个尺寸对应的具体用途(头像/帖子/封面/故事),选择前先看用途说明,避免选错。

问这个工具能批量生成多个平台的尺寸吗?+
答

不能一次性批量生成不同平台的多张图片。工具一次只处理一个尺寸输出。如果需要为同一张原图生成多个平台版本,需要每次选择不同预设重复操作。不过工具在浏览器本地运行,没有上传次数限制,重复操作速度很快。建议先导出微信头像,再重新选择抖音头像预设导出第二次。

问我选了 1920×1080 的横幅尺寸,但原图只有 800×600,会不会模糊?+
答

会模糊。工具放大图片时采用常规插值算法,不会像 AI 修复那样补细节。原图 800×600 放大到 1920×1080,像素密度下降到原来的 42%,图片会明显变模糊。建议原图至少接近目标尺寸的 80% 以上再放大。如果必须用小图做大横幅,可以先在其他软件里用 AI 放大工具提升分辨率,再来本工具调整尺寸。

问我手机里存的图片是 4:3 的,做 B站 封面要 16:9,怎么不裁剪主体?+
答

工具默认以图片中心为裁剪基准。如果主体在画面正中间,直接勾选「强制裁剪」即可。如果主体偏向一侧,建议先用其他软件(如手机相册自带的编辑)手动平移裁剪框,把主体放到中心位置,再使用本工具按 16:9 裁剪。工具没有手动拖动裁剪框的功能,所以原图构图越居中,结果越理想。

问输出的图片跟我在 PS 里调的一样尺寸,但上传到平台后显示不全,为什么?+
答

可能是平台对图片的实际显示做了额外处理。例如微信公众平台正文配图最大宽度 1080px,但实际显示时自动压缩到 640px 宽并裁剪高度;微博头像显示为圆形,但上传的原图必须是正方形,否则自动裁剪可能切掉重要内容。建议选择预设尺寸后,再看一眼该平台的实际显示规则(圆形/圆角/自动缩放比例),必要时在尺寸里预留安全边距。

问这个工具会上传我的图片到服务器吗?隐私安全吗?+
答

完全不上传。工具是纯前端实现(FE),所有图片处理都在你浏览器本地完成,不会发送任何数据到服务器。关闭网页后处理记录自动清除。如果你对隐私敏感,可以断网使用——加载页面后断开网络,工具依然能正常工作,因为算法代码已全部下载到浏览器内存中。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

↑↓选择 ↵打开 ⌘+↵新窗口 esc关闭