生成网站图标
使用可视化编辑器裁剪、缩放图片。
本地处理 · 文件不上传
文件在当前浏览器处理,不会自动上传。首次加载处理组件可能需要联网。
点击选择图片文件,或将文件拖拽至此
支持 PNG、JPG、WEBP、SVG,本地处理,无需上传
实时预览
颜色分析
主色
副色
样式调整
轮廓预览(黑白)
笔刷编辑
颜色:
网站图标生成的用途与输出
Favicon 是浏览器标签和收藏中的网站标识,本工具从图片生成多尺寸图标,支持裁剪、圆角调整和预览。
缩小图片或追踪 SVG 可能损失细节,生成图标不等于自动完成网站配置,也不保证保留原 SVG 的全部结构。
能力说明
多尺寸图标与打包输出
ICO、PNG、SVG 等输出用于不同浏览器和设备场景;应检查小尺寸预览,再将需要的图标文件配置到网站。
位图素材与 SVG 追踪
从位图生成 SVG 涉及轮廓追踪,复杂照片或细节可能变化;图标更适合轮廓清晰、细节较少的素材。
使用步骤
选择图片
点击"选择图片文件"按钮,或直接将你的图片(如PNG, JPG, SVG)拖拽到上传区域。
编辑调整
使用可视化编辑器裁剪、缩放图片。
生成和下载
点击"生成预览"查看各尺寸效果,确认后点击"打包下载 .zip",即可获得包含 `.ico`、`.png` 等文件的完整图标包。
常见问题
生成一个Favicon需要哪些文件?
一个完整的Favicon包通常包含多种尺寸的.png文件(例如16x16, 32x32, 192x192等),一个`favicon.ico`文件用于兼容旧版浏览器,以及一个`apple-touch-icon.png`。我们的工具会为您生成所有这些文件。
SVG 输出一定比 PNG 更清晰吗?
不一定。位图追踪可能会改变细节,且复杂素材未必适合做图标;请根据 SVG 和 PNG 的实际小尺寸预览来选择输出。
为什么小尺寸图标看起来不清楚?
细小的文字、复杂的图案和过多的颜色在缩小时难以辨认;可以简化素材、调整裁剪,并查看各尺寸的预览,而不是仅仅提高源图片的分辨率。
