.Convertor
菜单

生成网站图标

使用可视化编辑器裁剪、缩放图片。

本地处理 · 文件不上传

文件在当前浏览器处理,不会自动上传。首次加载处理组件可能需要联网。

点击选择图片文件,或将文件拖拽至此

支持 PNG、JPG、WEBP、SVG,本地处理,无需上传

网站图标生成的用途与输出

Favicon 是浏览器标签和收藏中的网站标识,本工具从图片生成多尺寸图标,支持裁剪、圆角调整和预览。

缩小图片或追踪 SVG 可能损失细节,生成图标不等于自动完成网站配置,也不保证保留原 SVG 的全部结构。

能力说明

多尺寸图标与打包输出

ICO、PNG、SVG 等输出用于不同浏览器和设备场景;应检查小尺寸预览,再将需要的图标文件配置到网站。

位图素材与 SVG 追踪

从位图生成 SVG 涉及轮廓追踪,复杂照片或细节可能变化;图标更适合轮廓清晰、细节较少的素材。

使用步骤

  1. 选择图片

    点击"选择图片文件"按钮,或直接将你的图片(如PNG, JPG, SVG)拖拽到上传区域。

  2. 编辑调整

    使用可视化编辑器裁剪、缩放图片。

  3. 生成和下载

    点击"生成预览"查看各尺寸效果,确认后点击"打包下载 .zip",即可获得包含 `.ico`、`.png` 等文件的完整图标包。

常见问题

生成一个Favicon需要哪些文件?

一个完整的Favicon包通常包含多种尺寸的.png文件(例如16x16, 32x32, 192x192等),一个`favicon.ico`文件用于兼容旧版浏览器,以及一个`apple-touch-icon.png`。我们的工具会为您生成所有这些文件。

SVG 输出一定比 PNG 更清晰吗?

不一定。位图追踪可能会改变细节,且复杂素材未必适合做图标;请根据 SVG 和 PNG 的实际小尺寸预览来选择输出。

为什么小尺寸图标看起来不清楚?

细小的文字、复杂的图案和过多的颜色在缩小时难以辨认;可以简化素材、调整裁剪,并查看各尺寸的预览,而不是仅仅提高源图片的分辨率。

相关文章