免费网站图标生成器
将任何图像转换为完整的网站图标集——包括 ICO、16×16 至 512×512 尺寸的 PNG 以及 Apple Touch 图标。所有图标均导出为可直接使用的 ZIP 文件。
在此处上传您的图片
或点击浏览 — JPG、PNG、WebP、SVG
网站所需的一切
一张图片输入,即可生成完整的多尺寸网站图标包——无需 Photoshop,无需在线帐户。
包含ICO格式
生成多分辨率 .ico 文件(16×16、32×32、48×48),以兼容从 IE 开始的经典浏览器。
所有PNG尺寸
导出 16×16、32×32、48×48、96×96、180×180 和 512×512 PNG 文件——Chrome、Firefox 和 Safari 所需的一切。
苹果触控图标
包含一个 180×180 的 apple-touch-icon.png,用于 iOS 主屏幕书签和 PWA 启动图标。
ZIP 下载
所有网站图标文件打包到一个 ZIP 文件中,并附带一个可直接使用的 HTML 代码片段,其中准确地显示了要添加哪些标签。
100% 私密 — 从未上传
所有调整大小和编码操作都在您的浏览器中使用 Canvas API 本地完成。您的图像绝不会离开您的设备。
支持 SVG 源文件
上传 SVG 徽标,即可获得各种尺寸的像素级完美栅格化网站图标——非常适合基于矢量的品牌标志。
谁在使用网站图标生成器
任何开发者或设计师在搭建网站时都需要一套完整的网站图标包。
网站上线
在网站上线当天即可获得网站图标包——ICO、PNG 尺寸和 Apple Touch 图标,一次下载即可全部拥有。
- 一次性生成所有尺寸
- 获取要粘贴到头部的 HTML 代码片段
- 支持旧版浏览器的 .ico 格式
PWA 和应用图标
为渐进式 Web 应用创建正确的清单图标尺寸——默认包含 192×192 和 512×512 PNG 格式。
- 生成 PWA 清单图标
- 创建 iOS 主屏幕图标
- 导出 512×512 分辨率的 Android 启动画面
品牌焕新
更新了您的徽标?无需使用任何设计软件,即可从新的源图像重新生成您的整个网站图标集。
- 从更新后的徽标 SVG 重新生成
- 用清晰的新版本替换旧的ICO文件
- 几秒钟即可更新 Apple Touch 图标
如何三步生成网站图标
将您的徽标或图标图片拖放到上传区域。支持 JPG、PNG、WebP 和 SVG 格式。
下载前,您可以实时预览每个导出尺寸的网站图标,以确认其清晰度。
点击下载,即可获得一个包含所有尺寸的 ZIP 文件、.ico 文件以及可直接粘贴的 HTML 代码片段。
常见问题解答
关于在线生成网站图标的常见问题。
下载包中包含哪些尺寸?
ZIP 文件包含:favicon.ico (16, 32, 48px)、favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、favicon-96x96.png、apple-touch-icon.png (180×180) 以及用于 PWA 清单的 icon-192x192.png 和 icon-512x512.png。
我的图片上传到服务器了吗?
不。所有调整大小和编码操作都完全在您的浏览器中使用 Canvas API 完成。您的图像绝不会离开您的设备。
最佳的源图像是什么?
为了获得最清晰的输出效果,请使用至少 512×512 像素的正方形图像。SVG 格式的徽标效果最佳,因为它们可以以任何分辨率进行栅格化而不会损失质量。
我需要在我的网站上添加哪些HTML代码?
下载的 ZIP 文件中包含一个 snippet.html 文件,其中包含所有必需的链接和元标签。请将这些标签添加到 HTML 文件的 head 部分。最重要的标签包括:用于浏览器的 favicon.ico、用于 iOS 的 apple-touch-icon,以及用于 Web 应用清单的两个 PNG 图标。