Edu*_*sso 98
搜索关于favicons,我发现我需要超过10种文件才能在所有浏览器和设备中工作:(
我很生气并创建了我自己的favicon生成器,它为每个文件创建了所有这些文件和正确的HTML标题:faviconit.com
希望你喜欢它.
- 优秀的应用.这是我见过的最好的favicon发电站之一. (14认同)
- 做得好.按预期工作. (4认同)
- @EduardoRusso这简直太棒了 - 谢谢! (3认同)
Jar*_*ard 37
如果您已经有要转换为favicon的徽标图像,则可以使用http://www.favicomatic.com/进行转换.它创建了清晰的favicons,我不必在创建它们之后编辑它们.它会产生16x16和32x32的favicons并引用它们:"每个该死的大小,先生!".该网站还支持/保留某些png中存在的透明度.此外,他们的网站看起来很酷,易于使用.
例如,这是stackoverflow徽标:
以下是一些生成的favicon:
他们还生成所需的html:
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
我查看了前20个左右的谷歌搜索结果,这是迄今为止最好的.
- 我不知道.你的答案对我来说是一个五分钟的工作.谢谢. (3认同)
Ste*_*ini 20
GIMP是一个很好的计划.只需将图像保存为PNG,然后添加即可
<link rel="SHORTCUT ICON" HREF="/favicon.png">
在<HEAD>您的页面部分.
- Gimp还提供了将其保存为favicon.ico的选项,这将节省添加链接的麻烦. (7认同)
- 遗憾的是,旧的MSIE(仍然很受欢迎)不会接受PNG来代替"适当的"ICO格式的文件. (4认同)
您创建一个16x16或32x32或64x64的图标文件.将其命名为favicon.ico并将其放在网站公用文件夹的根目录中.
有些网站会将其他图形格式转换为.ico.即.http://tools.dynamicdrive.com/favicon/
- *另外:*如果你将`<link rel ="快捷方式图标"href ="link/to/fav.ico"/>`添加到页面的`<head>`块,你可以在任何地方保存你的favicon文件. (4认同)
| 归档时间： |
|
| 查看次数： |
61053 次 |
| 最近记录： |