Formats
Favicon 该用透明背景吗？
透明背景适合浏览器标签页的 favicon，让标志能干净地落在浅色或深色界面上。但 iOS 在 apple-touch-icon 上忽略透明并把它合成到黑色上，所以一个透明的主屏幕图标可能变成一个浮在黑色方块上的形状。对标签页 favicon 使用透明，对 apple-touch-icon 和其他主屏幕尺寸使用实心背景。
有帮助的地方用透明，没帮助的地方用实心
对标签页 favicon 来说，透明是一个优势：标志能适应浏览器界面无论是什么颜色，浅色或深色。那是清晰背景真正有帮助的唯一位置。
主屏幕图标则相反。iOS 丢弃 alpha 通道并把 apple-touch-icon 合成到黑色上，而 Android 的 maskable 图标想要一个满幅出血的背景以便裁成一个形状。在两者上，一个透明的源图看起来都是错的。
Favicon 透明度常见问题
我的 favicon 该用透明背景吗？
对浏览器标签页，是的。它能适应浅色和深色界面。对 apple-touch-icon 和其他主屏幕尺寸，不。用一个实心背景。
为什么我的 iOS 主屏幕图标在一个黑色方块上？
因为 iOS 忽略透明并把 apple-touch-icon 合成到黑色上。用一个实心背景填充重新导出那个图标。
Maskable 图标需要背景吗？
需要。Maskable 图标会被启动器裁剪成一个形状，所以它们需要一个满幅出血的背景，并把标志保持在安全区内。