用简单的方法创造一个favicon
我最近决定更新这个网站的FavIcon（地址栏中的小图标）。旧的那个是我在visualstudio中自己破解的东西，对我来说似乎不够友好。
有许多在线生成器可以从图片中为您创建图标，它们看起来确实做得很好，同时使一切都非常简单。
这两个是我个人在多个网站上使用过的：
- 图片中的FavIcon
- 动态驱动–FavIcon发电机
图片中的FavIcon
首先找到一张与您希望的图标相似的图片：
只需选择文件，然后单击Generate按钮，您将看到与地址栏中相同的新图标。
我用了这个图标，但最后在一个图像编辑应用程序中清理了一下。
动态驱动–FavIcon发电机
只需选择图片，单击创建图标按钮，然后查看预览。
唯一的问题是，你可能会注意到，通常你的图标会结束一个彩色背景，即使你可能更喜欢他们的透明度。
安装FavIcon
一旦你有了图标文件，你就可以把它保存在你网站的某个地方。编辑站点的标题/主题并**以下行，如有必要可调整路径。
<link rel=”shortcut icon” href=”/favicon.ico” >
就这些了。
- 发表于 2021-04-14 12:04
- 阅读 ( 77 )
- 分类：互联网
你可能感兴趣的文章
如何在iphone和mac上启用safari中的favicons
随着iOS 12和MacOSMojave的发布，Safari也将更新。最显著的视觉变化之一是引入了假象。 ...
如何使用html5样板在几分钟内创建一个网站
...min.js ---modernizr.min.js.editorconfig.htaccess404.htmlbrowserconfig.xmlfavicon.icohumans.txticon.pngindex.htmlrobots.txtsite.webmanifesttile.pngtile-wide.png ...
favicons终于要来safari了，下面是如何启用它们的
Safari几乎在各个方面都比Chome好，只是标签上没有显示favic***。很高兴这正在改变。 Safari 12在选项卡中添加了favic***选项，如上所示。这是一件小事，但它确实让我们更容易看到哪个标签是哪个一目了然。 相关：通过Safari技术预...
如何在macos上向safari添加Favicon
...乱用户界面，但不管出于什么原因，Safari都不提供现成的favicon。 输入Faviconographer。这个第三方程序做了一件事：向Safari添加favicon。它不是完美的，但它是有效的，与其他解决方案不同，您甚至不需要禁用系统身份保护。 安装...
压缩firefox书签工具栏中的书签
...在这里看到的，上面显示的所有书签都“简化”为它们的favicon。现在你的“书签工具栏”可以有一个非常干净，丰富多彩，高度浓缩的外观。 将鼠标悬停在任何一个favicon上都会显示与书签相关的文本（滑块类型的运动）。如...
快速提示：禁用firefox中的favicons
如果你是那种不喜欢那些特定于站点的小图标的人，那么这个提示就是为你准备的。通过简单的配置更改，可以在Firefox中完全禁用Favic***。 只是打字关于：配置到地址栏，然后按浏览器.chrome. 您应该会看到类似的内容： 双击...
如何安装safari测试版并最终获得favicons
苹果本周发布了Safari技术预览版58，供运行macOS High Sierra的用户和运行macOS Mojave测试版的开发者使用。如果您已经在运行之前的Safari技术预览，那么您可以从Mac应用商店的更新选项卡更新您的版本。如果你不是，你可以直接在这...
gmail发送者图标为gmail添加了favicons以便于浏览
Chrome:favicon在浏览器中是很好的，因为它们可以让你很容易地在标签页上辨别出一个站点和另一个站点。Gmail发送者图标在你的Gmail收件箱中也采用同样的方式。Gmail发送者图标本质上是在一个小的图像中添加的，其中包括发送者...
从提示框：itunes分级、按扩展搜索和favicon-less书签
...出文件夹中具有特定扩展名的文件，以及在Firefox中删除favicon。不喜欢画廊的布局？单击此处查看一页上的所有内容。关于Tips Box：我们每天都会在收件箱里收到一大堆很棒的读者提示，但由于各种原因，也许这些提示太过小众...
用用户脚本在谷歌日历的favicon中显示当天的日期
谷歌日历（googlecalendar）最近将favicon更新为一个带有数字的日历页面，不过数字没有变化。不过，通过一个简单的用户脚本，可以让它显示当前日期。这是一个很小的改变，但是如果你使用googlechrome的app标签的话，会非常有用。...
0 篇文章
