解決阿里矢量圖標庫svg上傳空白或報錯的問題


前言

  為了解決圖片加載過慢的問題,我們的解決方法往往有雪碧圖,icon圖標,懶加載,預加載等,雪碧圖的缺點在於首次加載較大且像素可能不清晰,所以現在更為常用的為icon圖標,放大縮小不失真,加載速度快,這里首推阿里巴巴矢量圖標庫https://www.iconfont.cn/

 

問題

  UI設計師給我們的設計圖標svg有時候不知道什么原因,第一次上傳空白,后面要過一段時間再打開網址才能上傳成功,也有svg作圖不符合要求導致網址上傳圖標空白或報錯,此外大家一定要注意,如果是圖片轉svg而不是做的形狀轉為的矢量圖,那么是一定不成功的,這點要和設計師確認好。

 

 

 

解決

  用Ai打開svg,然后不要選擇導出,而直接保存圖片;注意用Ai而不要用Ps!

 

   此時已經成功解決:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM