Questions tagged «favicon»

网站图标是通常为16x16像素的小图形,尽管它可以更大,通常显示在浏览器的地址或标签栏(网址左侧)中。

4
我应该在每个网站上拥有的文件
我想列出每个网站上应该存在的文件列表。这样做的目的是取悦大多数浏览器和机器人,并减少日志中404条消息的数量。 到目前为止,我有以下文件: /favicon.ico /robots.txt /sitemap.xml /apple-touch-icon-72x72-precomposed.png /apple-touch-icon-72x72.png /apple-touch-icon-precomposed.png /apple-touch-icon.png 是否还有其他经常请求的文件,应该在每个网站上?

2
网站图标,图标,快捷方式图标,苹果触摸图标:还有其他吗?
我知道网站的2种基本默认Web图标: Favicon:将.ico格式化的文件放置在名为的站点的根目录下favicon.ico,大多数桌面浏览器会找到该文件并在各种上下文(书签,标签)中显示该文件。也可以添加代码,尽管浏览器有类型和大小限制,但允许您为文件指定其他名称和其他图形类型: <link rel="shortcut icon" href="/webmasters//favicon.ico" /> <link rel="icon" href="/webmasters//favicon.ico" /> Web剪辑图标:在网站的根目录中放置一个png名为apple-touch-icon.png或的格式化文件,apple-touch-icon-precomposed.png当网站添加到主屏幕时,iPhone OS / iOS版本的Safari会选择这些文件并将其存储。也可以添加如下代码: <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" /> 网站管理员可以为网站添加其他任何默认图标图形吗?
24 favicon  icon 

1
fluid-icon meta标签有什么用?
我偶然发现了一个我不知道的HTML元标记,并想知道它的用途是: <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" /> 我四处搜寻,但找不到任何解释。这是什么?一种新的网站图标方法?和我已经知道的有什么不同: <link rel="icon" href="images/2/mail_icon_32.png" sizes="32x32"> <link rel="shortcut icon" href="https://www.google.com/a/scoop-gmbh.de/images/favicon.ico" type="image/x-icon">


6
动画的favicon.ico是个坏主意吗?那里有动画favicon.ico的酷用法吗?
每当我生成一个favicon.ico使用html-kit.com时,它都会为我提供获取动画版本的选项。我从没使用过动画图标,但是除了“视觉上嘈杂”之外,还有什么理由不好吗? 那里有动画创意图标的创意或有趣用法吗? 编辑要明确的是,动画版html-kit给您的是一个GIF,您可以指向它使用meta标签。很抱歉,暗示favicon.ico图像格式支持动画!

1
我可以指示浏览器不要查找收藏夹图标吗?
我的网站没有/需要收藏夹图标。 有没有一种方法可以指示浏览器不要浪费查找/favicon.ico的请求? 我并不是要过滤日志,而是要过滤客户端,例如: <link rel="shortcut icon" href="about:blank" /> 这似乎可行,但是我无法进行全面的测试(并且搜索引擎没有帮助)。 谁能确认这是一种有效方法,还是提供合适的替代方法? 更新:在进一步调查中,这是行不通的(至少对于非本地域中的Chromium 18而言,这是行不通的)。一个部分解决方案是使用data:URL来提供base64空白图像(例如此处的示例): <link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" /> 这是可行的,但有两个缺点: 可能会在不支持数据URL的浏览器中失败。 它根本不会显示任何图标-即,它会隐藏浏览器的默认图标。
19 html  favicon 

