为什么网站图标的大小必须是 32x32 或 16x16?我们可以给它额外的 css/style 吗?
Why does the size of a favicon have to be 32x32 or 16x16? Can we give additional css/style to it?
我只想知道为什么一个favicon的大小是32*32或16*16,而且不超过25kb?
网站图标不一定是 32*32 或 16*16。如果您访问 https://www.favicon-generator.org/ 并上传图片,它将为不同的设备制作具有不同像素大小的图标。
相同大小的网站图标不会在所有设备上看起来都很好,因此您需要使用不同的网站图标。
网站图标大小的一些示例是:
- 16 x 16 – 浏览器的标准尺寸
- 24 x 24 – IE9 用户界面固定站点大小
- 32 x 32 – IE 新页面选项卡,Windows 7+ 任务栏按钮,Safari 阅读列表侧边栏
- 48 x 48 – Windows 网站
- 57 x 57 – iPod touch,iPhone 高达 3G
- 60 x 60 – iPhone 最多 iOS7
- 64 x 64 – Windows 站点,Safari Reader 在 HiDPI/Retina
中列出侧边栏
- 70 x 70 – Win 8.1 Metro tile
- 72 x 72 – iPad 最多 iOS6
- 76 x 76 – iOS7
- 96 x 96 – 谷歌电视
- 114 x 114 – iPhone 视网膜触摸高达 iOS6
- 120 x 120 – iPhone 视网膜触控 iOS7
- 128 x 128 – Chrome 网上商店应用,Android
- 144 x 144 – 固定站点的 IE10 Metro 磁贴,iPad 视网膜高达 iOS6
- 150 x 150 – Win 8.1 Metro tile
- 152 x 152 – iPad 视网膜触控 iOS7
- 196 x 196 – Android Chrome
- 310 x 150 – 赢得 8.1 宽 Metro tile
- 310 x 310 – Win 8.1 Metro tile
对于 IE,Microsoft 建议打包在 favicon.ico 文件中的 16x16、32x32 和 48x48。
对于 iOS,Apple 推荐特定的文件名和分辨率,最新设备最多 180x180 运行 iOS 8.
我只想知道为什么一个favicon的大小是32*32或16*16,而且不超过25kb?
网站图标不一定是 32*32 或 16*16。如果您访问 https://www.favicon-generator.org/ 并上传图片,它将为不同的设备制作具有不同像素大小的图标。 相同大小的网站图标不会在所有设备上看起来都很好,因此您需要使用不同的网站图标。 网站图标大小的一些示例是:
- 16 x 16 – 浏览器的标准尺寸
- 24 x 24 – IE9 用户界面固定站点大小
- 32 x 32 – IE 新页面选项卡,Windows 7+ 任务栏按钮,Safari 阅读列表侧边栏
- 48 x 48 – Windows 网站
- 57 x 57 – iPod touch,iPhone 高达 3G
- 60 x 60 – iPhone 最多 iOS7
- 64 x 64 – Windows 站点,Safari Reader 在 HiDPI/Retina 中列出侧边栏
- 70 x 70 – Win 8.1 Metro tile
- 72 x 72 – iPad 最多 iOS6
- 76 x 76 – iOS7
- 96 x 96 – 谷歌电视
- 114 x 114 – iPhone 视网膜触摸高达 iOS6
- 120 x 120 – iPhone 视网膜触控 iOS7
- 128 x 128 – Chrome 网上商店应用,Android
- 144 x 144 – 固定站点的 IE10 Metro 磁贴,iPad 视网膜高达 iOS6
- 150 x 150 – Win 8.1 Metro tile
- 152 x 152 – iPad 视网膜触控 iOS7
- 196 x 196 – Android Chrome
- 310 x 150 – 赢得 8.1 宽 Metro tile
- 310 x 310 – Win 8.1 Metro tile
对于 IE,Microsoft 建议打包在 favicon.ico 文件中的 16x16、32x32 和 48x48。
对于 iOS,Apple 推荐特定的文件名和分辨率,最新设备最多 180x180 运行 iOS 8.