菜鸟教程
工具 SEO 与站长 tool

站标(Favicon)生成器

轻松创建网站图标，支持多尺寸PNG和ICO格式。

Favicon 在线制作 加载中...

使用指南

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">
注意

将文件路径替换为你的实际站标文件位置。

相关内容