SVGOMG 是一個非常好用的免費線上工具,你可以透過它來幫助你壓縮 SVG 格式的檔案,內建有多種不同的功能設置,能夠大大降低與壓縮 SVG 格式的檔案大小。
此外,你還能透過 SVGOMG 複製貼上 SVG 的 HTML 格式,接著就能透過 SVGOMG 將 SVG 檔案下載到電腦當中。舉例來說,我們之前介紹過的 SVG Icons 網站,像是:Heroicons、Tabler Icons、CSS.GG…等等免費圖標網站,都只提供 SVG 的 HTML 格式,無法下載 SVG 格式的檔案。此時,你就可以將 SVG 的 HTML 格式複製貼上至 SVGOMG 當中,並透過它將檔案下載下來。
網站名稱:SVGOMG – SVGO’s Missing GUI
網站網址:https://jakearchibald.github.io/svgomg/
SVGOMG 簡介教學
Step 1
進入頁面後,在左側就能看到所有的功能,最主要的分別是:
- Open SVG:上傳 SVG 格式檔案
- Paste markup:貼上 SVG HTML 標記
- Demo:匯入一個 SVG 物件

Step 2
如果你想要「壓縮 SVG 檔案大小」那麼就可以透過「Open SVG」,將 SVG 檔案上傳後,利用 SVGOMG 的各項功能,即可將 SVG 檔案進行優化縮小。
我們利用「Demo」這項功能先匯入一個範例檔案,從畫面中就可以看到,檔案匯入後,預設就會替你壓縮檔案大小,輕易的就將檔案大小壓縮 50% 以上:

Step 3
如果你是想將 SVG 的 HTML 程式碼轉換成實際可下載的 SVG 格式檔案,那麼就可以點選「Paste markup」並貼上所複製的 SVG HTML 標記,就可以將圖片顯示在畫面當中:

你可以先透過右側的「Features」功能中進行設定,將檔案進行細部的調整與優化,大致上都是能夠將檔案進行壓縮的功能。完成後,點選下載按鈕,就能將實際的 SVG 檔案進行下載。
以上就是這篇文章的完整介紹,如果喜歡的話請幫忙分享出去,謝謝!

SVGOMG 評價推薦心得
- 免費開源 SVG 壓縮工具
- 可貼上 SVG HTML markup
- 可調整檔案圓角與細節
你可能有興趣
- SVG Waves – 線上免費波浪圖片產生器,可客製化波浪外觀與顏色並下載 SVG 及 PNG 格式圖片
- Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
- Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
- Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
- Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
- Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
- Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
- OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
- Speedcheck – 免費線上測速工具,快速測量網路上傳/下載速度與延遲的真實數據
- YoutubeDLD – 一鍵免費下載 Youtube 影片,在網址加上 DLD 即可 Download
- Internxt Drive – 替代 Google Drive 免費 2 GB 雲端空間服務,採用加密與分佈式技術保護你的網路資料
- Screenity – 強大且免費的開源教學影片錄製工具,能錄製螢幕畫面與輸入文字動畫的 Chrome 擴充功能
如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!
發佈留言