指南

透明图标生成器

具有纯色背景的图标看起来过时，并且与暗模式浏览器发生冲突。生成一个具有完全 Alpha 透明度的颜色 — 它干净利落地位于每个主题上。

For a longer walkthrough with FAQ and troubleshooting, see our step-by-step tutorial.

PNG 和 .ico 都支持 Alpha 通道。我们的生成器保留了源 PNG 或 SVG 端到端的透明度。

为了获得最佳的深色/浅色主题处理效果，请在 .ico 旁边附带一个 SVG 图标以及首选颜色方案媒体查询。

工作原理

立即尝试

.ico 支持透明度吗？+

是的 — .ico 内的 PNG 压缩条目保留其 alpha 通道。

为什么我的网站图标有一个白框？+

您的源 PNG 具有白色背景。从设计工具重新导出，无需背景填充。

SVG 图标可以适应深色模式吗？+

是的。嵌入 <style>@media (prefers-color-scheme: dark) { ... }</style> 块。