
首先通過生成在線鏈接另存為獲取SVG和CSS文件,其次可逐個(gè)下載SVG格式圖標(biāo)以便自定義處理,最后利用第三方工具導(dǎo)入JSON配置批量導(dǎo)出PNG、TTF等多種格式圖標(biāo)包。
如果您在使用阿里圖標(biāo)庫時(shí)需要將圖標(biāo)下載到本地并用于不同項(xiàng)目,可能會(huì)遇到無法直接獲取多格式文件的問題。以下是實(shí)現(xiàn)阿里圖標(biāo)庫圖標(biāo)導(dǎo)出的詳細(xì)步驟:
本文運(yùn)行環(huán)境:MacBookAir,macOSSonoma
一、通過圖標(biāo)項(xiàng)目生成在線鏈接導(dǎo)出
利用阿里圖標(biāo)庫提供的在線引用功能,可以快速獲取包含多種格式圖標(biāo)的壓縮包。
1、登錄阿里圖標(biāo)庫官網(wǎng),進(jìn)入“我的項(xiàng)目”頁面,選擇需要導(dǎo)出的圖標(biāo)項(xiàng)目。
2、點(diǎn)擊項(xiàng)目下方的“復(fù)制鏈接”按鈕,獲取該項(xiàng)目的Symbol鏈接地址。
3、將復(fù)制的鏈接粘貼至瀏覽器地址欄訪問,頁面會(huì)顯示當(dāng)前項(xiàng)目的圖標(biāo)預(yù)覽列表。
4、在預(yù)覽頁面右鍵選擇“另存為”,保存整個(gè)網(wǎng)頁,系統(tǒng)會(huì)自動(dòng)生成一個(gè)包含.svg和CSS文件的文件夾。
二、逐個(gè)下載原始SVG格式圖標(biāo)
適用于需要精確控制每個(gè)圖標(biāo)樣式,并自行轉(zhuǎn)換為其他格式的情況。
1、進(jìn)入“我的資源”中的“圖標(biāo)管理”頁面,找到目標(biāo)圖標(biāo)。
2、點(diǎn)擊圖標(biāo)右側(cè)的操作菜單,選擇“下載”選項(xiàng)。
三、使用圖標(biāo)庫器批量導(dǎo)出多種格式
借助第三方工具對(duì)接阿里圖標(biāo)庫數(shù)據(jù),實(shí)現(xiàn)一次性輸出多種格式文件。
1、從阿里圖標(biāo)庫項(xiàng)目頁面導(dǎo)出JSON配置文件,記錄所有圖標(biāo)的元數(shù)據(jù)信息。
2、打開支持Iconfont解析的桌面工具(如GlyphrStudio或IcoMoonApp)。
3、導(dǎo)入之前下載的JSON文件,加載圖標(biāo)集合。
4、在導(dǎo)出設(shè)置中勾選需要的格式,包括PNG、SVG、TTF、WOFF等。
5、設(shè)定分辨率與尺寸參數(shù)后,執(zhí)行批量導(dǎo)出命令,生成統(tǒng)一命名的多格式圖標(biāo)包。
以上就是阿里圖標(biāo)庫怎么導(dǎo)出來_阿里圖標(biāo)庫怎么導(dǎo)出來多格式導(dǎo)出教程的詳細(xì)內(nèi)容,!

