豆米网

ico图片用什么制作软件,在线生成ico图标全教程

2022-04-26 16:00:41 作者 : 网络恋爱 围观 : 57次 评论

给自己的网站加上一个小图标,显示既专业又美观。

网站左上角显示的小图标一般是ico格式的图片,然后在HTML里使用代码去设置ico小图片为该网站的小标。

<link rel=shortcut icon href=/favicon.ico type=image/x-icon/><link rel=icon href=/favicon.ico type=image/x-icon/>

设计软件设计出来的图标一般是png、jpg这等格式的,但ico图标不同于png、jpg这类常见的图片格式,需要简单的转换一下。

虽然有些浏览器支持网站图标使用png图片,但是建议使用ico格式的图片,兼容性更好些,同时最好放置在网站的根目录下

有了png格式的小图标如何转成ico格式的图标呢?

试下png2ico这款小软件,它支持在Windows、MacOS、Linux平台上将png格式的图片转成ico格式的图片。

这款小软件的下载地址 https://tu2.90la.cn/dotee/d/file/20220424/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图标并将它正确的放置在网站根目录中,通过代码去正确的引用它,刷新浏览器你就可以看到漂亮的网站小标出现了。

如果刷新后没有出现小图标,可能是浏览器缓存造成的,需要清理下浏览器缓存,或者换个浏览器试试

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

ico相关文章

  • ico图片用什么制作软件,在线生成ico图标全教程
    ico图片用什么制作软件,在线生成ico图标全教程

    给自己的网站加上一个小图标,显示既专业又美观。网站左上角显示的小图标一般是ico格式的图片,然后在HTML里使用代码去设置ico小图片为该网站的小标。<link rel="shortcut icon" href="/favicon.ico" type="im...,...

    2022-04-26 16:00:41
  • photoshop怎么制作白色透明的ico图标
    photoshop怎么制作白色透明的ico图标

    是不是很好奇哪些应用软件的图标是怎么做出来的呀?其实我们也可以自己动手DIY哟,不仅充满了乐趣,还可以让自己的电脑与众不同,下面就来教大家photoshop怎么制作白色透明的ico图标。 1、首先,我们需要在网上找一些ico图标的素材,尽量找一些图片构成比...,...

    2022-04-26 16:32:58