tomai
登录
免费 · SEO工具

Favicon 图标生成器

把任意图片变成一套完整的网站图标——裁剪、缩放并导出全部 6 种标准尺寸,附打包好的 ZIP、site.webmanifest 和可直接粘贴的 HTML 代码,全程在浏览器内完成

🖼️
上传一张图片
PNG、JPG 或 WebP——方形图片裁剪效果最佳
预览与下载
上传图片后即可看到预览

生成的文件清单

用途输出尺寸
浏览器 faviconfavicon.ico(16+32+48 打包)、favicon-16.png、favicon-32.png
Apple 触屏图标180×180 PNG(自动应用不透明背景)
Android / PWA192×192 和 512×512(另含 maskable 留白变体)
Windows 磁贴144×144 msapplication

边缘锐利的 Logo 可选用最近邻插值缩小;照片类默认平滑重采样。全部渲染都在浏览器端通过 canvas 完成——原始素材不会上传。

一张图标,满足各平台要求的全部尺寸

只需上传一次,从 16 px favicon 到 512 px PWA 图块一次拿全,下载前还能逐平台预览。

🎨

专业级裁剪

可视化裁剪框配合实时尺寸滑块,准确定位图片的最佳区域——拖动调整位置、缩小拉近,所有预览即时更新。

📦

六种尺寸,一键搞定

16、32、48、180、192 和 512 像素——浏览器、iOS 和 Android 需要的完整尺寸集。可逐个下载,也可打包成一个可直接部署的 ZIP。

🔒

零上传

图片永远不会离开你的浏览器。私密设计稿或客户项目都能放心处理,裁剪、导出、打包全程本地完成。

常见问题

我到底需要哪些尺寸?

16 和 32 像素这一对覆盖经典浏览器标签页,180 像素是 iOS 主屏唯一会读取的尺寸,192 和 512 像素则是 Android 和 Chrome 清单要求的。生成全部六种就覆盖了所有现代平台——这也是目前多数网站标配的尺寸集,ZIP 打包让它们始终在一起,非常省心。

我的图片会上传到服务器吗?

不会。图片的读取、裁剪和导出完全在你的浏览器内完成,不会发送到任何地方。即使是私密设计稿或客户项目,也可以放心生成图标,文件不会离开你的设备。

为什么我的 ZIP 没有压缩?

PNG 本身就是压缩格式,在 ZIP 里再压缩一遍只会白白耗费时间和电量,体积不会有任何减小。生成的 ZIP 按原样存储每张 PNG——里面的每个文件都与单独下载的完全一致,任何解压工具都能正常读取。

为什么我的图标在 16 px 下显得模糊?

细节复杂的 Logo 被压缩到 16×16 时必然丢形。小尺寸请专门绘制简化图形(一个符号、两种颜色)——预览会如实呈现最终保留下来的效果。

相关工具

什么是 Favicon 生成器?

Favicon 是显示在浏览器标签页、书签和应用启动器里的小图标。Favicon 生成器把你的 Logo 或任意图片转换成现代平台需要的全套尺寸——从 16 像素的标签页小图标,到 Android 安装应用时使用的 512 像素大图标。不必再同时摆弄图片编辑器和一堆文件转换工具:上传一张图片、选好裁剪区域,全部六种尺寸立刻导出——可以逐个下载,也可以打包成 ZIP,还会生成 site.webmanifest 和把一切接进页面 head 的 HTML 代码。

你会得到什么

  • 🖼️ 经典浏览器标签页和书签用的 16、32、48 像素图标
  • 🍎 iOS 主屏使用的 180 像素 apple-touch-icon
  • 🤖 Android 和 Chrome Web 清单用的 192、512 像素图标
  • 📦 一个包含全部文件的 ZIP,直接丢进站点根目录即可
  • 📄 列出全部六种图标的 site.webmanifest
  • 🔗 可直接粘贴进页面 head 的 link 代码块,含 theme-color

什么时候用

  • 新网站或博客上线,第一次搭建站点形象时
  • 替换老站点上过时、模糊或缺失的图标时
  • 需要给客户或主题打包一套 favicon 时

隐私:你的图片永远不会离开浏览器。裁剪、缩放、ZIP 打包和全部导出都在你的设备本地完成。

相关工具