1
如何在Firefox的新标签“热门网站”中显示大图标?
在最新的稳定版Firefox(版本57)(称为Quantum)中,用户控制的新标签上的“热门网站”功能已更改。以前,无论网站如何,仅显示部分屏幕截图的粗略缩略图,并且无法控制。现在,某些网站带有一个大图标,而其他网站仅显示为上述缩略图,并且其图标被覆盖在角落。获得大图标处理的示例站点:Amazon,TechCrunch,Slack和GitHub。通过网站图标处理获得缩略图的示例站点:Slashdot,Steam,Kongregate,Gizmodo。 据我所知,这没有什么特别的押韵或原因。我还没有在“热门站点”功能的任何地方找到任何文档。 深入研究Firefox源代码一段时间后,我发现browser\extensions\activity-stream\lib\TopSitesFeed.jsm,其中包含以下代码部分: /** * Get an image for the link preferring tippy top, rich favicon, screenshots. */ async _fetchIcon(link) { // Check for tippy top icon and rich icon. this._tippyTopProvider.processSite(link); let hasTippyTop = !!link.tippyTopIcon; let hasRichIcon = link.favicon && link.faviconSize >= MIN_FAVICON_SIZE; if (!hasTippyTop && !hasRichIcon) { this._requestRichIcon(link.url); } …
13 firefox  favicon 

1
如果我将图标图标用作apple-touch-icon,会发生什么?
我想停止File does not exist: apple-touch-icon...在error.log中获取所有内容,但是不想花任何时间创建更多图标文件。 除了在我的iOS设备上将我的网址保存到其主屏幕的任何人的略带阻塞的图标之外,将它们中的每一个符号链接apple-touch-icon{-120x120,76x76,}{-precomposed,}.png到我的20x21 上还有其他缺点favicon.ico吗?
11 favicon  icon  ios 

3
IE 10中的“最受欢迎的网站”屏幕-图标未出现
我们使用以下代码为Favicon,平板电脑,智能手机,Windows 8磁贴等添加图标:- <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"> <meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/> <meta name="msapplication-TileColor" content="#17151a"/> 不幸的是,这似乎不适用于IE9和IE10的“您最受欢迎的网站屏幕”,因为Google搜索的意义不大。 堆栈使用<link rel="apple-touch-icon" href="apple-touch-icon.png">似乎适用于它,但不适用于我们。 任何解决方案的线索表示赞赏。

3
如何在Heroku上部署收藏夹图标?
我的Hello worldHeroku应用程序具有以下代码。同样在项目的根文件夹中,我有一个favicon.ico。 import os from flask import Flask app = Flask(__name__) html = ''' <!doctype html> <html> <head> <link rel="shortcut icon" href="/webmasters//favicon.ico"> <title>Hello world!</title> </head> <body> <p>Hello world!</p> </body> </html> ''' @app.route('/') def index(): return html if __name__ == '__main__': port = int(os.environ.get('PORT', 5000)) app.run(host='0.0.0.0', port=port) 浏览到我的应用程序时,看不到favicon。另外,当我检查时heroku logs,我得到以下404行: 2012-02-14T05:23:29+00:00 app[web.1]: …
11 favicon  heroku 

4
网站为什么有2个指向favicon的链接?
我正在查看的网站具有指向其网站图标的以下2个链接: <link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" /> <link rel="icon" href="/webmasters//favIcon.ico"/> 问题:您为什么有理由以这两种略有不同的方式两次指定图标?
11 favicon 

6
网站图标对SEO有影响吗?
我正在寻找有关网站图标及其对搜索引擎的影响的建议。最近,我注意到一个站点,它在每次加载另一个页面时都会更改其图标图标,而不会完全破坏图标图标的样式。我也想将其合并到我的网站中,但是我在这里承担任何SEO风险吗?
9 seo  favicon 

3
如何测试网站的一组浏览器触摸图标,图标和图块?
对于用于表示网页的各种图标图标,各种浏览器和设备都有自己的规范和标准。图形设计站点上的此答案提供了很好的概述。 假设您很麻烦在HTML中提供大量带有适当声明的这些图标文件-但是您不会碰巧苹果生产的所有设备加上Windows 8设备以及各种版本的Android测试他们。 有没有简单的方法来测试您的配置并查看各种设备和浏览器将拥有哪些文件(如果有),而无需准备所有必需的设备? 编辑要清楚,我的意思是当浏览器在诸如“访问量最大”,“收藏夹”之类的浏览器功能中表示网页时,或在创建主屏幕快捷方式(在网页的声明中声明<head>但未显示)时,浏览器会悬停并使用的图标网页中的任何地方<body>。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.