给自己网站加上一个小图标,显示既技术专业又美观大方。
网站左上方显示的小图标一般是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格式的图片。
这一款小软件的下载详细地址
https://cdn.d1wan.com/wp-content/uploads/2022/08/31/ppå å¤å¥½ä¸¤å¼ pngå¾çï¼logo16x161.jpg(16清晰度X16像素)和logo32x32.png(32清晰度X32像素),再通过cmd运作png2ico favicon.ico logo16x16.png logo32x32.png
以上指令能将这俩张png的图片包含于一个favicon.ico文件中,变换以后这一favicon.ico就能放置于网站中,做为网站的小标用了。
还可以只将一张png图片放置于ico文件中:
png2ico favicon.ico logo32x32.png
形成好这一favicon.ico图标并把它正确放置于网站网站根目录中,根据编码去正确引入它,更新电脑浏览器你就能看到好看的网站小标出现。
假如更新后没有看到小图标,有可能是浏览器缓存所造成的,必须清除下浏览器缓存,换个电脑浏览器试一下
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。