我一直在网站上工作,我想在浏览器标签上添加一个小图标.
如何在HTML中执行此操作以及在代码中我需要放置它的位置(例如标题)？我有一个.png徽标文件,我想将其转换为图标.
相关:HTML在浏览器选项卡上设置图像.
在HTML5文档中,您推荐哪种favicon格式？为什么？我希望IE7和所有现代浏览器都支持它.
另外,使用.png时,是否需要指定类型(type ="image/png")？
是否有任何现代浏览器无法自动检测favicon.ico？是否有任何理由为favicon.ico添加链接标记？
<link rel="shortcut icon" href="/favicon.ico">
我的猜测是,如果您决定使用GIF或PNG,则只需将其包含在HTML文档中...
我正试图了解Favicons,Touch图标和现在的Tile图标所需的所有这些不同尺寸和格式.
我已经阅读了这篇文章:http: //www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点朦胧,确切地说在所有设备和浏览器上看起来相当不错> = IE8 .
我想我应该创建以下内容:
ICO
favicon.ico(32x32)
PNG
favicon.png(96x96)
Tile Icon
tileicon.png(144x144)
Apple Touch图标
apple-touch-icon-precomposed.png(152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367
...然后使用此代码为他们服务？
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
我错过了什么吗？
我不清楚这是否会涵盖IE 10？
题
方法1
放置favicon.ico在主目录中命名的文件是一种方法.浏览器始终请求该文件.您可以在apache日志文件中看到它.
方法2
部分中的HTML标记<head>:
<link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />
我用了创建了一个vue webpack项目vue-cli.
vue init webpack myproject
然后在dev模式下运行项目:
npm run dev
我收到了这个错误:
无法加载资源:服务器响应状态为404(未找到)http:// localhost:8080/favicon.ico
所以在webpack里面,如何favicon.ico正确导入？
在这个旧的StackOverflow帖子中,据说只有IE6有PNG favicons的问题,但在channel9上,它说IE7也不支持PNG favicons.
但是,不幸的是,channel9链接已被删除 - 所以有人知道官方/测试的信息,说明哪个版本的IE开始支持PNG favicons？
我想在我的WebApp中添加一个favicon
我正在使用这一行,但它不起作用:
HTML("<link rel=\"icon\" type=\"image/png\" href=\"image.png\" />")
在ui.R脚本内部和shinyUI()函数外部.我还有image.png,其中server.R和ui.R是.(我也尝试将它放在文件夹/ www中)
你知道怎么做吗？谢谢
IE9具有将特定网站固定到Windows7任务栏的概念.对于某些网站(例如Facebook),它会在任务栏中显示一个额外的大图标,也会在后退按钮旁边显示.
我如何告诉IE为我的网站执行此操作？
我在目录中有一个favicon,favicon.png - img/favicon/favicon.png
<link rel="icon" type="image/png" href="img/favicon/favicon.png" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/favicon.png" />
在chrome,firefox等中它显示正确,在IE9中它没有显示,favicon应该在哪里显示Internet Explorer标识.是否有任何理由为什么IE9不会显示png？
为了今天浪费更多时间,我将.jpg文件转换为.ico并将其放入favicon.ico中..jpg小于1KB; .ico文件是**60KB**!!,比我正在使用的html页面大.
我用的是在线转换器
http://www.coolutils.com/online/image-converter/
60KB不能是图标的合理大小.它可以？
谢谢!
- 皮特