favicon生成器:用一张图片制作网站图标
用一张图片生成包含多种尺寸的.ico网站图标。
这款favicon生成器可以把JPG、PNG、WEBP、GIF或BMP图片转换成favicon.ico。上传你的标志或图标,勾选16×16到256×256之间需要的尺寸,然后下载favicon.ico。所有选中的尺寸会打包进同一个ICO文件,浏览器和操作系统可以从中挑选合适的尺寸。建议从形状简洁的方形图片开始,因为网站图标显示得非常小。
如何制作网站图标
上传一张不超过20 MiB的图片,选择要包含的尺寸,再提交表单。可选尺寸有16、32、48、64、128和256像素,默认全部选中。你会下载到一个名为favicon.ico的文件,其中包含你勾选的每一种尺寸。
该包含哪些尺寸
浏览器标签页使用16×16和32×32;Windows快捷方式和部分书签栏会用到48×48及更大的尺寸。六种尺寸都保留是稳妥的做法,文件依然很小。如果一个框都不勾选,工具会自动改为包含全部六种尺寸。PNG的透明背景会保留在ICO中。
准备源图片
请使用方形图片,最好至少256×256像素,图案醒目简洁,不要带细小文字,因为细节在16像素下会消失。非方形图片可能变形,所以应先裁成正方形。如果希望图标在深色和浅色浏览器主题上都显示干净,可以准备透明背景的PNG。
在网站上使用图标
把favicon.ico上传到网站根目录,并在页面head中添加指向/favicon.ico的rel=icon链接标签。本工具只生成ICO,不生成Apple触摸图标或网页清单。要先处理源图,可以使用调整图像尺寸;若图片是由SVG导出的PNG,可先用图像转换器转换格式。
常见问题
制作网站图标应该用什么图片?
请使用方形的标志或图标,最好是256×256像素或更大,图案简洁、对比强烈。细节丰富的图片和小字在浏览器标签页中缩小到16像素时会变得难以辨认。
favicon.ico包含哪些尺寸?
你可以包含16、32、48、64、128和256像素的方形尺寸。默认全部选中,并打包进同一个favicon.ico文件,这样每个浏览器或系统都能选取自己需要的尺寸。
它能生成PNG或Apple触摸图标吗?
不能。输出只有一个favicon.ico文件。如果你需要某个尺寸的PNG,可以使用调整图像尺寸;如果源文件是SVG,可以用SVG转换器按你选择的宽度渲染成PNG。
网站图标会保留透明背景吗?
会。图像在写入ICO之前会转换为RGBA,因此PNG中的透明区域在图标里仍然是透明的。JPG文件本身没有透明度,所以会得到纯色背景。
favicon.ico应该放在网站的什么位置?
请把favicon.ico放在网站根目录,并在页面head中用rel=icon链接指向/favicon.ico。浏览器默认也会请求这个路径,所以即使没有这个标签,图标往往也能正常显示。