iconfont方法总结

2019-02-19  本文已影响0人  desperadokk

切图

选择psd格式的图片,图标右键选择对应图层,在对应图层上右键选择Duplicate Layer复制图层保存在新的文档,然后对新的图像进行裁剪,重新调整图像大小Canvas Size,然后导出。css中改变图像的宽,它的高会自适应的。









如果没psd格式的图片是png格式,则先选中需要的图标,然后用Crop裁剪,然后用魔法工具选择需要的部分,然后右键反选再按delete就可以把不需要的部分抠掉,然后和之前一样先Trim,然后再调整Canvas Size大小。


img法


background法


雪碧图

用雪碧图sprites做图标,直接在google搜css sprites generator然后上传图片自动生成,然后下载生成的图片,复制代码即可。


iconfont

SVG

上一篇 下一篇

猜你喜欢

热点阅读