在網(wǎng)絡(luò)上,性能是至關(guān)重要的:用戶訪問網(wǎng)絡(luò)在等待內(nèi)容加載時(shí)會(huì)變得不耐煩,而搜索引擎往往會(huì)懲罰那些速度緩慢、反應(yīng)遲鈍的網(wǎng)站。作為前端開發(fā)者,就要不斷優(yōu)化網(wǎng)站,使用戶獲得更好的體驗(yàn),只有學(xué)會(huì)更多的前端知識(shí)和技能,才能使網(wǎng)站變得更好看,更穩(wěn)定,想要提升自己,不妨報(bào)名參加Web前端培訓(xùn),在短時(shí)間內(nèi)就能獲得很大進(jìn)步。
優(yōu)化圖形是構(gòu)建快速網(wǎng)站和應(yīng)用程序的必要步驟,SVG圖形也不例外。為了確保SVG代碼干凈整潔,使用SVG優(yōu)化器已成為前端開發(fā)人員工作流程中必不可少的一步。
下面是兩個(gè)SVG優(yōu)化器,它們的工作非常出色,被專業(yè)開發(fā)人員廣泛使用。
1、Jake Archibald的《SVGOMG》
SVGOMG是一個(gè)用于優(yōu)化可伸縮向量圖形(SVG)文件的免費(fèi)在線工具。它可以讓你對(duì)SVG代碼應(yīng)用許多優(yōu)化選項(xiàng)并預(yù)覽最終結(jié)果。它很容易使用,也可以離線工作。SVGO優(yōu)化是可以根據(jù)需要啟用和禁用的插件,SVGOMG為你提供了一種可視化的方法。在Web前端培訓(xùn)中,有很多關(guān)于SVG優(yōu)化器的學(xué)習(xí)和使用,全面系統(tǒng)的課程,封閉式學(xué)習(xí),專業(yè)老師面授指導(dǎo)教學(xué),可以少走很多彎路。
SVGOMG是一個(gè)安全刪除和優(yōu)化這些數(shù)據(jù)以減少文件大小的工具。這是一個(gè)非常簡(jiǎn)單的工具,但是它可以幫助提高網(wǎng)站的整體性能并避免網(wǎng)頁(yè)上出現(xiàn)膨脹。SVGOMG是SVGO
Optimizer的UI實(shí)現(xiàn),它是基于Node.js的命令行工具。
2、Peter Collinge的SVG優(yōu)化器
這是另一個(gè)奇妙的、免費(fèi)的在線SVG優(yōu)化工具,你可以使用它來(lái)修剪SVG代碼。它直觀易用。這個(gè)優(yōu)化器還可以自動(dòng)將內(nèi)聯(lián)SVG屬性移動(dòng)到文檔頂部的樣式塊中,這在更復(fù)雜的藝術(shù)品上成為了一個(gè)殺手級(jí)功能,非常強(qiáng)大。
SVG在前端開發(fā)中變得越發(fā)流行,利用好SVG優(yōu)化器工具,你可以提高工作效率并簡(jiǎn)化工作流程。想學(xué)習(xí)如何使用這種工具,可以報(bào)名參加Web前端培訓(xùn),理論課程和實(shí)操項(xiàng)目一起學(xué)習(xí),很快就能掌握這些技能。