favicon支持的图片格式

为网站设置favicon有两种方式：

1、网站根目录下放置名为favicon.ico的图片，浏览器就会自动获取；

2、在页面中通过<link rel="shortcut icon" href="http://example.com/myicon.ico" />.

对于favicon来说，一般都是使用ico格式，不过对于根目录的favicon图片chrome、firefox、IE11等现代浏览器都支持PNG、GIF（无动画）格式。对于通过link来设置的favicon格式，IE7+、现代浏览器都支持PNG、GIF格式，不过在IE7下图片效果会很差。

对于苹果设备，我们可以通过在head里写入<link rel="apple-touch-icon" href="somepath/image.png" />、<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />来设置。

	Google Chrome	Internet Explorer	Firefox	Opera	Safari
<link rel="shortcut icon" href="http://example.com/myicon.ico" />	Yes^[4]	Yes^[4]^[19]	Yes^[4]	Yes^[4]	Yes
<link rel="icon" href="http://example.com/image.ico" />	Yes	Yes (from IE 11)^[20]	Yes	Yes	Yes
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico" />	Yes	Yes (from IE 9)^[20]	Yes	Yes	Yes
<link rel="icon" type="image/png" href="http://example.com/image.png" />	Yes	Yes (from IE 11)^[20]	Yes	Yes	Yes
<link rel="icon" type="image/gif" href="http://example.com/image.gif" />	Yes	Yes (from IE 11)^[20]	Yes	Yes	Yes
<link rel="icon" type="image/x-icon" href="http://example.com/image.ico"/>	Yes^[4]	Yes (from IE 9)^[26]	Yes^[4]	Yes^[4]	Yes
`favicon.ico` located in the website's root	Yes	Yes	Optional^[27]	Optional^[28]	Yes
precedence: prefer root or (X)HTML linked version	linked^[22]	linked^[22]	linked^[22]	?	?

参考文档：

http://en.wikipedia.org/wiki/Favicon

http://msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx

http://stackoverflow.com/questions/1344122/favicon-png-vs-favicon-ico-why-should-i-use-pngs-instead-of-icos

http://www.webmasterworld.com/html/3701134.htm

http://blogs.msdn.com/b/ieinternals/archive/2013/09/08/internet-explorer-favicons-png-link-rel-icon-caching.aspx

http://blogs.msdn.com/b/jeffdav/archive/2007/03/01/why-doesn-t-the-favicon-for-my-site-appear-in-ie7.aspx

转载于:https://www.cnblogs.com/shinnyChen/p/3722529.html

favicon支持的图片格式相关推荐

如何让Ubuntu系统支持WebP图片格式
如何让Ubuntu系统支持WebP图片格式本文主要向大家介绍如何让 Ubuntu 系统支持查看 WebP 图片格式,以及如何将 WebP 转为 JPEG 或 PNG 图片格式的方法. 什么是WebP ...
图片基础知识与浏览器支持的图片格式
图片是我们开发中经常会用到的基础资源,互联网上,几乎任何站点都离不开图片,不管是图片上传,还是背景.内容展示或小图标等等,图片资源无处不在. 而且图片资源相比文字内容,通常都较大,会占用大量的带宽.因 ...
MFC使用OpenCV在文档窗口中显示图像（支持多图片格式）
MFC使用OpenCV在文档窗口中显示图像 [尊重原创,转载请注明出处]http://blog.csdn.net/guyuealian/article/details/72550659 在VS ...
php图片转换软件,能能图片格式转换器支持主流图片格式批量转换,简单实用的图片转换软件...
今天给大家分享一个我平常用的能能图片格式转换器,这个能能图片格式转换器也是非常强大,集合所有图片格式,支持相互转换哦,能能图片格式转换器还有图片剪切,调整分辨率,添加水印等功能.在这里也推荐大家看一下 ...
《OpenCV支持的图片格式》
OpenCV目前支持的图像格式包括: Windows位图文件 - BMP, DIB: JPEG文件 - JPEG, JPG, JPE: 便携式网络图片 - PNG: 便携式图像格式 - PBM,PGM ...
Web上的支持的图片格式以及它们之间的区别
一.GIF(图形交换格式) GIF格式的图片最多只能保存256中颜色,该格式支持透明色,支持动画效果. 二.JPEG(联合图像专家组) JPEG格式不支持透明色及动画,颜色可达1670种. 三.PNG ...
android支持gif图片格式,Android 支持Gif动态图的imagview
Android 实现支持gif的组件,并可以控制带下,位置.索罗的一下网上的方法,简单的实现了下. 方法1.使用Movie解析gif 流也是本文使用的方法. 有很多博客介绍是想方法的,过程不难. ...
Photoshop支持ICO图片格式
1. 下载插件首先到telegraphics下载插件然后根据系统选择相应的版本解压之后可以得到ICOFormat64.8bi 2.Photoshop增加插件找到Photoshop安装目录,比如 ...
Photoshop支持ICO图片格式（咋个办呢 zgbn）
1. 下载插件首先到 telegraphics下载插件 2.Photoshop增加插件找到Photoshop安装目录,比如我的是 F:\Adobe\Adobe Photoshop CC 2019 ...

favicon支持的图片格式

favicon支持的图片格式相关推荐

最新文章

热门文章