免费网站图标生成器
用徽标生成一套网站图标，并先在 16 到 512 px 下预览。包含小尺寸设计技巧，以及八个 PNG 中该上线哪些。
不裁剪图像边缘即可创建标准图标尺寸。
或将一张图片拖放到此页面的任意位置
favicon.ico 包含 16、32、48、64 和 256 px 帧。PNG 会按显示尺寸保存，180 px 保存为 apple-touch-icon.png。
创建 ICO 和 PNG 网站图标
需要了解的要点
生成器视图既关乎导出，也关乎设计。图片加载后，16、32、48、64、180、192、256 和 512 px 共八个预览方块会立即出现，它们都取自与下载文件相同的 512 px 正方形。请先看 16 px 那个：它是浏览器标签页通常显示的大小，也是大多数徽标出问题的地方。
小尺寸偏爱简洁。一个粗体字母、一个简单形状或高对比的符号能在 16 px 下保留下来，而文字标志、细轮廓线或照片会糊成一团。如果完整徽标很复杂，请单独做一个图标版本再放进来。因为图片是不裁剪地放入，标签页也不会再加内边距，所以请在正方形内侧留出约 6% 到 10% 的边距，别让标志碰到边缘。
透明背景在 PNG 下载中会被保留，既适合浅色也适合深色的浏览器主题，但透明背景上的深色徽标在深色标签页里可能看不见。请想象把 16 和 32 px 方块放在深色背景上的样子，或者给标志加一个实心底形。180 px 的输出用于 iOS 主屏幕，那里的透明区域通常会被填成黑色，所以实心背景看起来更好。
一份简短的上线清单是：favicon.ico、apple-touch-icon.png，以及供清单文件使用的 192 和 512 px 文件。16、32、48、64 和 256 px 的 PNG 是制作 ICO 的素材，只有在 link 标签里单独引用各个尺寸时才需要保留。
按任务选择工具 6
相关工具 13
免费网站图标生成器使用方法
- 载入你简化后的图标素材，例如留有 8% 边距的 512 px 正方形 PNG。
- 仔细查看 16 和 32 px 预览方块的可辨识度。
- 如果 16 px 那个模糊不清，换一张更简单的图片再比较。
- 下载 favicon.ico，再下载 180、192 和 512 px 的 PNG。
快速说明
为什么我的徽标在 16 px 方块里很模糊？
16 个像素容纳不了多少细节，细线和小字会糊在一起。请使用更简单、更粗的图标版本。
透明背景可以用于网站图标吗？
浏览器中可以，但透明背景上的深色徽标在深色标签页里可能消失。实心底形更稳妥，尤其是 180 px 的 iOS 图标。
在正方形内应该留多少边距？
大约 6% 到 10% 比较合适。图片是不裁剪地放入的，所以你设计进去的边距会原样保留。
八种 PNG 尺寸我都需要吗？
不需要。对大多数网站来说，favicon.ico、180 px 文件以及 192 和 512 px 文件就够了。