← 返回文档

SVG2Icon • 用户手册

版本 v1.1.0

svg2icon-用户-v1.1.0

Web 图标

网站所需的一切。将这些文件放到站点并按标准 meta/link 标签引用。

输出目录：web/

  • Favicons（favicon-16.png、favicon-32.png、favicon.ico）
  • Apple touch 图标（包含 apple-touch-icon-180.png）
  • Android/Chrome 提示用的大图（manifest-192.png、manifest-512.png）
  • 参考文件：icons-head.html

选择 Web

在项目行点击 Web 下载，生成 Web 包 ZIP。

点击 Web 下载

保存 ZIP

选择保存位置。ZIP 命名： <项目名> - Web - svg2icon.zip（若同名已存在会自动追加 (n)）。

Web 目录（ZIP 内）

解压 ZIP 后，打开 web/ 目录查看所有文件。

ZIP 文件对话框

在 HTML 中引用

<!-- Favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="/web/favicon-16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/web/favicon-32.png">
<link rel="icon" href="/web/favicon.ico">

<!-- Apple touch icon (general) -->
<link rel="apple-touch-icon" href="/web/apple-touch-icon-180.png">

<!-- Android/Chrome (install prompts) -->
<link rel="icon" type="image/png" sizes="192x192" href="/web/manifest-192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/web/manifest-512.png">

<!-- Optional: browser UI color -->
<meta name="theme-color" content="#000000">

记住：web/icons-head.html 包含了一整套可直接复制到页面 <head> 的标签。

web/manifest.json 是生成器的元数据，并非完整的 Web App Manifest。如需 PWA Manifest，请为站点单独编写并独立引用。

Skip to main content