ICO转换器 - 将图片转换为ICO网站图标

将图片转换为ICO格式用于网站图标。免费,100%客户端处理。

Drop image for ICO

or click to browse • Max 50MB

Or paste with Ctrl+V

如何在项目中使用 ICO

HTML (favicon)

<link rel="icon" href="/favicon.ico" sizes="48x48" type="image/x-icon">
<link rel="icon" href="/favicon-32x32.ico" sizes="32x32" type="image/x-icon">
<link rel="icon" href="/favicon-16x16.ico" sizes="16x16" type="image/x-icon">

React / Next.js (public folder)

// Place favicon.ico in /public, then in layout.tsx or _document.js:
<link rel="icon" href="/favicon.ico" sizes="any" />

Next.js App Router (metadata)

// app/layout.tsx
export const metadata = {
  icons: {
    icon: "/favicon.ico",
  },
};

Vite / Create React App

// Put favicon.ico in /public
// index.html:
<link rel="icon" type="image/x-icon" href="/favicon.ico" />

为什么将图片转为ICO?

ICO是favicon的标准格式—浏览器标签、书签中的小图标。Windows也用于应用和文件夹图标。

Favicon要求

网站需要ICO或PNG格式的favicon。ICO可包含多种分辨率—一个文件到处可用。

如何在线将图片转为ICO

上传图片(PNG、JPG或SVG)。选择输出尺寸(默认16、32、48、256px)。点击转换。下载ICO。全部客户端处理。

步骤

从高质量正方形图片开始。带透明的PNG最适合favicon。SVG可先用SVG转PNG工具转换。

ICO与PNG favicon对比

ICO支持一个文件中多种尺寸—适合旧版兼容。现代浏览器支持PNG favicon。很多站点两者都提供。

最佳实践

使用简单、易识别的设计。Favicon很小—16×16或32×32。避免精细细节。

从Logo创建Favicon

从PNG或SVG的Logo开始。确保为正方形或裁剪成正方形。用工具转为ICO。SVG Logo请先用SVG转PNG。

多分辨率ICO

我们的ICO文件包含16×16、32×32、48×48、256×256。浏览器和系统自动选择合适尺寸。

常见问题

ICO转换器免费吗?
是的。免费、无限制。客户端处理。
可以使用哪些图片格式?
PNG、JPG和SVG。带透明的PNG最适合favicon。
图片会上传吗?
不会。在浏览器中转换。
包含哪些尺寸?
单个ICO文件中包含16×16、32×32、48×48、256×256。
为什么用ICO做favicon?
ICO是传统favicon格式,支持多分辨率。包括旧浏览器在内到处可用。

相关工具