来自 SVG 的网站图标

特征

• 从一个 SVG 生成 favicon.ico (16/32/48)、180 像素的 apple-touch-icon 以及 192 和 512 像素的 android-chrome 图标。
• 捆绑一个即用型 site.webmanifest 代码段，该代码段与您的应用程序名称连接到 192 和 512 PNG。
• 将整套内容作为单个 ZIP 提供，并在导出前提供实时选项卡 (16px) 和 Apple Touch 预览。

它是如何运作的

1. 粘贴 SVG 标记或拖放 .svg 文件以用作源图标。
2. 输入 site.webmanifest 的应用程序名称，然后检查选项卡和 Apple-Touch 预览。
3. 单击“下载”即可获取包含各种图标大小的 ZIP，以便将其放入您的网站。

相关工具

• SVG优化器使用 SVGO 缩小和清理您的 SVG — 剥离元数据、圆形路径、删除未使用的 ID — 并提供之前/之后的预览。
• SVG 到数据 URL将任何 SVG 标记转换为 base64 或 URL 编码的数据 URI — 并提供实时缩略图预览。
• SVG 查看器拖放或粘贴任何 SVG 即可实时预览它、检查其尺寸并读取其源代码 - 安全地沙箱化。
• SVG 转 PNG/JPG/WebP将任何 SVG 栅格化为您想要的精确尺寸的高质量 PNG、JPG 或 WebP - 通过实时预览。

Topics covered

• favicon generator
• svg to favicon
• favicon ico online
• apple touch icon generator
• pwa icon generator
• free favicon bundle