我一直在做一个网站,我想在浏览器选项卡上添加一个小图标。
我怎么能在HTML中做到这一点,在代码的哪里,我需要把它(例如头)?我有一个。png徽标文件,我想转换为一个图标。
相关:HTML设置图像浏览器选项卡。
我一直在做一个网站,我想在浏览器选项卡上添加一个小图标。
我怎么能在HTML中做到这一点,在代码的哪里,我需要把它(例如头)?我有一个。png徽标文件,我想转换为一个图标。
相关:HTML设置图像浏览器选项卡。
当前回答
对于Chrome浏览器显示页面图标(favicon),您需要从托管服务器检查您的网站,或者您可以在PC上开发和测试您的网站时使用本地主机。
其他回答
请使用下面的代码在标题部分你的索引文件。
<link rel="icon" href="yourfevicon.ico" />
我建议您尝试http://faviconer.com将您的。png或。gif转换为。ico文件。
您可以在一个. ico文件中创建16x16和32x32(用于新的视网膜显示)。
IE和Firefox没有问题
<link rel="shortcut icon"
href="http://someWebsiteLocation/images/imageName.ico">
请允许我为那些仍然困惑的人解释清楚。.ico文件往往比.png文件提供更多的透明度,这就是为什么我建议在这里转换你的图像如上所述: http://www.favicomatic.com/done 另外,在href中只是图像的位置,它可以是任何服务器的位置,记住在前面添加http://,否则它将不起作用。
我没有用过其他的,但https://realfavicongenerator.net/似乎是首选,这里还没有提到它。
它支持svg作为生成favicons的源图像,并提供了用于覆盖不同平台的图像的有用选项。此外,默认情况下,它不会生成大量的图像来向后兼容每个过时的平台。相反,它提供了一些选项来检查是否需要它们。
从开发者发给我的邮件来看,他们还计划增加对生成SVG favicons的支持,以及SVG主题敏感性,我认为这是一个非常棒的功能。
对于Chrome浏览器显示页面图标(favicon),您需要从托管服务器检查您的网站,或者您可以在PC上开发和测试您的网站时使用本地主机。