前期龙哥已介绍过《使用阿里巴巴矢量彩色图标库教程》,龙哥都是通过使用Adobe Illustrator软件编辑和制作svg图片,特别是现在很多网站都提供了svg源文件下载,所以资源丰富,想做网站ico图标,都不去那些搜索引擎搜索了,因为搜索出来的要么是广告,要么需要钱。说到这里,我不得不赞美下阿里云图标,也就是阿里巴巴矢量图标库,真的很赞,很多合规的图标都能搜索到,对于我们这种缺少设计能力的小白来说,这无疑是一个很好的资源,而且只要注册后就能免费下载这种格式。

使用阿里巴巴矢量图标库其实用法很多,一是可以下载svg图片自己修改,二是加入到自己会员下的图标项目里,然后css调用即可。三是直接复制svg源码,放到网站去,当然需要自己加入css控制大小等。
同时也介绍另外一款更加丰富的国外ico网站https://www.flaticon.com/,如果有需要更加丰富或者国内不合规的图片,可以在上面搜索,但是下载svg需要花钱开通会员。好在这家网站显示或者免费下载的png没有水印,所以我的方法是把图片下载成png,然后再通过Adobe Illustrator软件编辑成svg图片。
以上是介绍如何获取svg图片方法,现在介绍如何大大地压缩png图片。其实有两种方法,只要用到方法之一就可以压缩png图片很多体积,但是如果两种方法联合起来使用,那么png突然可以压缩到40%以下。
方法一,用Adobe Illustrator软件导出png图片,导出时候可以选择图片像素,这样导出来的图片差不多是很优化后的图片了。如果此时你再用firework或者Photoshop打开png编辑(或不编辑直接保存)保存,图片大小立马增加几倍。所以Adobe Illustrator软件导出的图片基本可以用于ico图标或者其他使用。
方法二,如果图片留有很多透明区域的,那么再通过Pngyu.exe软件压缩下,会在Adobe Illustrator导出图片的基础上再次大体积压缩,透明区域越多,那么压缩的比例越大。
注意:以上方法主要是针对图标图片的压缩,如果图标比较复杂且颜色繁多,那么压缩的比例会大大降低。另外,如果网站比较复杂的图片,建议通过龙哥之前介绍的《网站图片转换成webp格式可大大减小》转成成webp的方法。
以上是龙哥目前学到的减少png图片的方法,供大家参考使用。