几分钟内为您的网站制作网站图标
要制作网站图标，请将您的 Logo 的方形 PNG、JPG 或 GIF 上传到 pdfseotools.com 上的网站图标生成器。上传 PNG 可获得 PNG 图标。您将收到一个 ZIP 文件，其中包含 17 种尺寸的图标，适用于浏览器、iPhone、Android 和 Windows。将文件上传到您的网站根目录，并将链接标签添加到您的页面头部。
关键信息
- 输入：PNG、JPG 或 GIF – 方形效果最佳
- 输出：一种 ZIP 文件，包含 17 种尺寸，格式与您上传的相同（推荐 PNG）
- 涵盖浏览器（16–96 px）、Apple（57–180 px）、Android（36–192 px）、Windows 磁贴（70–310 px）
- Google 需要至少 48 × 48 px 才能在搜索结果中显示
为什么网站图标很重要
✓🖼️ 网站图标是浏览器标签页、书签、手机主屏幕以及越来越多地出现在 Google 搜索结果中您网站名称旁边的小图标。清晰的图标使您的网站在二十个打开的标签页中更容易找到，并在搜索中看起来更值得信赖。
如何分步创建您的网站图标
第 1 步：准备一个正方形图片
使用带有纯色背景的徽标符号，至少 310 × 310 像素。删除小文本 – 在 16 像素时会变得难以辨认。
第 2 步：上传
打开网站图标生成器并选择您的图片 – 最好使用 PNG，因为图标将以您上传的相同格式保存。
第 3 步：生成
该工具一次性创建所有 17 种尺寸。
第 4 步：下载 ZIP
在您的计算机上解压缩 – 接下来您将把这些文件上传到您的网站。
添加到您的网站
✓将 PNG 文件上传到您网站的根文件夹（包含您主页的文件夹），然后将以下行添加到您页面的 <head> 部分：
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
WordPress：前往外观 → 自定义 → 站点身份 → 站点图标并上传 512 × 512 的图片 – WordPress 会自动添加标签。Blogger：布局 → 网站图标 → 编辑。
针对小尺寸的设计技巧
- 使用一个醒目的形状或字母 – 16 px 时细节会消失。
- 选择强烈的对比度，以便在浅色和深色浏览器标签页上都能正常显示。
- 避免使用细线和长单词。
- 小尺寸预览：缩小您的浏览器并查看标签页。
常见问题解答
我应该上传什么图片？
一个正方形的 PNG、JPG 或 GIF 格式的徽标或图标，最好至少 310 × 310 像素，并且足够简单，可以在小尺寸下识别。
生成器创建哪些尺寸？
17 种尺寸，以您上传的相同格式保存（上传 PNG 以获取 PNG 图标）：16、32 和 96 像素的浏览器网站图标；57 至 180 像素的 Apple Touch 图标；36、48 和 192 像素的 Android 图标；以及 70、144、150 和 310 像素的 Microsoft 磁贴。它们一起下载为一个 ZIP 文件。
为什么我的新 favicon 不显示？
浏览器会大量缓存网站图标。清除浏览器缓存或在隐私窗口中打开网站。Google 搜索结果可能需要几天或几周才能更新。
Google 会在搜索结果中显示我的 favicon 吗？
Google 可以在您网站名称旁边显示它。它需要一个至少 48 × 48 像素的正方形图标，爬虫可以访问。
我可以使用非方形的 Logo 吗？
生成器会调整为正方形，因此宽徽标会被压扁。首先裁剪一个正方形版本 – 通常只是符号 –。
我需要 favicon.ico 文件吗？
现代浏览器支持 HTML 中链接的 PNG 网站图标，本生成器即可生成此类图标。部分网站站长还会在根目录添加 favicon.ico 以兼容旧版浏览器。
摘要
一个方形 Logo 输入，17 种尺寸输出，几行 HTML 代码——您的网站将在任何地方都拥有一个专业的图标。使用 Favicon 生成器 创建您自己的图标，并探索更多 免费图片工具。
分享到社交媒体：