Favicon 生成器
上传 Logo 后可以拖动裁剪框选择图标区域,生成现代网站需要的全部尺寸,并附带 manifest 和 HTML 片段。
免费 本地运行 无需注册
把 Logo 拖到这里支持 PNG、JPG、WebP、SVG · 上传后可裁剪
所有图标都在本地生成,不会上传。
PNG 图标已覆盖现代浏览器;只有兼容老旧系统时才需要 .ico。
使用方法
1
上传图片
选择 PNG、JPG、WebP 或 SVG Logo,上传后可以自由裁剪。
2
裁剪图标
拖动方块选择区域,需要时放大获得更紧凑的裁剪。
3
下载 zip
一次获得全部尺寸、site.webmanifest 和 HTML 代码。
为什么用它
一次生成全部尺寸
一张图片生成 16、32、48、180、192 和 512 像素 PNG。
裁剪控制
拖动方块并缩放,精确选择图标区域。
附带 manifest 和 HTML
直接复制现成的 link 标签和 web manifest。
本地处理
图片在浏览器里缩放,不会上传到服务器。
常见问题
需要 .ico 文件吗?
现代浏览器支持 HTML 里声明的 PNG favicon。这套图标覆盖当前桌面和移动浏览器;只有兼容老旧系统时才需要额外提供 ICO。
应该用什么图片?
方形 PNG 或 SVG、图案简洁的 Logo 效果最好。如果图片不是方形,可以在下载前拖动裁剪框选择图标区域。
文件放在哪里?
上传到网站根目录,确保代码里的 /favicon-32x32.png 等路径可以访问。
支持透明背景吗?
支持。可以保留透明背景,也可以选择填充颜色做成实底图标。
图片会被上传吗?
不会。缩放和编码都在浏览器本地完成,图片不会发送到服务器。
相关工具
图片工具 图片格式转换工具 在线把 PNG、JPG、WebP 图片互相转换。可选择输出格式和质量,在支持时保留透明通道,转换完成后立即下载,图片不会上传。 图片工具 图片压缩工具 在线压缩 JPG、PNG 和 WebP 图片,可调节质量、按宽度缩放,并对比压缩前后的文件大小。图片只在浏览器本地处理,不会上传到服务器。 颜色与设计 颜色转换工具 在线转换 HEX、RGB、HSL 和 HSV 颜色值,支持取色器和明暗色阶,方便复制到 CSS 和设计工具中使用。 开发者工具 Base64 编码解码工具 在浏览器本地进行 Base64 编码与解码,完整支持 UTF-8 中文、emoji 和 URL 安全变体。免费、不上传、无需注册。 文本工具 大小写转换工具 在线转换大写、小写、标题格式、句首大写,以及 camelCase、PascalCase、snake_case、kebab-case 等编程命名格式。 颜色与设计 对比度检测工具 检测文字颜色与背景颜色的对比度,判断是否满足 WCAG AA 和 AAA 的普通文本与大文本标准,并实时预览效果。
最后更新: