SVGOMG – 將 SVG HTML Code 轉成 SVG 圖片檔案並下載,壓縮優化 SVG 檔案大小與轉換下載 SVG 檔案

SVGOMG 是一個非常好用的免費線上工具,你可以透過它來幫助你壓縮 SVG 格式的檔案,內建有多種不同的功能設置,能夠大大降低與壓縮 SVG 格式的檔案大小。

SVGOMG 是一個非常好用的免費線上工具,你可以透過它來幫助你壓縮 SVG 格式的檔案,內建有多種不同的功能設置,能夠大大降低與壓縮 SVG 格式的檔案大小。

此外,你還能透過 SVGOMG 複製貼上 SVG 的 HTML 格式,接著就能透過 SVGOMG 將 SVG 圖片檔案下載到電腦當中。舉例來說,我們之前介紹過的 SVG Icons 網站,像是:HeroiconsTabler IconsCSS.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 物件
SVGOMG 介面與功能Pin
SVGOMG 介面與功能
Step 2

如果你想要「壓縮 SVG 檔案大小」那麼就可以透過「Open SVG」,將 SVG 檔案上傳後,利用 SVGOMG 的各項功能,即可將 SVG 檔案進行優化縮小。

我們利用「Demo」這項功能先匯入一個範例檔案,從畫面中就可以看到,檔案匯入後,預設就會替你壓縮檔案大小,輕易的就將檔案大小壓縮 50% 以上:

上傳 SVG 檔案後預設就會將檔案進行壓縮Pin
上傳 SVG 檔案後預設就會將檔案進行壓縮
Step 3

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

貼上 SVG HTML 格式的 markup 後就能顯示檔案並將其下載Pin
貼上 SVG HTML 格式的 markup 後就能顯示檔案並將其下載

你可以先透過右側的「Features」功能中進行設定,將檔案進行細部的調整與優化,大致上都是能夠將檔案進行壓縮的功能。完成後,點選下載按鈕,就能將實際的 SVG 檔案進行下載。

以上就是這篇文章的完整介紹,如果喜歡的話請幫忙分享出去,謝謝!

SVGOMG - 可複製貼上 SVG HTML 程式碼,壓縮優化 SVG 檔案大小與下載 SVG 檔案Pin

SVGOMG 評價推薦心得

  • 免費開源 SVG 壓縮工具
  • 可貼上 SVG HTML markup
  • 可調整檔案圓角與細節

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 669

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...