网页、社交媒体、邮件和印刷的 Logo 尺寸

作者:更新于 阅读约 9 分钟

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尺寸来源
页头 Logo(横版)桌面端 400 × 100 px,移动端 160 × 40 pxShopify 博客
页头 Logo(方形)桌面端 100 × 100 px,移动端 60 × 60 pxShopify 博客
WordPress 自定义 Logo手册示例中为 400 × 100 px,宽高可灵活调整WordPress 开发者手册
页面结构化数据中的 Logo至少 112 × 112 px,在白色背景上显示正常Google 搜索中心
高分辨率屏幕显示尺寸的两倍,或使用 SVGMDN

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 与封面尺寸,已于 2026年11月4日核对
平台Logo 或头像封面或横幅文件来源
LinkedIn 主页建议 400 × 400 px,最小 268 × 268 px1512 × 256 pxPNG 或 JPEG,不超过 3 MBLinkedIn 帮助
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 px1500 × 500 px;上下各 60 px 可能被裁掉JPEG、GIF 或 PNG;头像小于 2 MBX 帮助中心
YouTube显示为 98 × 98 px至少 2048 × 1152 px,比例 16:9,文字和 Logo 放在 1235 × 338 px 范围内头像:JPG、GIF、BMP 或 PNG,不超过 15 MB;横幅不超过 6 MBYouTube 帮助
Google 商家资料建议 720 × 720 px,最小 250 × 250 px照片遵循相同规则JPG 或 PNG,10 KB 到 5 MBGoogle 商家资料帮助
Instagram320 × 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 尺寸
项目尺寸来源
Logo 显示宽度100 到 300 pxEmail Signature Rescue
Logo 显示高度30 到 100 pxEmail Signature Rescue
上传的文件显示尺寸的两倍,在 HTML 中缩小一半Email Signature Rescue
整个签名宽约 600 pxExclaimer
文件大小尽量小于 50 KBExclaimer
格式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 与应用图标尺寸
文件尺寸用途来源
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-iconiPhone 用 180 × 180 px;iPad 用 152 × 152 和 167 × 167 pxiPhone 和 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 尺寸能印多大。

300 dpi 下每种 PNG 能印多宽
PNG 宽度最大印刷宽度适用于
512 px1.7 英寸(43 mm)小标志,例如标签或钥匙扣
1,024 px3.4 英寸(87 mm)接近 3.5 英寸名片的整个宽度
2,048 px6.8 英寸(173 mm)T 恤左胸 Logo,宽 3 到 4 英寸
4,096 px13.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 恤满前胸印花:

  1. 网站页头用的横版 Logo,存为 SVG,另加一张按两倍显示宽度导出的 PNG。
  2. 标志居中的方形版本,1024 × 1024 px,用于头像和应用图标。
  3. 白色版本,用于深色背景、深色模式和邮件。
  4. 一套 favicon:ICO、180 px Apple touch icon,以及 192 和 512 px 清单图标。
  5. 印刷文件:PDF 或 EPS,另加一张在最大印刷尺寸下达到 300 dpi 的 PNG。

还没有矢量源文件?Logo 查找器可以从公司网站获取,Logo 转 SVG 工具则能把您现有的 PNG 描摹成矢量图。每次导出该用哪种格式,见 Logo 文件格式详解。

Logo 尺寸常见问题

附具体数值的简短解答:网站、LinkedIn、Facebook、favicon 和印刷。

有问题尽管问我们
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 像素。

用 3D 查看下一份样稿

创建免费账户,上传一份 PDF 样稿,今天就用您自己的品牌专属链接,把交互式 3D 样稿发给客户。

免费账户 · 无需信用卡 · 印刷人打造