全平台 Logo / 头像尺寸速查表
同一个 Logo,用在淘宝店铺是 80×80,用在抖音小店是 800×800,用在网站标签页只有 16×16。尺寸不对,要么被平台自动裁切变形,要么在手机上看成一团糊。这份表把电商店铺、社交头像、微信生态、网站图标、印刷五类场景的尺寸要求收在一处,做图时直接对照。
① 只要是社交平台头像,做 400 × 400 像素几乎通吃 —— 微信、公众号、QQ、微博、知乎、抖音、快手、小红书、B 站、豆瓣、淘宝、支付宝、钉钉、飞书、LinkedIn、GitHub 都接受,上传后平台各自缩放。
② 只要是电商店铺 Logo,各平台差异很大,必须单独导出:淘宝 80×80、拼多多 200×200、京东 300×300、抖音小店 800×800。
做图时永远从大往小缩:母版存一张 1024×1024 的正方形,需要哪个尺寸再缩哪个,别反过来放大。
相关阅读
一键把 Logo 改成需要的尺寸(免费在线)→一、电商平台店铺 Logo 尺寸
| 平台 | 推荐上传尺寸 | 支持格式 | 体积上限 | 说明 |
|---|---|---|---|---|
| 淘宝 / 天猫(店标) | 80 × 80 | GIF / JPG / PNG | 约 ≤80KB | 方形小图,展示在店铺街与搜索结果;店招为另一个尺寸(常见 950×120) |
| 京东(店铺 Logo) | 300 × 300 | JPG / PNG | ≤1MB | PC 与 App 端通用方形 |
| 拼多多(店铺 Logo) | 200 × 200 | JPG / PNG | ≤200KB | 后台统一按 200×200 上传;不同位置等比缩放到 40~120px 显示 |
| 抖音小店(店铺 Logo) | 800 × 800 | JPG / PNG | ≤5MB | 部分资料为 750×750,以后台提示为准 |
| 快手小店 | 800 × 800 | JPG / PNG | ≤5MB | 方形正方形图 |
| 小红书店铺 | 400 × 400 | JPG / PNG | ≤10MB | 1:1 方形头像 |
| 视频号小店 | 132 × 132 起 | JPG / PNG | ≤5MB | 建议按 400×400 做再上传 |
| 1688 | 200 × 200 | JPG / PNG | ≤1MB | 与淘宝店标逻辑相近 |
平台规范会不定期调整,且不同类目可能有额外要求。上表用于前期定尺寸,上传前请以商家后台的实际提示为准。
二、社交平台与自媒体头像尺寸
这一类的特点是:平台多按圆形显示,上传尺寸只要够大就行,平台会自动缩放。所以一张 400×400 就能全部搞定。
| 平台 | 推荐上传尺寸 | 显示形状 | 体积限制 | 备注 |
|---|---|---|---|---|
| 微信(个人) | 400 × 400 | 圆形 | ≤2MB | 无硬性像素要求,官方推荐 300×300 起;上传后自动裁圆压缩。不支持透明背景 |
| 微信公众号 | 300 × 300 | 圆形 + 方形 | ≤2MB | 仅支持 bmp/jpeg/jpg/gif,不支持 PNG;系统压缩至约 240×240 |
| 微信小程序图标 | 144 × 144 | 圆角方形 | — | 小程序后台的头像/图标位 |
| 400 × 400 | 圆形 | — | 显示约 100×100 | |
| 微博 | 400 × 400 | 圆形 | — | 最小 180×180,建议 400 以上保证清晰 |
| 知乎 | 400 × 400 | 圆形 | — | 主页与回答旁展示 |
| 抖音 | 400 × 400 | 圆形 | ≤5MB | 主页与视频下方展示 |
| 快手 | 400 × 400 | 圆形 | — | 部分资料建议 500×500 |
| 小红书 | 400 × 400 | 圆形 | ≤5MB | 部分资料建议 600×600 |
| B 站(哔哩哔哩) | 400 × 400 | 圆形 | — | 空间主页与评论区,实际显示约 240×240 |
| 豆瓣 | 400 × 400 | 圆形 | — | — |
| 钉钉 / 飞书 | 200 × 200 以上 | 圆形 | — | 企业成员目录与聊天列表 |
| 淘宝 / 支付宝(个人头像) | 400 × 400 | 圆形 | — | — |
| 400 × 400 | 圆形 | — | 职业场景,建议用清晰正面照 | |
| GitHub | 460 × 460 | 圆形 | — | 支持 GIF 动态头像 |
| X(原 Twitter) | 400 × 400 | 圆形 | ≤15MB | — |
| 400 × 400 | 圆形 | — | 支持更大尺寸,展示按圆形裁切 | |
| 320 × 320 以上 | 圆形 | — | 建议直接用 400×400 |
三、微信公众号 / 视频号 / 小程序配图尺寸
如果你的 Logo 要作为公众号或视频号的封面素材出现,这些尺寸也要一起准备。
| 用途 | 推荐尺寸 | 比例 | 体积上限 | 注意 |
|---|---|---|---|---|
| 公众号头条封面 | 900 × 383 | 2.35:1 | ≤5MB | 主流横版比例,核心内容居中 |
| 公众号次条封面 | 200 × 200 | 1:1 | ≤5MB | 可用 500×500,方图更灵活 |
| 公众号正文配图 | 宽 900(或 1242 × 1660) | 3:4 | ≤5MB | 宽度建议 900px,高度不限 |
| 视频号封面(竖版) | 1080 × 1260 | 6:7 | ≤10MB | 部分规范写作 1080×1920(9:16 全屏) |
| 视频号封面(横版) | 1080 × 608 | 16:9 | ≤10MB | — |
| 视频号直播封面 | 810 × 1440 | 9:16 | ≤10MB | 竖版全屏 |
| 小程序分享图(卡片封面) | 500 × 400 | 5:4 | ≤128KB | 体积要求小,务必压缩后再用 |
| 小程序菜单图标 | 81 × 81 | 1:1 | — | 需使用透明 PNG |
| 朋友圈单图 / 九宫格 | 1080 × 1080 | 1:1 | ≤20MB | 九宫格每张同尺寸,自动居中裁切 |
四、网站图标(favicon)与 App 图标尺寸
这是「一次做好、长期不用管」的部分。现代浏览器和系统需要的其实就那么几个文件,做完一套放在网站根目录即可。
网站图标套装(7 个文件)
| 文件名 | 尺寸 | 用途 |
|---|---|---|
| favicon.ico | 含 16 / 32 / 48 多尺寸 | 浏览器标签页、书签、旧浏览器的通用兜底,必须放在根目录 |
| favicon-16x16.png | 16 × 16 | 浏览器标签页小图标 |
| favicon-32x32.png | 32 × 32 | 高分屏(Retina)标签页 |
| apple-touch-icon.png | 180 × 180 | iOS 添加到主屏幕的图标,必须不透明(带透明会被渲染成黑底) |
| android-chrome-192x192.png | 192 × 192 | Android 主屏图标 / PWA |
| android-chrome-512x512.png | 512 × 512 | PWA 启动画面与安装图标 |
| site.webmanifest | 清单文件 | 声明图标与站点信息,供 PWA 与 Android 使用 |
可选增强项
| 文件 / 类型 | 尺寸 | 用途 |
|---|---|---|
| SVG 图标(icon.svg) | 矢量 | 现代浏览器优先使用,可用 CSS 适配暗色模式,缩放不糊 |
| maskable 图标 | 512 × 512 | Android 自适应图标,主体需留约 40% 安全边距 |
| Windows 磁贴图 | 150 × 150 | 旧版 Windows 开始菜单磁贴,非必需 |
App 图标尺寸
| 平台 | 尺寸 | 说明 |
|---|---|---|
| iOS App Store | 1024 × 1024 | 不透明、不做圆角(系统自动加圆角);另需 20pt 至 83.5pt 的多档 @1x/@2x/@3x 尺寸 |
| Android(mipmap) | 48 / 72 / 96 / 144 / 192 | 对应 mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi;应用商店另需 512×512 |
| macOS | 16 ~ 1024(含 @2x) | 16、32、64、128、256、512、1024 |
| Apple Watch | 多档(见官方清单) | 按 watchOS 图标清单导出 |
五、印刷与商标场景
| 场景 | 尺寸要求 | 换算成像素 | 说明 |
|---|---|---|---|
| 商标注册图样 | 不小于 5×5cm,不大于 10×10cm | 约 590 ~ 1180px(按 300dpi) | 彩色商标通常还需另交黑白稿;电子图样按商标局指定格式上传 |
| 名片上的 Logo | 宽约 15 ~ 25mm | 约 180 ~ 300px(按 300dpi) | 印刷用需 CMYK 色彩模式 |
| 通用印刷标准 | 不低于 300dpi | — | 屏幕用 RGB,印刷用 CMYK,直接拿屏幕 RGB 图去印会有色差 |
印刷场景的最佳做法是始终保留一份矢量源文件(SVG / AI / EPS / CDR),位图放大会失真变糊,矢量则可以任意缩放。
三个通用原则
1. 母版只做一张,从大往小缩
所有尺寸都从同一张高分辨率母版缩出来:社交头像母版存 1024×1024,网站图标母版存 512×512 或 1024×1024。需要哪个尺寸就缩到哪个尺寸。绝对不要把小图放大去用——放大只会让画面变模糊,不会增加细节。如果手上只有小图,可以先用图片放大工具补救,但能拿到矢量源文件就不要用位图放大。
2. 圆形裁切要留安全区
多数平台把头像显示为圆形,四角内容一定会被切掉。做法是把主体内容收在画面中央:四周各留约 15% 边距。如果是 Android 自适应图标,边距要留到 40% 左右,因为系统会按机型套用圆形、圆角方形或方形遮罩。文字尤其要往中间收,贴着边缘的字会被切开。
3. 一张图通吃所有头像平台
社交平台的头像尺寸虽然列了十几行,但结论很简单:导出一张 400×400 的正方形图就够了。平台各自缩放,你不需要为每个平台单独做一版。唯一需要单独处理的是公众号头像(尺寸 300×300,且格式不能是 PNG)和微信生态的透明底问题(见下)。
四个常踩的坑
1. 透明背景的 PNG 传到微信,透明区变白色
微信不支持透明背景头像,透明区域会被渲染成白色。如果你做的是透明底 Logo,直接上传到微信会得到一个白底方块头像,视觉上和设计稿不一样。正确做法:需要传微信时,主动给 Logo 加一个合适的底色(白底或品牌色底)再导出 JPG。
想把 Logo 从复杂背景里抠出来换底,可以用AI 抠图工具,输出透明 PNG 后再合成需要的底色。
2. 公众号头像不支持 PNG 格式
这是个高频踩坑点:微信公众号头像后台只接受 bmp、jpeg、jpg、gif,上传 PNG 会被拒绝。做法是把 PNG 转成 JPG 再上传(白色区域会自动变成实色,正好符合公众号需要不透明头像的要求)。
3. apple-touch-icon 带透明 → iOS 上变黑底
提供给 iOS 的 180×180 图标如果带透明通道,添加到主屏后会显示为黑色背景,非常难看。导出前先给图标铺一层实色背景。
4. 体积超限被平台拒绝
各平台体积上限差别很大:淘宝店标约 80KB、拼多多 200KB、小程序分享图 128KB,而抖音小店可到 5MB。尺寸达标但体积超限同样传不上去。不要靠降低分辨率来省体积——正确顺序是先把尺寸做够,再用压缩工具设定目标体积(比如直接填 200KB),工具会在限制内给出画质最好的一版。
做一套 Logo 全尺寸素材的推荐流程
- 准备母版:一张 1024×1024 的正方形高清 Logo(有矢量源文件最好);
- 抠出透明底版本:用AI 抠图工具去掉背景,便于后续合成任意底色;
- 导出社交头像:用改尺寸工具做一张 400×400(通吃各平台),另做一张 300×300 白底 JPG 用于公众号;
- 导出电商店铺 Logo:按平台分别做 80×80(淘宝)、200×200(拼多多)、300×300(京东)、800×800(抖音/快手);
- 做网站图标:从 512×512 母版缩出 16、32、180、192、512 各尺寸,注意 180 那份不透明;
- 体积校准:用压缩工具把有体积限制的那几张(80KB / 128KB / 200KB)压到限内。
以上全部在浏览器里完成,免费、不用注册、不上传到服务器,手机也能操作。
相关尺寸规范
- 电商主图尺寸规范速查表 —— 淘宝、京东、拼多多、抖音、小红书的主图与详情页尺寸;
- 一寸照片换蓝底与证件照尺寸 —— 证件照各规格像素与制作方法;
- 二寸照片是多少厘米 —— 证件照尺寸厘米与像素换算;
- 图片压缩到 200KB 以内 —— 解决各类平台的体积上限问题。
常见问题
Logo 尺寸一般做多大?
分场景。社交平台头像做 400×400 通吃绝大多数平台;电商店铺 Logo 各平台不同(淘宝 80×80、拼多多 200×200、京东 300×300、抖音小店 800×800);网站图标母版做 512×512 或 1024×1024 再缩小导出;印刷场景建议保留矢量源文件。
微信头像尺寸是多少?
没有硬性像素要求,官方推荐 300×300 正方形,实际建议上传 400×400 或更大以保证清晰。单张不超过 2MB,上传后自动裁为圆形。不支持透明背景。
公众号头像可以用 PNG 吗?
不可以。官方只接受 bmp、jpeg、jpg、gif 四种格式,单张 ≤2MB,推荐 300×300 正方形。上传后系统自动压缩至约 240×240,并同时生成圆形与方形头像。
淘宝店铺 Logo 尺寸是多少?
店铺标志(店标)建议 80×80 像素,支持 GIF/JPG/PNG,通常在 80KB 以内。店铺招牌是另一个尺寸(常见 950×120)。以后台实际提示为准。
favicon 需要做哪些尺寸?
一套完整的是:多尺寸 favicon.ico(16/32/48)、16×16 与 32×32 PNG、apple-touch-icon 180×180、192×192 与 512×512 PNG,外加 site.webmanifest。可选再加 SVG 图标和 512×512 maskable 图标。
圆形头像怎么裁才不会被切掉内容?
主体收在画面中央,四周各留约 15% 边距,因为四角一定会被圆形裁掉。Android 自适应图标要留到 40% 左右。文字和小元素尤其要往里收。
只有一张小尺寸 Logo,怎么放到大场景用?
先找矢量源文件(SVG / AI / EPS / CDR),矢量可以无损放大。只有位图的话,可以用图片放大工具提升尺寸,但放得越大越模糊,小图不建议用于大幅印刷。
把 Logo 改成需要的尺寸(免费)→