制作你的品牌套件

放进一个标志,得到它需要的所有文件:网站和应用的图标,以及常用尺寸和格式的标志本身。

制作你的品牌套件

SVG, PNG, JPG, WebP, HEIC · 最大 8 MB · 预览免费 · 每个套件 2 积分 · 含重新下载

登录后可使用你已解锁的结果。
自定义品牌名称、短名称、颜色和内边距
最多 45 个字符;留空则使用你的文件名。它将作为应用名称,套件中的所有文件和资源都以它命名。 最多 12 个字符:主屏幕上图标下方的名称。留空则从品牌名称截取。
背景色会填充应用图标、Apple touch 图标和 maskable 图标;内边距让标志与边缘保持距离。标签页 favicon 和 PNG 使用完整的正方形。

这个工具能做什么

一次生成标志所需的所有文件,每一组放在单独的文件夹中:favicon 和网页应用图标及其 HTML 标签、Android 和 iOS 应用图标、Xcode 图像集、Android 矢量 drawable、256 到 2048 px 的透明 PNG,以及与原文件并列的网页优化版 SVG。品牌名称会用作应用名称和所有文件名,README 会说明每个文件夹的内容。SVG 可生成完整套件;PNG、JPG、WebP 或 HEIC 只生成图片文件,因为这个工具不做描摹。

出于安全考虑,脚本、动画、嵌入的网页内容、链接以及任何会加载其他文件的内容都会被移除;你的图稿以及内嵌的 PNG、JPEG 或 WebP 图片会保留。结果中会列出所有被移除的内容。

包含内容

  • favicon/ Favicon 和网页应用图标favicon.ico、PNG 和 SVG favicon、Apple touch 图标、maskable 图标、site.webmanifest 以及网站要用的 HTML 标签。
  • app-icons/ Android 和 iOS 应用图标带旧版尺寸和 Play 商店图片的 Android 自适应启动器图标,以及 1024 px 的 iOS AppIcon 图标集。
  • ios/ Xcode 图像集你的标志的图像资源,用于 iOS 应用:矢量,或 1×、2×、3× PNG。
  • android/ Android 矢量 drawable你的标志的 VectorDrawable 版本,用于 Android 应用。
  • png/ 透明 PNG最长边 256, 512, 1,024 和 2,048 px。
  • svg/ SVG 文件网页优化版的标志,以及完整精度的原文件。
  • README.txt 各文件夹的用途每个文件该放在哪里,以及网站要用的 HTML 标签。

输入、输出与限制

输入

你已解锁的某个结果,或一个 SVG、PNG、JPEG、WebP 或 HEIC 文件

输出

一个 ZIP,内含 favicon/、app-icons/、ios/、android/、png/ 和 svg/ 文件夹,以及说明各文件夹的 README

限制

文件最大 8 MB;PNG、JPG 和 WebP 图片最多 24 百万像素,导出前会缩放到 1,536 px。用 SVG 可生成最长边为 256、512、1,024和2,048 px 的 PNG;用位图则只生成图片尺寸够得上的规格。iOS 和 Android 矢量文件最多支持 2,000 条纯色的简单路径。处理时限:60 秒。

使用方法

1

选择你的标志

选择一个已解锁的结果,或上传 SVG 以获得完整套件。PNG、JPG、WebP 或 HEIC 可获得 favicon、应用图标、iOS 和 PNG 文件。

2

保持默认,或自定义

品牌名称取自你的文件名。在“自定义”中可以修改它,以及主屏幕上显示的短名称、主题色、背景色和内边距。

3

先预览,再下载

查看标签页图标在浅色和深色浏览器标签中的效果、应用图标在小尺寸下的效果,以及套件中的每个文件,然后下载 ZIP。README 会说明每个文件夹该放在哪里。

常见问题排查

这和逐个运行各个工具一样吗?

是的。每个文件夹中的内容,与 favicon 生成器、应用图标生成器、iOS 和 Android 导出工具、SVG 转 PNG 以及 SVG 优化器用同一个标志生成的结果完全相同。如需其他设置(例如路径前缀或其他尺寸),请单独使用这些工具。

为什么缺少 android/ 和 svg/?

它们需要矢量图稿。PNG、JPG、WebP 或 HEIC 可获得 favicon、应用图标、iOS 和 PNG 文件;要得到其余文件,请先把图片描摹成 SVG。

为什么 ios/ 里是 PNG 而不是矢量文件?

iOS 和 Android 矢量文件只支持纯色的简单形状。带渐变、文字或特效的图稿,iOS 会生成 PNG,Android 则不生成矢量文件,结果中会说明原因。

为什么缺少 2048 px 的 PNG?

用 PNG、JPG、WebP 或 HEIC 时,套件只生成图片尺寸够得上的规格:再放大只会模糊。SVG 则能生成所有尺寸。

使用权限与价格

运行此工具及其预览均免费。 登录账户后,下载输出文件需要 2 积分,只收取一次,运行失败绝不收费;重新下载免费。 每个新套件的价格相同,无论是用你上传的文件还是已解锁的结果生成。 访客文件保留 24 小时,账户文件保留 30 天。详见价格。

套件中文件的使用指南

SVG、PNG 还是 ICO:favicon 格式怎么选PWA maskable 图标:安全区域与设置如何把 SVG 转成 Android XML一张图片生成 Android 和 iOS 应用图标Xcode 图像资源该用 SVG 还是 PNG?

相关工具

Favicon 和 PWA 图标生成器ICO、SVG、Apple touch 和 maskable 图标制作你的应用图标Android 和 iOS 资源包SVG 转 PNG 转换器将 SVG 渲染为 PNG,最高 4,096 pxSVG 优化器压缩 SVG,外观不变