php 如果我把多个.PNG文件组合成一个favicon.ico文件,正确的代码是什么?

x8diyxa7  于 2023-01-19  发布在  PHP
关注(0)|答案(2)|浏览(186)

我结合imagemagick的5.png文件制作了一个favicon.ico文件,大小分别为16 x16,32 x32,64 x64,96 x96,144 x144。
是否可以使用此代码

<link rel="icon" href="/favicon.ico">

<link rel="icon" sizes="16x16 32x32 64x64 96x96 144x144" href="/favicon.ico">

<link rel="icon" sizes="16x16" sizes="32x32" sizes="64x64" sizes="96x96" sizes="144x144" href="/favicon.ico">

我都试过了,但我不确定哪一个是正确的/合适的

tzdcorbm

tzdcorbm1#

不同的浏览器和设备上的favicon是不同的。所以你应该可以使用下面的HTML单独指定favicon的大小:

<link rel=icon href=favicon.png sizes="16x16" type="image/png">
 
<link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon">
 
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
 
<link rel=icon href=iphone.png sizes="57x57" type="image/png">
 
<link rel=icon href=gnome.svg sizes="any" type="image/svg+xml">
6pp0gazn

6pp0gazn2#

您可以安全地使用它:

<link rel="icon" href="/favicon.ico"/>

但是,您可能缺少PNG图标。favicon.ico是一个古老的工具,最初是由Internet Explorer引入的。它在很久以前就被PNG图标取代了。虽然favicon.ico仍然有用,但您不应该依赖它来实现现代网站的favicon。
我建议你:

  • 不要嵌入5张图片,因为它们会使最终文件变得不必要的大。而应该按照Microsoft recommandations,只使用16x16,32x32和48x48。
  • 使用添加两个16x16和32x32 PNG图标
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>

即使有了这些图标,你仍然缺少一些图标来完全支持所有平台,比如iOS,你可以用RealFaviconGenerator(我是这项服务的作者)生成它们,沿着HTML代码。

相关问题