用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字

李浩    -  云代码空间

——

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

2022-08-13|855阅||

摘要:给自己的网站加上一个小图标,显示既专业又美观。网站左上角显示的小图标一般是ico格式的图片,然后在html里使用代码去设置ico小图片为该网站的小标。<link rel="shortcut ic

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

网站左上角显示的小图标一般是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://www.winterdrache.de/freeware/png2ico/

windows用户需要至官网去下载这个小软件

macos用户可以直接通过命令行去安装(前提需要先安装好brew):


brew install png2ico

linux用户需要到官网下载源码自己编译下。

这款软件不支持gui图形化操作,需要通过命令行去运行它。

使用步骤:

先准备好两张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图标并将它正确的放置在网站根目录中,通过代码去正确的引用它,刷新浏览器你就可以看到漂亮的网站小标出现了。

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

顶 0踩 0收藏
文章评论
    发表评论

    个人资料

    • 昵称: 李浩
    • 等级: 中级程序员
    • 积分: 445
    • 代码: 5 个
    • 文章: 14 篇
    • 随想: 0 条
    • 访问: 0 次
    • 关注

    最新提问

      站长推荐