前言
為了解決圖片加載過慢的問題,我們的解決方法往往有雪碧圖,icon圖標,懶加載,預加載等,雪碧圖的缺點在於首次加載較大且像素可能不清晰,所以現在更為常用的為icon圖標,放大縮小不失真,加載速度快,這里首推阿里巴巴矢量圖標庫: https://www.iconfont.cn/。
問題
UI設計師給我們的設計圖標svg有時候不知道什么原因,第一次上傳空白,后面要過一段時間再打開網址才能上傳成功,也有svg作圖不符合要求導致網址上傳圖標空白或報錯,此外大家一定要注意,如果是圖片轉svg而不是做的形狀轉為的矢量圖,那么是一定不成功的,這點要和設計師確認好。
解決
用Ai打開svg,然后不要選擇導出,而直接保存圖片;注意用Ai而不要用Ps!
此時已經成功解決: