GUIDE深度 · Deep dive

小图标怎么设计才清楚?

16px 下细节全丢:用 1–2 个字母/简单几何形,四周留 10–15% 空白,深浅背景都要能看清。别把整张 logo 缩进去,也别用细线。

更新 2026-10-31 · 公式可核验

原则

一个视觉重点。

留白防裁切。

高对比,别依赖细线。

检查

16px 预览还认得吗?

深色标签栏能看清吗?

常见问题

能用透明背景吗?

可以,但深色模式可能看不见;加底色更稳。

需要圆角吗?

浏览器/系统会自己裁切,留白比圆角重要。

数据来源

相关计算器

Favicon 生成器上传图片,中心裁方生成 16/32/48/180/192/512 PNG,附 HTML link 代码;纯本地。

更多指南

Favicon 要哪些尺寸?阅读指南