做完 Logo 后怎么一次导出全套尺寸：favicon、公众号/小红书/抖音头像、淘宝店标、印刷稿清单与工具

Logo 定稿只是交付的一半。接下来客户（或者你自己）马上会要一堆文件：网站的 favicon、公众号和小红书头像、抖音主页背景、淘宝店标、给印厂的高清稿，还有黑白版、反白版。每样尺寸都不一样，有的要透明底，有的不能透明，有的还限制文件大小。一个个从设计软件里导出，再命名、分文件夹，半天就没了。

这篇先列清楚一套完整的 Logo 交付包该有哪些文件、各平台用什么尺寸，再说几种免费做法。最后介绍一下我们自己做的离线小工具 Brand Handoff Kit，它把这件事做成了一次点击。先说明：它是 Baffox 自己的付费产品。只需要几个文件的话，下文的免费办法完全够用。

第一步：先准备一份 SVG 矢量母版

后面所有尺寸都应该从同一份矢量文件导出，不要拿一张 PNG 反复放大缩小。SVG 放大不糊，改颜色也方便，印刷时印厂也要矢量文件（SVG 或 PDF）。

Illustrator、Figma、Affinity Designer、Inkscape 都能导出 SVG。导出前检查三件事：

• 文字转成轮廓（outline），不然别人电脑上没装这个字体就会变样；
• 画板裁到 Logo 边缘，不要留一大片空白；
• 如果有单独的图形标志（比如只有一个图案、没有文字的那部分），也单独导一份 SVG。头像和 favicon 太小，放完整字标根本看不清，用图形标志更合适。

一套完整的 Logo 交付包包括什么

常用平台尺寸参考（2026 年 10 月整理）

国内平台的尺寸大多来自第三方整理的通行做法。平台自己的帮助页要登录商家或创作者后台才能看，而且时不时会改，上传前最好在后台再确认一下。

免费做法：够用就别花钱

1. 设计软件里手动导出。 Figma 和 Illustrator 都能给一个画板设多个导出尺寸，Inkscape 是免费开源的。适合只要几个文件的情况，缺点是每次都得重新排版、命名。

2. 只要网站图标： RealFaviconGenerator 是做 favicon 的老牌免费工具，会顺带生成 HTML 代码。Logo Foundry 有中文界面，免费、无水印，能出 favicon、App 图标、PWA 图标和几张海外社交图，比较偏开发者。

3. 只要配色版本和格式： Brand Bento 的 Logo Files Exporter 免费、不用注册，文件只在浏览器里处理。它能按你设的品牌色导出 SVG、透明 PNG 和 PDF，还支持 CMYK PDF（这一点我们的工具没有）。exportlogo.com 也是类似的免费网页工具。

这些工具各管一段：做网站图标的不管配色版本和印刷，做配色版本的不管国内平台头像和店标。所以要一份「从网站到公众号、淘宝再到印刷」的完整包，通常得几个工具来回切换，再手动补上国内平台的尺寸。

我们自己做的：Brand Handoff Kit

因为经常要给新项目出全套 Logo 文件，我们自己写了一个小工具，叫 Brand Handoff Kit（中文界面叫「Logo 交付包生成器」）。它是一个离线网页包：下载解压后双击 index.html 就能用，不用安装，不用注册，也不联网。Logo 全程在你自己的浏览器里处理，不会上传到任何服务器，替客户做稿的设计师可以放心用。

用法就四步：

1. 拖进主 Logo 的 SVG，可以再加一个图形标志 SVG，或者你自己做好的配色版本；
2. 检查自动识别出的品牌色，填品牌名、底色和留白；
3. 点「生成 ZIP」；
4. 拿到一个分好文件夹的压缩包。

用主 Logo 加图形标志跑一次，会生成 155 个文件、11 个文件夹：

• 6 种配色（全彩、黑、白、反白、灰度、自定义单色），每种都有 SVG、5 个宽度的透明 PNG、2 个宽度的 JPG 和矢量 PDF；
• 图形标志的 6 种配色版本；
• 全套网站图标，外加 manifest 和可以直接复制的 HTML 代码；
• 公众号、小红书、抖音、淘宝、拼多多的头像、封面和店标，以及 X、YouTube、LinkedIn 的头像和横幅，头像有浅色底和品牌色底两版；
• 300dpi 印刷稿，宽度从 25mm 名片到 400mm 海报；
• 一页品牌规范图（PNG + PDF），写着 HEX、RGB 和近似 CMYK 色值；
• 一份中英双语 README，告诉客户哪个文件该用在哪里。

说清楚它的局限：

• 只吃 SVG。手里只有 PNG 或 JPG 的话，它不会帮你转成矢量，得先找设计师描一份；
• 输出都是 RGB，不做 CMYK 转换，也不导出 AI/EPS。印刷时把矢量 PDF 或 SVG 给印厂，让印厂转；
• 主要在 Chrome 上测试过。浏览器拦截本地文件时，包里的 START-HERE 有一行命令教你开本地服务器；
• 平台尺寸是 2026 年 10 月核对的，平台以后改了，我们会更新。

价格： 29 美元买断，在 Gumroad 上卖，可以用信用卡或 PayPal 付款。没有订阅，不按次收费，也不加水印，Logo 和客户的数量都不限，后续更新免费。15 天内用不了可以退款。商品页是英文的，工具本身有中英文界面。

👉 Brand Handoff Kit 商品页（Gumroad）

导出时容易踩的坑

1. 淘宝店标超过 80KB 传不上去。 用 JPG，160 或 320 像素就够，别用 PNG。
2. 拼多多店标不能透明。 透明 PNG 传上去背景可能变黑，要先铺好底色。
3. 头像会被裁成圆形。 正方形的四个角会被切掉，Logo 四周至少留 10% 到 15% 的边。
4. 公众号封面的 Logo 放正中间。 转发到朋友圈和聊天时只显示中间那个正方形。
5. favicon 用图形标志。 16 像素放不下文字，用完整字标的话，标签页上只剩一团色块。
6. 给印厂的稿子要 PDF 或 SVG。 屏幕上的 PNG 印出来容易糊，而且颜色要印厂按他们的设备转 CMYK。
7. 文件名带上品牌名和用途。 比如 brand_white_1000w.png，客户半年后再找文件时会感谢你。

小结

• 只要一个 favicon 或者两三个尺寸：用设计软件或者上面那几个免费工具，不用花钱。
• 经常给客户交付 Logo，或者开新品牌要一次把网站、公众号、小红书、抖音、淘宝、印刷全部配齐：可以试试 Brand Handoff Kit。离线运行，一次出全套。