网页、社交媒体、邮件和印刷的 Logo 尺寸
Logo 尺寸取决于 Logo 用在哪里:社交媒体头像用约 400 × 400 px 的方形,网站页头用约 400 × 100 px 的横版 Logo,邮件签名用 100 到 300 px 的宽度,一套 favicon 用 16 到 512 px,印刷则用矢量文件,或在印刷尺寸下达到 300 dpi(每英寸点数)的图片。保留一份矢量源文件,每种尺寸都从它导出。下文每个平台的数据都链接到该平台自己的帮助页面;这些尺寸已于 2026年11月4日核对。
免费的 Logo 查找器可以从任意公司的网站或您自己的文件,导出 512、1024、2048 和 4096 px 的透明 PNG、方形图标、favicon 套件,以及用于印刷的矢量文件。
网站 Logo 应该用多大尺寸?
网站页头 Logo 通常是一张约 400 × 100 px 的横版图片,按显示尺寸的两倍保存,在高分辨率屏幕上也能保持清晰;更好的选择是 SVG,任何尺寸都清晰。WordPress 主题手册在自定义 Logo 的示例中使用 400 × 100 px,宽高可灵活调整;Shopify 博客则建议桌面端的横版 Logo 用 400 × 100 px。
| Logo | 尺寸 | 来源 |
|---|---|---|
| 页头 Logo(横版) | 桌面端 400 × 100 px,移动端 160 × 40 px | Shopify 博客 |
| 页头 Logo(方形) | 桌面端 100 × 100 px,移动端 60 × 60 px | Shopify 博客 |
| WordPress 自定义 Logo | 手册示例中为 400 × 100 px,宽高可灵活调整 | WordPress 开发者手册 |
| 页面结构化数据中的 Logo | 至少 112 × 112 px,在白色背景上显示正常 | Google 搜索中心 |
| 高分辨率屏幕 | 显示尺寸的两倍,或使用 SVG | MDN |
MDN 解释了为什么要用两倍尺寸:在每个 CSS 像素对应两个设备像素的屏幕上,浏览器会加载更大的文件,Logo 在同样的显示尺寸下呈现更多细节。SVG 则根本不存在这个问题,因为它“可以平滑缩放到所需的尺寸”(MDN)。对于网站结构化数据中指定的 Logo,Google 要求至少 112 × 112 px,并且在白色背景上显示正常。
社交媒体 Logo 应该用多大尺寸?
社交媒体头像是方形的,大多数平台建议边长 320 到 720 px:LinkedIn 主页 Logo 为 400 × 400 px,X 头像为 400 × 400 px,Facebook 公共主页头像为 320 × 320 px,Google 商家资料的照片为 720 × 720 px。Logo 要放在方形的中间区域,因为 Facebook 会把头像裁成圆形。
| 平台 | Logo 或头像 | 封面或横幅 | 文件 | 来源 |
|---|---|---|---|---|
| LinkedIn 主页 | 建议 400 × 400 px,最小 268 × 268 px | 1512 × 256 px | PNG 或 JPEG,不超过 3 MB | LinkedIn 帮助 |
| Facebook 公共主页 | 320 × 320 px 画质最佳;在电脑上显示为 176 × 176 px,在智能手机上显示为 196 × 196 px,并裁成圆形 | 至少 400 × 150 px;用 851 × 315 px、小于 100 KB 的 sRGB JPG 加载最快 | 含 Logo 和文字的图片,用 PNG 能获得更好的效果 | Facebook 帮助中心 |
| X | 建议 400 × 400 px | 1500 × 500 px;上下各 60 px 可能被裁掉 | JPEG、GIF 或 PNG;头像小于 2 MB | X 帮助中心 |
| YouTube | 显示为 98 × 98 px | 至少 2048 × 1152 px,比例 16:9,文字和 Logo 放在 1235 × 338 px 范围内 | 头像:JPG、GIF、BMP 或 PNG,不超过 15 MB;横幅不超过 6 MB | YouTube 帮助 |
| Google 商家资料 | 建议 720 × 720 px,最小 250 × 250 px | 照片遵循相同规则 | JPG 或 PNG,10 KB 到 5 MB | Google 商家资料帮助 |
| 320 × 320 px 方形,这是尺寸指南的建议(Instagram 未公布官方数据) | 无封面图 | 一张方形图片 | Sprout Social |
一张 1024 × 1024 px 的方形源图就能满足上面所有头像位:它比最大的建议尺寸 720 × 720 px 还大,各平台会把它缩小显示。Logo 查找器中的 favicon 下载选项,正是为此把 Logo 放在一个方形中。封面和横幅则把横版 Logo 放在品牌色背景上,置于 YouTube 的 1235 × 338 px 安全区内,并避开 X 可能裁掉的 60 px。
邮件签名中的 Logo 应该用多大尺寸?
邮件签名 Logo 通常宽 100 到 300 px、高 30 到 100 px,按两倍尺寸上传,再在签名的 HTML 中缩小一半,这样在高分辨率屏幕上也能保持清晰(Email Signature Rescue)。Exclaimer 建议整个签名宽约 600 px,图片尽量小于 50 KB,格式为 PNG 或 JPEG(Exclaimer)。
| 项目 | 尺寸 | 来源 |
|---|---|---|
| Logo 显示宽度 | 100 到 300 px | Email Signature Rescue |
| Logo 显示高度 | 30 到 100 px | Email Signature Rescue |
| 上传的文件 | 显示尺寸的两倍,在 HTML 中缩小一半 | Email Signature Rescue |
| 整个签名 | 宽约 600 px | Exclaimer |
| 文件大小 | 尽量小于 50 KB | Exclaimer |
| 格式 | PNG,适合 Logo 和透明背景 | Email Signature Rescue |
正式启用之前,先在深色模式下检查 Logo:好几款邮件应用会把浅色背景变成深色,透明 PNG 上的深色 Logo 可能会消失不见。如何制作深色模式 Logo 介绍了各种解决办法,从加一圈细白描边,到让 Apple Mail 自动换上白色版本。
favicon 有哪些尺寸?
网站需要的 favicon 尺寸包括:用于浏览器标签页的 favicon.ico,用于 iPhone 主屏幕的 180 × 180 px Apple touch icon,以及 Web 应用清单中的 192 × 192 和 512 × 512 px 图标;Chrome 要求有这些图标,才允许把网站安装为应用。在搜索结果中,Google 要求 favicon 为方形、至少 8 × 8 px,并建议大于 48 × 48 px。
| 文件 | 尺寸 | 用途 | 来源 |
|---|---|---|---|
| favicon.ico | 一个文件包含多种尺寸,最大 256 × 256 px | 经典的浏览器标签页图标 | MDN |
| Windows .ico | 一个文件中至少包含 16、24、32、48 和 256 px | 桌面快捷方式、任务栏和 Windows 应用图标 | Microsoft Learn |
| PNG favicon | 方形,至少 8 × 8 px;建议大于 48 × 48 px | 浏览器标签页和 Google 搜索结果 | Google 搜索中心 |
| SVG favicon | 任意尺寸:它是矢量图 | 基于 Chromium 的浏览器和 Firefox;可在深色模式下切换颜色 | web.dev |
| apple-touch-icon | iPhone 用 180 × 180 px;iPad 用 152 × 152 和 167 × 167 px | iPhone 和 iPad 主屏幕 | Apple 已归档的 Safari 指南 |
| Web 应用清单图标 | 192 × 192 和 512 × 512 px | 在 Chrome 中把网站安装为应用 | web.dev |
| 可遮罩图标(maskable) | Logo 位于中央的圆形区域内,圆的半径为图标宽度的 40% | Android 自适应图标,外围 10% 可能被裁掉 | web.dev |
Logo 查找器的 favicon 套件用一个 Logo 就能生成以上全部文件:用于浏览器标签页的 favicon.ico,包含 16 到 256 px 所有尺寸的 icon-256.ico,包括 180 px Apple touch icon 和 192、512 px 清单图标在内的 PNG 图标,以及列出这些图标的 site.webmanifest,另附可直接粘贴到页面头部的代码。如果想用一个图标文件同时满足 Windows 的需要,免费的 PNG 转 ICO 工具可以把任意 PNG 或 Logo 转成一个包含 16、24、32、48、64、128 和 256 px 的 .ico 文件。想看看其他网站用的是什么图标,网站图标提取工具只需输入网址就能取出它的图标。透明方块上的深色图标,在深色浏览器标签页中可能会消失不见;自带深色模式配色的 SVG favicon 则能保持清晰可见。
印刷用的 Logo 应该多大?
印刷用的 Logo 如果是矢量文件,就没有尺寸限制;如果是图片,每英寸印刷尺寸大约需要 300 像素,这是印刷厂公布的基准(Vistaprint、4imprint)。所以,PNG 的像素宽度除以 300,就是它适合印刷的最大宽度(英寸)。下表列出了 Logo 查找器的每种 PNG 尺寸能印多大。
| PNG 宽度 | 最大印刷宽度 | 适用于 |
|---|---|---|
| 512 px | 1.7 英寸(43 mm) | 小标志,例如标签或钥匙扣 |
| 1,024 px | 3.4 英寸(87 mm) | 接近 3.5 英寸名片的整个宽度 |
| 2,048 px | 6.8 英寸(173 mm) | T 恤左胸 Logo,宽 3 到 4 英寸 |
| 4,096 px | 13.7 英寸(347 mm) | T 恤满前胸印花,宽 10 到 12 英寸 |
服装也是同样的算法:Vistaprint 的印花位置指南把左胸 Logo 定为宽 3 到 4 英寸,满前胸印花定为 10 到 12 英寸,所以目标分别是 1,200 和 3,600 px。从房间另一头观看的标牌,每英寸可以用更少的像素,印刷图片分辨率中有详细说明;印刷厂需要什么格式的 Logo 文件则列出了要发送的文件。想在卡片上按实际尺寸检查 Logo,免费的 3D 银行卡样机生成器会把它放到 3D 的 CR80 卡片上。
Logo 动画应该用多大尺寸?
Logo 动画要按播放屏幕的画面比例制作:Instagram Reels、TikTok 和 YouTube Shorts 用 1080 × 1920 px(9:16),信息流用 1080 × 1350 px(4:5)或 1080 × 1080 px(1:1),YouTube 和网站用 1920 × 1080 px(16:9)。Meta 的 Reels 广告指南把 Reels 定为 9:16,TikTok 建议使用 9:16 的竖屏视频,YouTube 把时长不超过三分钟的方形和竖屏视频都算作 Shorts,而 16:9 是 YouTube 在电脑上的标准宽高比。
免费的 Logo 动画制作工具导出的正是这四种画面比例,并会让 Logo 避开各个应用叠加在视频上的按钮和文案。各平台的时长、文件要求和安全区,见如何制作 Logo 动画。视频相关资料来源已于 2026年11月5日核对。
如何用一个文件做出所有 Logo 尺寸?
所有 Logo 尺寸都从一份矢量源文件生成:每种尺寸都从 SVG、PDF 或 EPS 导出,而不是把之前导出的图片再缩放,因为放大图片只会让像素变大,不会增加任何细节。五次导出就能覆盖本指南中的所有用途,从 favicon 到 T 恤满前胸印花:
- 网站页头用的横版 Logo,存为 SVG,另加一张按两倍显示宽度导出的 PNG。
- 标志居中的方形版本,1024 × 1024 px,用于头像和应用图标。
- 白色版本,用于深色背景、深色模式和邮件。
- 一套 favicon:ICO、180 px Apple touch icon,以及 192 和 512 px 清单图标。
- 印刷文件:PDF 或 EPS,另加一张在最大印刷尺寸下达到 300 dpi 的 PNG。
还没有矢量源文件?Logo 查找器可以从公司网站获取,Logo 转 SVG 工具则能把您现有的 PNG 描摹成矢量图。每次导出该用哪种格式,见 Logo 文件格式详解。
Logo 最佳尺寸是多少?
没有唯一的最佳尺寸,因为每个地方显示 Logo 的尺寸都不同。保留一份矢量源文件(SVG、PDF 或 EPS),再从它导出:头像用 1024 × 1024 px 的方形,网站页头用约 400 × 100 px 的横版 Logo,并按两倍尺寸保存,让屏幕显示更清晰,再加一套 favicon。
Logo 应该是多少像素?
网站页头:约 400 × 100 px,按显示尺寸的两倍保存。社交媒体头像:400 × 400 px 或更大的方形。邮件签名:宽 100 到 300 px。印刷:每英寸印刷尺寸 300 像素,宽 4 英寸的 Logo 需要 1,200 px。
LinkedIn Logo 尺寸是多少?
LinkedIn 建议主页 Logo 用 400 × 400 px,最小 268 × 268 px;封面图用 1512 × 256 px。根据 LinkedIn 帮助页面(已于 2026年11月4日核对),两者都必须是不超过 3 MB 的 PNG 或 JPEG 文件。
Facebook 商家公共主页的头像是多大尺寸?
Facebook 建议公共主页头像用 320 × 320 px。它在电脑上显示为 176 × 176 px,在智能手机上显示为 196 × 196 px,并会被裁成圆形,所以 Logo 要放在中间区域。Facebook 还提到,含 Logo 和文字的图片用 PNG 文件能获得更好的效果。
favicon 是多大尺寸?
网站需要一个 favicon.ico、一个 180 × 180 px 的 Apple touch icon,以及 Web 应用清单中的 192 × 192 和 512 × 512 px 图标。Google 搜索要求 favicon 为方形、至少 8 × 8 px,并建议大于 48 × 48 px。
印刷用的 Logo 需要多高的分辨率?
矢量 Logo(PDF、EPS、AI 或 SVG)没有固定的分辨率,任何尺寸都能印得清晰锐利。PNG 或 JPG 在印刷尺寸下需要约 300 dpi:用以英寸为单位的印刷宽度乘以 300,所以宽 4 英寸的 Logo 横向需要 1,200 像素。