指南
适用于各种尺寸、格式和平台的分步网站图标指南 - 提供免费工具来生成和安装图标。
入门
从任何源图像创建、转换和预览网站图标。
网站图标尺寸
每个标准分辨率 - 从 16×16 选项卡到 512×512 PWA 图标。
16×16 网站图标生成器
在几秒钟内创建一个清晰的 16×16 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读32×32 网站图标生成器
在几秒钟内创建一个清晰的 32×32 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读48×48 网站图标生成器
在几秒钟内创建一个清晰的 48×48 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读64×64 网站图标生成器
在几秒钟内创建一个清晰的 64×64 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读128×128 网站图标生成器
在几秒钟内创建一个清晰的 128×128 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读256×256 网站图标生成器
在几秒钟内创建一个清晰的 256×256 图标。免费生成器，无需注册，所有处理都在您的浏览器中进行。
阅读网站图标尺寸解释
了解 16、32、48、64、128、180、192 和 512 像素的图标大小：每个图标的使用位置以及要发送的图标大小。
阅读2026 年最佳网站图标尺寸
您实际应该生成哪种大小的网站图标？ 16、32、48、180、192 和 512 像素的实际细分以及每个像素的使用位置。
阅读
格式比较
ICO vs PNG vs SVG — 何时使用它们以及如何组合它们。
平台和框架
将网站图标添加到 WordPress、Shopify、React、Next.js 等。
WordPress 的网站图标
通过定制器、主题或插件向任何 WordPress 网站添加网站图标的分步指南。无需编码。
阅读Shopify 的网站图标
只需几分钟即可将自定义图标添加到您的 Shopify 商店 - 通过主题编辑器，无需开发人员。
阅读React 的网站图标
将网站图标添加到任何使用 Vite 构建的 React 应用程序或创建 React 应用程序。包括多尺寸和暗模式 SVG 设置。
阅读Next.js 的网站图标
将网站图标添加到 Next.js 14+ App Router 项目。包括新的基于文件的图标约定和多尺寸设置。
阅读Webflow 的网站图标
从项目设置将网站图标上传到任何 Webflow 站点。大小、格式和缓存清除技巧。
阅读Wix 的网站图标
从仪表板添加或更改 Wix 网站图标。 Wix 网站的推荐尺寸和格式。
阅读
HTML 和 PWA
链接标签、apple-touch-icon 和 Web 应用程序清单设置。
Apple 触摸图标指南
创建并链接适用于 iPhone 和 iPad 的 apple-touch-icon.png。大小、格式、HTML 标记和缓存说明。
阅读Web 应用程序清单指南
使用 192×192 和 512×512 图标、主题颜色编写 Web 应用程序清单，并为 Android 和 Chromium 安装元数据。
阅读网站图标 HTML 生成器
生成准确的 <link> 标签以放入您的 <head> 中，以便在每个浏览器和平台上实现完美的网站图标设置。
阅读如何将网站图标添加到 HTML
将确切的 <link> 标签放入 <head> 中，以便在每个浏览器上实现完美的图标设置，以及 PWA 和 apple-touch-icon。
阅读
Windows 图标
用于快捷方式、资源管理器和安装程序的多尺寸 .ico 文件。
图像实用程序
在发布图标之前调整图像大小、优化和检查图像。