

把 logo 变成透明背景
JPG 不能透明:这种格式没有 alpha 通道,所以 JPG logo 总是带着白色方框。去除背景后存成 PNG 或 WebP,就能保留透明。如果有矢量文件(SVG、PDF、AI、EPS),网页和印刷都请改用矢量文件,因为它在任何尺寸下都保持清晰。上线前,先把抠好的图放在深色背景上检查一遍。
开发者:一次 API 调用或拖入文件、粘贴图片 Ctrl/⌘+V 或
在我们的服务器上处理。预览处理完即删除。
没有图片?
试试这些:
要点一览
| 支持透明的格式 | PNG 和 WebP(有损或无损)。JPG 没有 alpha 通道。 |
|---|---|
| 网页 logo 和图标的最佳选择 | 有 SVG 就用 SVG;它可缩放到任意尺寸而不模糊 |
| Google 搜索的网站图标 | 正方形(1:1),至少 8 x 8 px;Google 建议大于 48 x 48 px |
| Web 应用图标 | 至少一个 192 x 192 px 和一个 512 x 512 px 的图标(Chromium) |
| LinkedIn 主页 logo | 建议 400 x 400 px,最小 268 x 268 px,PNG 或 JPEG,最大 3 MB |
| Etsy 店铺 logo | 建议 500 x 500 px |
操作步骤
- 找到最大的原始文件邮件签名里的 logo 往往不到 200 px 宽。去品牌资料文件夹、媒体资料包、PDF 或网站自己的图片文件里找原图。抠图无法凭空补出细节,所以 2000 px 的源文件边缘干净,150 px 的源文件边缘发虚、有锯齿。
- 去除背景并检查镂空部分去除背景后,放大查看 O、A、B、e、g 这类有封闭空间的字母,以及图标和文字之间的空隙。这些内部区域也必须是透明的,否则幻灯片或页头的颜色透不过来。把预览切换到深色背景,找出残留的白色。
- 按用途导出幻灯片、文档和周边样机用透明 PNG,网站用体积更小的 WebP。为网站图标和社交头像做正方形版本,并在图形四周留出边距,避免被圆形裁剪切掉。
技巧与常见错误
- 深色背景上的白边保存在白底上的 logo,边缘像素混入了白色,抠图后放在藏青或黑色上就会显出一圈浅色轮廓。解决办法是从更大的源文件重新抠,或者为深色背景单独做一个浅色版本(白色或反色)。很多品牌两种都会提供。
- 有 SVG 就用 SVG对于网站页头 logo,MDN 建议在有矢量版本时使用 SVG,位图 logo 则用无损格式,因为锐利边缘周围的杂边非常明显。只有照片或 JPG 时,透明 PNG 是备选方案。
- 网站图标要用标志,不要用文字标网站图标在浏览器标签页和搜索结果里显示得非常小。只裁出图形或首字母,保持正方形(Google 要求 1:1),并使用实心或高对比度的形状,让它在浅色和深色标签页上都清晰可辨。
- 幻灯片和文档PowerPoint 的宽屏幻灯片是 13.333 x 7.5 英寸(16:9)。以 PNG 而不是 JPG 插入 logo,这样幻灯片颜色能透出来,彩色模板上就不会出现一块白色矩形。
- 周边和印刷位图 logo 的印刷清晰度取决于它的像素。有矢量文件时就发给印刷厂;透明 PNG 用于样机、商品展示和快速打样。
- 社交网站上带文字的 logoFacebook 提到,含有 logo 或文字的头像和封面照片存为 PNG 可能效果更好。JPG 的有损压缩会让锐利边缘变糊、出现杂边,在文字上最明显。
常见问题
能把 JPG logo 变成透明的吗?
存成 JPG 就不行。JPG 没有 alpha 通道,保存时任何透明区域都会被填上颜色。请去除背景后存成 PNG 或 WebP。
为什么透明 logo 在深色背景上有白边?
边缘像素和原来的白色背景混在了一起。从更大的源文件重新抠,或者使用为深色背景设计的浅色 logo 版本。
网站 logo 用 SVG 还是 PNG?
有矢量文件就用 SVG:它在任何屏幕上缩放都不会模糊,而且通常体积很小。只有位图时,用透明 PNG 或 WebP。
网站图标(favicon)应该多大?
Google 要求网站图标为正方形,至少 8 x 8 px,并建议大于 48 x 48 px。可安装的 Web 应用还需要 192 x 192 px 和 512 x 512 px 的图标。
LinkedIn 公司主页的 logo 需要多大?
LinkedIn 建议 400 x 400 px,最小 268 x 268 px,PNG 或 JPEG,小于 3 MB。
去除背景会改变我的品牌颜色吗?
不会。只有背景像素变成透明,logo 本身的颜色保持不变。如果颜色看起来不对,检查导出时是否被合并成了另一种底色上的 JPG。
用你自己的图片试试
新账户可获得 50 个免费额度。每张图片 1 个额度,无需订阅,额度永不过期。
去除背景资料来源
- MDN: Image file type and format guide
- Google Search Central: Define a favicon to show in search results
- web.dev: Add a web app manifest
- LinkedIn Help: Image specifications for your LinkedIn Pages and Career Pages
- Etsy Help: Requirements and best practices for images in your Etsy shop
- Microsoft Support: Change the size of your PowerPoint slides
- Facebook Help: Facebook Page profile picture and cover photo dimensions
更新于 2026年10月23日