超简单的用PS(PhotoShop)转换png为ico,简单的制作favicon.ico,使用画图工具转换PNG为ICO图标,不用下什么插件软件什么玩意儿的

可能之前那篇文章写的不太详细,让有些人看不懂,抱歉了,这里详细的记录一下自己是怎么弄的
准备:png图标,PS软件(这个貌似我不管在哪都是必备的所以我都是用的PS…后来测试直接使用电脑自带画图板也行,木得问题)

先看电脑自带的画图工具转换PNG为ico
在这里插入图片描述
这是准备的 png 图标,使用画图工具打开
在这里插入图片描述
在这里插入图片描述

直接点击左上角:文件 – 另存为 – 其他格式
在这里插入图片描述
弹出这么个框:
在这里插入图片描述
下方选择保存类型:
在这里插入图片描述
点击保存:
在这里插入图片描述
弹出个提示:什么透明度丢失,那当然了,透明度是专属于 png 的,改为 bmp 当然丢失了,正常,直接确定就行
在这里插入图片描述
生成了一个bmp格式的图片
在这里插入图片描述
直接将 bmp 后缀修改为 ico 后缀就行
在这里插入图片描述
这个提示说可能导致文件不可用,放心吧,能用,直接选是就行
在这里插入图片描述
这个就是生成的 favicon.ico 文件
在这里插入图片描述
测试一下:同级有个 index.html 文件,直接引入这个 icon 作为小窗口上边的图标试试看:
在这里插入图片描述
使用浏览器打开查看展示情况:
在这里插入图片描述
或者使用 nodejs 本地服务打开当前页面查看 favicon.ico 展示情况:
在这里插入图片描述
使用PS也是一样的,只不过PS上是储存为,跟另存为意思是一样一样的,只不过它存储之后有个选项:
在这里插入图片描述
我一般都是 Windows 24位,随便啦,看自己个人意愿

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值