如何为HTML创建图标?

时间:2016-11-26 17:39:48

标签: html image icons html-head

如何为网页创建图标? Google有一个图标:
我已经创建了一个图标,但是我想将它添加到我的网页中。请帮我解决这个问题(我试图显示图像,但我没有http://images.clipartpanda.com/smiley-face-clip-art-niXoRMbiB.png)。

2 个答案:

答案 0 :(得分:3)

这些被称为favicons,是喜爱图标的缩写。

您可以在线设计各种websites

如果您已经设计了图标,则需要将此代码添加到html的头部并更改链接以引用文件中图标的位置。

<link rel="icon" type="image/png" href="http://example.com/myicon.png">

不同的设备支持不同的分辨率。默认大小为16x16,但许多支持更高的分辨率,允许更详细的图标。如果您设计基本图像,则可以使用此website将其转换为.ico格式,并允许您生成利用所有设备分辨率支持所需的尺寸。

答案 1 :(得分:1)

这应该有效

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

使用http://www.favicon-generator.org/轻松创建favicon。 这会创建它并为您提供嵌入代码。