ico图标制作如何更专业的

如何创建1个网站的favicon.ico图标?

当你访问一个网站,如谷歌,雅虎或百度,你可能会注意到,有一个地址栏左侧的小图标。这被称为一个ico图标,您可以创建自己的一个网站。以及让您的网站更专业的感觉,图标将出现在用户的书签,您网站上的任何网页,他们在自己的最爱。这可以帮助他们找到您的网站更容易。

favicon.ico网站图标制作效果

ico图标制作步骤

1、创建一个图像,这是16×16像素大小。这应该是一个简单的图像,所以它是立刻认出。

2、转换为一个形象的favicon。ico文件。它必须被称为正是这一点,或浏览器将无法识别它。一种方法是使用制作ico图标的软件:Adobe Photoshop图像编辑软件GIMP的,并保存在16x16的ICO格式的图像。

3、生成的文件上传到你的网站。

4、下面的代码添加到您的网站的HTML。你应该把它在代码段<HEAD>,使确定的图标的路径是正确的,相对的网页。代码如下(假设HTML和ICO相同的顶级目录。)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>    如何制作ico图标代码举例,直接复制红色部分为重要的,到你的网站使用,记得ico图片换成你自己的。</title>
<link rel="shortcut icon" href="https://www.yiyada.com/template/favicon.ico" />
</head>
<body>
</body>
</html>

5、刷新页面,退后一步,佩服你的网站的漂亮的新图标。

编辑yiyada.com提示:

即使你的图标将是非常小的,是确保其他人可以很容易地读/理解。
如果你使用Linux,你可以直接转换成您的计算机上的文件。只是选择一个合适的形象,打开命令行,浏览到您储存的图像和类型的目录:转换picture.png调整大小为16x16!的favicon.ico(替换picture.png图片的文件名 ​​)。

虽 然你已经成功创建你的favicon,不是每个人都谁访问你的网站会看到它。只有Internet Explorer版本5.0 +显示网站图示,以及Netscape 7.0中,歌剧7.0 +,Firefox和Safari和Chrome。旧的浏览器根本不显示您的图标。此外,一个图标显示在地址栏的Internet Explorer版本5.0 +页面必须先被保存喜爱。然后它会显示在未来的时间最喜欢的还是手工在地址栏的URL类型的访问者点击。也出现了问题以及Safari来显示 Favicons的。