主题
站标(Favicon)生成器
轻松创建网站图标,支持多尺寸PNG和ICO格式。
使用指南
1. 上传图片
选择一张清晰的图片(尺寸不超过500x500像素)
2. 裁剪调整
拖动和调整裁剪框,确保重要内容位于框内
3. 选择尺寸
根据需要选择输出尺寸:
- 16x16 - 适用于浏览器标签页
- 32x32 - 适用于书签和快捷方式
- 64x64 - 适用于高分辨率显示
4. 下载选项
- PNG格式:支持透明背景,清晰度高
- ICO格式:Windows系统传统格式,兼容性最佳
- 打包下载:获取所有选中尺寸的文件
如何添加到网页
将以下代码添加到网页的 <head>
标签内:
html
<!-- 传统favicon图标(ICO格式,支持多尺寸) -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<!-- 现代浏览器站标(PNG格式,分尺寸) -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
<!-- iOS和iPad站标 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
注意
将文件路径替换为你的实际站标文件位置。