ruby-on-rails-4 - 如何在 rails 4 中使用多个 favicon.ico 大小和 favicon_link_tag 助手

Question

我的问题只是在使用 favicon_link_tag 时没有显示图标和多种尺寸选项。

<%= favicon_link_tag 'favicon.ico', sizes: '16x16 32x32' %>

这些文件被标记为 favicon-16.ico和 favicon-32.ico分别。这些图片位于 app/assets/images文件夹。我给它们贴错标签了吗？这是限制吗？

Answer 1

解决方案不在于 Rails 的魔力，而在于您管理 favicon.ico 的方式。文件。 A single ICO file can contain several pictures .这是网络浏览器所期望的。特别是favicon.ico应包含同一图标的三个版本:16x16、32x32 和 48x48。关于sizes属性，它是在 HTML5 中引入的，专用于 PNG 图标。不是 favicon.ico .

代码

基本定义就足够了:

favicon_link_tag '/path/to/favicon.ico'

确保路径与app/assets/images一致，我必须承认我不知道它被映射到哪里。

图片

你可以先准备三张PNG图片(我们称它们为 16x16.png 、 32x32.png 和 48x48.png )，然后用 icotool 等工具合并它们。 (在 Ubuntu 上:sudo apt-get install icoutils):

icotool -c -o favicon.ico 16x16.png 32x32.png 48x48.png

如果你不想打扰 icotool如果您手头没有任何其他解决方案，您也可以使用此 favicon generator .只需保留生成的 favicon.ico如果您不感兴趣，请留下其余部分。完全披露:我是这个网站的作者。