RealFaviconGenerator
网站上线了，浏览器标签页上还是那个默认的空白地球图标，加书签也认不出来。favicon 这事看着小，但要凑齐 ico、Apple Touch、Android 各尺寸，手工作图能折腾一下午。
RealFaviconGenerator 一套图能出多少尺寸
- 一张图出全套：传 512×512 以上的方图，自动生成 favicon.ico、16/32 各尺寸 PNG、180×180 的 iOS 图标、Android 各密度图标
- 带 SVG：生成最新的矢量 favicon，高分屏和系统缩放时不会糊
- 分平台设置：iOS 圆角、Android 圆形遮罩、Windows 磁贴背景色都能单独调，边调边看预览
- 直接给代码：生成完给你一段粘贴即用的 HTML 头标签和文件包，扔进站点根目录就生效
- 预览真实场景：模拟显示在浏览器标签、Google 搜索结果、手机桌面上的样子
在生成前就能看到各平台实际效果，包括 Google 搜索结果里那个小图标：
favicon 怎么生成并装进站点：三步
- 打开 realfavicongenerator.net，把方图拖进上传框（建议先备好 512×512 或 1024×1024 的 PNG）
- 按平台看预览，iOS 那边选不透明背景色，Android 选遮罩形状
- 点 Generate，下载压缩包，把里面的文件和那段 HTML 头标签一起放进站点
免费吗：要不要注册、有没有水印
- 免费生成、不用注册，一次能出整套文件，没有水印
- 图必须是正方形：传长图会被裁成中间那块，图标的边角容易切掉关键元素
- 一次只处理一个站点的一套图标，多站点要反复生成
- 生成的 ico 只有 16/32 这类小尺寸，老 IE 那种 48×48 的需求得自己补
- 换图标后有缓存：浏览器和 CDN 都会存旧 favicon，改名或加版本参数才能立刻生效
只想拿别人网站的图标：站内 ICO 获取与手工路线
- 只想快速出一个 ico：站内网站图标获取工具反着用，能抓别人的也能看自己的有没有生效
- 有 Figma 设计稿：直接用 Figma 插件导出各尺寸，控像素更细
- 生成完要部署上线：站内免费网页托管连 Git 就发，图标文件跟着仓库走就行
- 纯手工党：站内 Photopea 里按尺寸裁图，再用 ImageMagick 合成 ico
小提示：图标主体别顶到边，四周至少留 10% 空间——iOS 会自动切圆角、Android 会套圆形遮罩，贴边的字和图形会被切掉一半。
地址：https://realfavicongenerator.net/