网站图标
网站图标是在网页浏览器中用于标识网站的小型图标。大多数浏览器会在地址栏左侧、URL旁边显示网站图标。一些浏览器还可能会在浏览器标签页中、页面标题旁边显示网站图标。网站图标也会随书签或“收藏夹”自动保存。
网站图标从 2000 年代初期就已存在,所有主流网页浏览器都支持它。不过,不同浏览器对网站图标的实现方式不同。例如,Firefox、Internet Explorer 和 Safari 都会在地址栏中显示网站图标,但 Google Chrome 只会在页面标签页中显示。大多数浏览器支持保存为 .GIF、.PNG 或 .JPG 文件的网站图标,但 Internet Explorer 只显示保存为 .ICO 格式的网站图标。
在网站上实现网站图标的标准方式,是将一个 16x16 像素的小图像命名为 favicon.ico,并上传到网站的根目录。当用户在网页浏览器中加载该网站的页面时,浏览器会查找 favicon.ico 文件;如果找到以受支持格式保存的文件,就会自动在 URL 或页面标题旁边显示图标。也可以在网页的HTML中按以下方式指定网站图标:
<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">
HTML 方法通常会覆盖保存在根目录中的网站图标。如果希望为网站中的某些页面显示自定义网站图标,这种方法会很有用。
NOTE:网站图标的标准尺寸是 16x16像素,不过大多数浏览器也能识别以 32x32、48x48 和 64x64 像素图像保存的网站图标。大于 16x16 像素的网站图标通常会缩小到 16x16,以便在浏览器中正确显示。不过,支持Retina 显示屏的浏览器会以原始分辨率显示 32x32 像素的图标。
测试你的知识