给自己的网站加上一个小图结构基因标,显示既专业又美观。
网站左上角显示的小图标一般是ico格式的图片,然后在HTML里使用代码去设置ico小图片为该网站的小标。
<link rel="shortcut icon" href="/favicon.ico?x83982" type="image/x-icon"/><link rel="icon" href="/favicon.ico?x83982" type="image/x-icon"/>
设计软件设计出来的图标一般是png、jpg这等格式的,但ico图标不爱妈交流圈同于png、jpg这类常见的留学德国图片格式,需要简补贴车型单的转换一下。
虽然有些浏览器支持网站图标使用png图片,但是建议使用ico格式的图片,兼容性更好些,同时最好放置在网站的根目录下
有了png格式的小图标如何转成ico格式的图标呢?
试下png2ico这款小软件,它支持在Windows、MacOS、Linux平台上将png格式的图片转成ico格式的图片。
这款小软件的下载地址
/d/file/titlepic/ppå åå¤å¥½ä¸¤å¼ pngå¾çï¼logo16x16.png(16像素X16像素)和logo32x32.png(32像素X32像素),然后通过命令行运行png2ico favicon.ico logo16x16.png logo32x32.png
上述命令可以将这两张png的图片包含在一个favicon.ico文件中,转换之后这个favicon.ico就可以放置在网站中,作为网站的小标使用了。
也可以只将一张png图片放置在ico文件中:
png2ico favicon.ico logo32x32.png
生成好这个favicon.ico图标并将它正确的放置在网站根目录中,通过代码去正确的引用它,刷新浏览器你就可以看到漂亮的网站小标出现了。
如果刷新后没有出现小图标,可能是浏览器缓存造成的,需要清理下浏览器缓存,或者换个浏览器试试
本文发布于:2023-03-26 21:25:53,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/1f3b4083d8fa4d384dcb6cd1abee309c.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:ico图片用什么制作软件,在线生成ico图标全教程.doc
本文 PDF 下载地址:ico图片用什么制作软件,在线生成ico图标全教程.pdf
留言与评论(共有 0 条评论) |