网站图标生成器
把简单清晰的图片制作成网站图标包。确认设计缩小后仍容易辨认,再下载文件并按照附带示例安装到网站。
使用前须知
- 支持输入
- 一张 JPG、PNG 或静态 WebP 图片。
- 处理结果
- 包含 ICO、PNG 图标、网站清单及 HTML 示例的 ZIP。
加载工具...
在你的设备上处理。所选文件与粘贴的文本不会上传到我们的服务器。
如何使用这个工具
- 选择 JPG、PNG 或静态 WebP 图像。
- 裁剪为正方形或添加填充并检查图标预览。
- 下载 ZIP 并将示例路径调整为您的网站。
了解结果
网站图标通常以非常小的尺寸出现。清晰的符号或字母通常比详细的艺术品或微小的文字效果更好。生成的文件仍然需要上传并由您的网站引用。
准备一个小而清晰的图标
下载前检查 16 像素预览。避免期望宽文字标记或完整照片在小方块中保持可读。
尝试示例
尝试原始示例来检查支持的工作流程。成功的样本并不能保证每一次输入。
原始图像样本 ↓结果不符合预期怎么办?
网站仍然显示旧图标。
生成文件不会自动安装图标。检查图标网址和页面中的引用,清除网站缓存,再用新的浏览器会话测试。浏览器标签图标和搜索结果图标的更新时间可能不同。
接下来可以用: SVG转PNG →重要限制
- 仅图像输入;首先将 SVG 转换为 PNG。
- 该工具不会更改您的网站配置。
- 安装图标后检查您自己的网站,因为缓存和平台行为可能有所不同。
- 最大 10 MB 和 1200 万像素。输出包括 ICO、PNG 图标、Web 清单和 ZIP 中的示例 HTML。
常见问题解答
这是否会在我的网站上安装图标?
否。它准备文件和示例。上传文件并更新路径或您的网站设置。
该包是否会使我的网站成为 PWA?
否。图标文件和基本 Webmanifest 只是 Web 应用程序设置的一部分。
为什么我的徽标在 16 像素时难以辨认?
在该尺寸下,精细细节可能会消失。尝试使用更简单的符号、更强的形状或标记周围有更多的空间。
相关指南
有疑问或更正吗? mrkcal@mrkcal.com