图片工具 · 可直接用于网站

Favicon 生成器

把一个 Logo 或一张图片变成精致的 favicon.ico、浏览器图标、应用图标、Manifest 文件,以及可直接安装的 HTML 代码。

在你的浏览器中私密生成
报告问题

拖放你的 Logo 或图标

PNG、JPG、WebP 或 SVG · 最大 10 MB

浏览器预览

以真实的 favicon 尺寸查看标志

一张源图,生成所有必备 favicon。

添加一个正方形的 Logo、插图或标志,即可在浏览器标签页中预览效果,并导出一套可直接用于网站的完整套件。

使用方法

三步生成整套 favicon。

请从你的标志的最高分辨率版本开始。Toolkit 会单独生成每个目标尺寸,让小尺寸的浏览器图标在源图允许的范围内尽可能清晰。

  1. 01

    添加你的标志

    选择一个 PNG、JPG、WebP 或 SVG 格式的 Logo 或插图,大小不超过 10 MB。

  2. 02

    调整画框

    选择“适应”或“填充”,调整内边距和圆角,并设置透明或纯色背景。

  3. 03

    下载套件

    把六种尺寸的 PNG、多尺寸 favicon.ico、Web Manifest 和可直接复制的 HTML 打包成一个 ZIP 导出。

可直接部署

不只是一张缩放后的图片。

完整的图标套件

获得 16、32 和 48 像素的浏览器图标、Apple Touch 图标、Android 图标,以及一个真正包含多张图像的 ICO 文件。

实用的预览

在迷你浏览器标签页中查看 favicon 效果,并在下载单个文件或 ZIP 之前逐一检查每个生成的尺寸。

浏览器内私密处理

源图片在本地完成解码、缩放、打包和下载,绝不会上传到 Toolkit,也不会存储在远程服务器上。

Favicon 常见问题

格式、尺寸、透明度与安装。

哪种源文件格式效果最好?+

512 × 512 像素或更大的正方形 SVG 或透明 PNG 通常效果最干净。也支持 JPG 和 WebP。

套件包含哪些文件?+

ZIP 包含 favicon.ico、16 × 16 和 32 × 32 的浏览器 PNG、一个 48 × 48 的 PNG、一个 180 × 180 的 Apple Touch 图标、192 × 192 和 512 × 512 的 Android 图标、site.webmanifest 以及安装代码。

favicon 应该使用透明背景吗?+

简单的标志通常很适合透明背景。纯色背景能让线条纤细或颜色较深的图案在各种浏览器主题下更易辨认。

favicon.ico 里面有什么?+

ICO 文件包含 16、32 和 48 像素三张独立的 PNG 图像。浏览器和操作系统可以从中选择最合适的分辨率。

生成器会上传我的 Logo 吗?+

不会。所有缩放和 ZIP 打包都在你的浏览器中完成,关闭或刷新页面后,所选图片即被丢弃。

更多专注好用的工具,随时待命。

探索不断扩充的工具合集,涵盖计算、文档、写作和日常工作。

浏览全部工具