全平台 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 × 80GIF / JPG / PNG约 ≤80KB方形小图,展示在店铺街与搜索结果;店招为另一个尺寸(常见 950×120)
京东(店铺 Logo)300 × 300JPG / PNG≤1MBPC 与 App 端通用方形
拼多多(店铺 Logo)200 × 200JPG / PNG≤200KB后台统一按 200×200 上传;不同位置等比缩放到 40~120px 显示
抖音小店(店铺 Logo)800 × 800JPG / PNG≤5MB部分资料为 750×750,以后台提示为准
快手小店800 × 800JPG / PNG≤5MB方形正方形图
小红书店铺400 × 400JPG / PNG≤10MB1:1 方形头像
视频号小店132 × 132 起JPG / PNG≤5MB建议按 400×400 做再上传
1688200 × 200JPG / PNG≤1MB与淘宝店标逻辑相近

平台规范会不定期调整,且不同类目可能有额外要求。上表用于前期定尺寸,上传前请以商家后台的实际提示为准。

二、社交平台与自媒体头像尺寸

这一类的特点是:平台多按圆形显示,上传尺寸只要够大就行,平台会自动缩放。所以一张 400×400 就能全部搞定。

平台推荐上传尺寸显示形状体积限制备注
微信(个人)400 × 400圆形≤2MB无硬性像素要求,官方推荐 300×300 起;上传后自动裁圆压缩。不支持透明背景
微信公众号300 × 300圆形 + 方形≤2MB仅支持 bmp/jpeg/jpg/gif,不支持 PNG;系统压缩至约 240×240
微信小程序图标144 × 144圆角方形小程序后台的头像/图标位
QQ400 × 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圆形
LinkedIn400 × 400圆形职业场景,建议用清晰正面照
GitHub460 × 460圆形支持 GIF 动态头像
X(原 Twitter)400 × 400圆形≤15MB
Facebook400 × 400圆形支持更大尺寸,展示按圆形裁切
Instagram320 × 320 以上圆形建议直接用 400×400

三、微信公众号 / 视频号 / 小程序配图尺寸

如果你的 Logo 要作为公众号或视频号的封面素材出现,这些尺寸也要一起准备。

用途推荐尺寸比例体积上限注意
公众号头条封面900 × 3832.35:1≤5MB主流横版比例,核心内容居中
公众号次条封面200 × 2001:1≤5MB可用 500×500,方图更灵活
公众号正文配图宽 900(或 1242 × 1660)3:4≤5MB宽度建议 900px,高度不限
视频号封面(竖版)1080 × 12606:7≤10MB部分规范写作 1080×1920(9:16 全屏)
视频号封面(横版)1080 × 60816:9≤10MB
视频号直播封面810 × 14409:16≤10MB竖版全屏
小程序分享图(卡片封面)500 × 4005:4≤128KB体积要求小,务必压缩后再用
小程序菜单图标81 × 811:1需使用透明 PNG
朋友圈单图 / 九宫格1080 × 10801:1≤20MB九宫格每张同尺寸,自动居中裁切

四、网站图标(favicon)与 App 图标尺寸

这是「一次做好、长期不用管」的部分。现代浏览器和系统需要的其实就那么几个文件,做完一套放在网站根目录即可。

网站图标套装(7 个文件)

文件名尺寸用途
favicon.ico含 16 / 32 / 48 多尺寸浏览器标签页、书签、旧浏览器的通用兜底,必须放在根目录
favicon-16x16.png16 × 16浏览器标签页小图标
favicon-32x32.png32 × 32高分屏(Retina)标签页
apple-touch-icon.png180 × 180iOS 添加到主屏幕的图标,必须不透明(带透明会被渲染成黑底)
android-chrome-192x192.png192 × 192Android 主屏图标 / PWA
android-chrome-512x512.png512 × 512PWA 启动画面与安装图标
site.webmanifest清单文件声明图标与站点信息,供 PWA 与 Android 使用

可选增强项

文件 / 类型尺寸用途
SVG 图标(icon.svg)矢量现代浏览器优先使用,可用 CSS 适配暗色模式,缩放不糊
maskable 图标512 × 512Android 自适应图标,主体需留约 40% 安全边距
Windows 磁贴图150 × 150旧版 Windows 开始菜单磁贴,非必需

App 图标尺寸

平台尺寸说明
iOS App Store1024 × 1024不透明、不做圆角(系统自动加圆角);另需 20pt 至 83.5pt 的多档 @1x/@2x/@3x 尺寸
Android(mipmap)48 / 72 / 96 / 144 / 192对应 mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi;应用商店另需 512×512
macOS16 ~ 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),位图放大会失真变糊,矢量则可以任意缩放。

最容易吃亏的一点:16×16 装不下你的 Logo 细节。 浏览器标签页只有 16×16 像素,Logo 里的细线条、小字、渐变、复杂纹理在这个尺寸下全部糊成一团色块。所以网站图标不要直接拿完整 Logo 缩放,要单独做一个简化版:只保留最核心的图形或首字母,轮廓做粗,颜色做少,去掉所有文字细节。

三个通用原则

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 全尺寸素材的推荐流程

  1. 准备母版:一张 1024×1024 的正方形高清 Logo(有矢量源文件最好);
  2. 抠出透明底版本:用AI 抠图工具去掉背景,便于后续合成任意底色;
  3. 导出社交头像:用改尺寸工具做一张 400×400(通吃各平台),另做一张 300×300 白底 JPG 用于公众号;
  4. 导出电商店铺 Logo:按平台分别做 80×80(淘宝)、200×200(拼多多)、300×300(京东)、800×800(抖音/快手);
  5. 做网站图标:从 512×512 母版缩出 16、32、180、192、512 各尺寸,注意 180 那份不透明;
  6. 体积校准:用压缩工具把有体积限制的那几张(80KB / 128KB / 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 改成需要的尺寸(免费)→