我知道新的rails应用程序带有一个空的favicon.ico文件.我想知道如何添加一个favicon.我知道你可以使用favicon_link_tag帮助器,但我不知道如何填充favicon.ico文件.你使用favicon发电机吗?如果是这样,哪一个最好?
我也希望能够缓存它,rails也会自动执行此操作吗?
谢谢
我DO知道这个问题已经被问至少有一千次,仅此网站,但我看了很多这些线程的,我也认为自己非常了解,并且很少会问什么,而是喜欢做我自己的研究.
然而,这个问题是如此奇怪,没有真正启蒙的希望(因为这个问题经常被讨论过,我仍然无法从中阅读),这是我的问题:
favicon.ico存在,(本地托管的开发网站)http://website/favicon.ico显示正确的图标.它的大小只有198字节,所以我在Firefox中发现的大小限制:1024字节的配置是坚持的.根据网页上关于favicons的智慧,浏览器应该在页面中没有任何内容时自行询问favicon.但是,我的apache日志清楚地显示Firefox(9.01)从未要求它.
下一篇:我加的时候
<link rel="shortcut icon" href="/favicon.ico">
Run Code Online (Sandbox Code Playgroud)
我仍然没有得到一个图标.
下一篇:当我改用
<link rel="shortcut icon" href="/favicon.ico?">
Run Code Online (Sandbox Code Playgroud)
(注意结尾的"?")我突然DO得到一个图标.BUt它不能是缓存问题!首先,我已经清除了缓存,其次,如上所述,我已经通过URL成功将图标文件加载到Firefox中http://website/favicon.ico
我无法解释Firefox的这种行为.顺便说一句,Chrome显示正确的图标.
这是我的页面头:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico?" />
</head>
...
Run Code Online (Sandbox Code Playgroud)
一旦我追加至少"?" 在"ico"之后它起作用了.
这是服务器在请求图标时发送的内容,因为有些人要求这样做.我不知道为什么这会有用,因为a)我说我的缓存对于每个测试都是空的(用about:cache检查),和b)我说服务器甚至从未被要求提供文件,因为它没有显示起来.Firefox没有问"没有"? - 缓存空了!只有当我使用附加的"?"时,请求才会显示在apache日志中.
Date Fri, 23 Dec 2011 12:53:22 GMT
Server Apache/2.2.20 (Ubuntu)
Last-Modified Fri, 23 Dec 2011 12:02:49 GMT
Etag "12c07fe-c6-4b4c132190e30"
Accept-Ranges bytes
Content-Length 198
Content-Type image/x-icon
Run Code Online (Sandbox Code Playgroud) 我不确定应该是什么样的正确尺寸.
许多网站似乎都重复说苹果触摸图标应该是57x57像素,但引用了断开的链接作为其来源.
Hanselman和playgroundblues的评论提出了不同的规模,包括163x163和60x60.
Apple自己的apple.com图标是129x129!
请参阅我的相关问题: 如何为我的网站提供iPhone的图标?
来自:JPG,致:ICO;
/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg \
-transparent white -colors 256 output/favicon.ico
Run Code Online (Sandbox Code Playgroud)
这是命令行的输出.
来自:GIF,PNG To:ICO;
/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.png \
-flatten -colors 256 output/favicon.ico
Run Code Online (Sandbox Code Playgroud)
我有透明度问题.我似乎无法获得正确的代码,我尝试过-channel alpha -negate等
这会创建一个图像,当我申请该网站时,它适用于Firefox,但没有其他浏览器.IE,Chrome,Opera和Safari都出于某种原因讨厌它,它是一个简单的favicon.ico文件.我的结论是,我的命令必定是某个地方正在破裂.请帮忙?
HTML5 的WHATWG文档说该rel属性必须包含以空格分隔的值,然后它会给出一个允许值的表.
attribue的值必须是一组以空格分隔的标记.在允许的关键字和它们的含义 ......
link元素的允许关键字列表不包括shortcut,但确实包括icon.所以我正在看着这个众所周知的标签
<link rel="shortcut icon" href="/favicon.ico" />
Run Code Online (Sandbox Code Playgroud)
并想知道它是否符合HTML5标准.我应该shortcut在整个网站中从此标记中删除关键字吗?
我正在制作一个未发布的HTML页面.我想要做的其中一件事是在标题旁边添加一个favicon.我正在使用谷歌浏览器,我注意到其他网站在浏览器中的瓷砖旁边显示的图标,但我试图显示的图标不会显示.该站点位于我桌面上名为site的文件夹中.这是代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我想在我的网站上获得一个SVG Favicon,但无论我做什么,它都不想工作.
我得保存在我平时的图标位置的.svg文件下面的代码,但是当我改变图标的路径被.SVG代替.ICO,没有什么负荷.
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.5 283.4" style="enable-background:new 0 0 384.5 283.4;" xml:space="preserve" width="100%" height="100%">
<style type="text/css">
.shape1 {fill: #DB6B2A;}
.shape2 {fill: #AE1A31;}
</style>
<path class="shape1" d="M384.5,83.7c-4.6-19.3-14.3-36.3-29.3-51.3C333.4,10.6,307.6,0,276.7,0c-30.9,0-56.7,10.6-78.4,32.4
l-4.6,5.1l-4.5-5.1C167.4,10.6,141.6,0,110.8,0S54.1,10.6,32.4,32.4C10.6,54.1,0,79.9,0,110.8v61.1l55.1-12.8v-48.4
c0-15.2,5.6-28.3,16.2-39C82,60.7,95.1,55.1,110.8,55.1c30.4,0,55.1,25.3,55.1,55.6v22.9l55.6-12.7v-10.1c0-2.5,0-4.6-0.5-7.1
c1.5-12.1,7.1-22.8,16.2-31.9c10.6-11.1,23.8-16.7,39.5-16.7c25.4,0,46.9,17.2,53.3,40.7"/>
<path class="shape2" d="M54.5,187.6c6.4,23.5,27.9,40.7,53.3,40.7c15.7,0,28.8-5.6,39.5-16.7c9.1-9.1,14.7-19.7,16.2-31.9
c-0.5-2.5-0.5-4.6-0.5-7.1v-10.1l55.6-12.7v22.9c0,30.4,24.8,55.6,55.1,55.6c15.7,0,28.8-5.6,39.5-16.7
c10.6-10.6,16.2-23.8,16.2-38.9v-48.4l55.1-12.7v61.1c0,30.9-10.6,56.7-32.4,78.4c-21.7,21.7-47.5,32.4-78.4,32.4
c-30.9,0-56.7-10.6-78.4-32.4l-4.6-5.1l-4.6,5.1c-21.7,21.7-47.6,32.4-78.4,32.4s-56.7-10.6-78.4-32.4C14.3,236,4.6,219,0,199.7"/>
</svg>
Run Code Online (Sandbox Code Playgroud)
这是我用来设置图标的代码;
<link rel="icon" href="http://www.MYSITE.co.uk/favicon.svg?v=4">
Run Code Online (Sandbox Code Playgroud)
如果我的.svg代码存在问题,或者我遗漏了某些东西,我就无法解决问题.谢谢
这是一个非常基本的问题,但我正在尝试更改node.js/Express应用程序的favicon
app.use(express.favicon(__dirname + '/public/images/favicon.ico'));
Run Code Online (Sandbox Code Playgroud)
我仍然得到默认的图标.这是在我的app.configure功能,是的,我已经验证,有是 一个favicon.ico在/public/images/favicon.ico.还有的约没有favicon.ico在控制台中,或者说,这使我相信,这行代码被忽略.函数中的其他所有内容(设置端口,设置视图目录,设置模板引擎等)似乎工作正常,那么为什么这行代码不会执行?
我尝试了什么
node app.js再次运行{ maxAge: 2592000000 },如所描述这里提前致谢.
更新:我得到了它的工作.有关详细信息,请参阅下面的答案.
我正在尝试做一个非常简单的初步练习来建立一个创建图标的网站.
这是我正在使用的代码:
<!DOCTYPE html >
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
</html>
Run Code Online (Sandbox Code Playgroud)
但它没有用 - 有人可以帮助吗?我已经将文件favicon.ico保存在与我的html文件相同的级别上(在子目录中).
非常感谢
我正在尝试favicon.ico为我的github页面设置一个,但它不起作用.当我在本地服务时,我看到标准的"空"图标,当我按下它时,我看到了facebook图标.为什么会这样?我有权favicon.ico在我的项目的根目录中,我添加了该行
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Run Code Online (Sandbox Code Playgroud)
相关的default.html.你可以在这里看到来源:https://github.com/drorata/drorata.github.io