所有工具
Favicon Generator
Generate favicons
Generate favicons 在您的浏览器中本地运行
About the
Favicon Generator 获取图像，将其从中心裁剪为正方形，并生成 64 x 64 的图标文件，您可以将其放入站点根目录中。裁剪比听起来更重要：浏览器将网站图标呈现为正方形，因此压缩成正方形的宽徽标看起来不对，而中心裁剪通常会保留可识别的部分。该图像在浏览器的画布上进行处理，因此不会上传任何内容。
Where people use the
- 在网站启动之前从徽标生成网站图标。
- 为原型或内部工具生成快速图标。
- 替换模板中留下的占位符图标。
- 制作宽徽标的方形版本以在选项卡中使用。
How to use the
- 1
上传图片
选择您要使用的徽标或图像。方形源图像可提供最佳结果，因为没有任何内容被切断。
- 2
让它裁剪并调整大小
将最短的边用作裁剪正方形，从中心开始，结果以 64 x 64 绘制。
- 3
比较两个预览
原件和图标并排显示，以便您可以看到裁剪后删除的内容。
- 4
下载图标
将文件另存为 favicon.ico 并将其放置在站点根目录中，或者将其上传到框架需要静态资源的任何位置。
提示和最佳实践
- 上传方形图像以避免丢失宽徽标的边缘。
- 如果图标要同时显示在浅色和深色选项卡上，请为图标提供纯色背景。
- 上传后硬重新加载；浏览器会积极缓存网站图标。
常见问题
为什么我的徽标被裁剪？
因为网站图标是方形的。该工具从中心选取最大的适合的正方形。方形源图像完全避免了裁剪。
我应该上传什么尺寸？
至少 64 x 64，如果可以的话，最好是正方形。较大的图像只是按比例缩小；较小的会看起来很软。
我需要不止一种尺寸吗？
对于大多数网站来说，一个图标就足够了，因为浏览器会为选项卡缩小 64 像素的图标。如果您希望到处都有清晰的结果，请分别生成 16、32 和 180 像素版本。
文件去哪里？
站点根目录为 favicon.ico，浏览器按照惯例请求该根目录。如果您的框架从 public 等目录提供静态文件，请将其放在那里。
为什么选项卡仍然显示旧图标？
因为它被缓存了。硬重新加载页面，或在私人窗口中打开它，然后会出现新图标。