当前位置: 首页 > 工具软件 > Favicons > 使用案例 >

#122:Favicons状态

邵崇凛
2023-12-01

影片下载
(只有MVP支持者可以下载原始高质量的录音以供离线查看。)

永远,我们都制作了16×16的图形,并以某种方式将它们转换为.ico格式。 我大概使用了此转换器工具一百万次。 沿线的某个地方开始变得更加混乱。 浏览器也可以支持.png网站图标。 现在有了视网膜显示器,在视网膜上看起来没有什么比放大的微小图形更糟了。 浏览器现在也开始支持32×32图标。 我们接下来干吗?

情况是,如果同时提供这两种功能,则许多浏览器将忽略.png并使用.ico。 乔纳森·尼尔(Jonathan Neal)讲述了整个故事 。 因此,让我们都使用.ico两者。 这是一种无论如何都要处理的独特格式。

  • 使用您最好的像素制作技能来制作16×16和32×32的版本
  • 将它们另存为高质量PNG
  • Icon Slate中创建一个新项目( 通过
  • 将版本拖到各自的“Kong”中
  • “构建”以创建.ico
  • 正常连接该.ico: <link rel="shortcut icon" href="/favicon.ico">

翻译自: https://css-tricks.com/video-screencasts/122-the-state-of-favicons/

 类似资料: