• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 線上工具 / SVGOMG – 可複製貼上 SVG HTML 程式碼,壓縮優化 SVG 檔案大小與下載 SVG 檔案
SVGOMG - 可複製貼上 SVG HTML 程式碼,壓縮優化 SVG 檔案大小與下載 SVG 檔案

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

Last Updated on 2020-09-15 By Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
2 分鐘閱讀

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/

目錄
  1. 1. SVGOMG 簡介教學
  2. 2. 你可能有興趣
  3. 3. 更多相關文章

SVGOMG 簡介教學

Step 1

進入頁面後,在左側就能看到所有的功能,最主要的分別是:

  • Open SVG:上傳 SVG 格式檔案
  • Paste markup:貼上 SVG HTML 標記
  • Demo:匯入一個 SVG 物件
SVGOMG 介面與功能
SVGOMG 介面與功能
Step 2

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

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

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

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

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

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

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

SVGOMG - 可複製貼上 SVG HTML 程式碼,壓縮優化 SVG 檔案大小與下載 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 擴充功能

更多相關文章

  • SVG Favicon Maker - 線上製作網站 LOGO 圖標工具,可添加文字與 Emoji 並下載 SVG 與 PNG 檔案
  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Cloudflare Workers™ - 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • 思源黑體 Noto Sans TC - 由 Google 提供的免費線上 Web Font,讓你免費就能擁有好看的中文字型
  • Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • 【HTML5 付費主題免費下載】X-DATA - WHMCS7 & HTML5 Powerful Web Hosting Template
  • Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • SVG Repo - 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • Whoooa! - 120 個可自定義手繪向量插圖,提供所有設計軟體格式,特惠 30% 折扣限量索取!
  • iLoveIMG - 免費影像文檔線上編輯工具大全,從壓縮圖片到添加浮水印,應有盡有!
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • 使用 .htaccess 實現 Redirect 301/302 重定向轉址規則

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 線上工具, 免費資源 標籤: SVG, SVG 下載, SVG 壓縮, SVGOMG

關於 Sliven

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

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Solaz – An Elegant Hotel & Lodge WordPress Theme
  • 【WordPress 付費主題免費下載】AppArt – Creative WordPress Theme For Apps Saas
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • G Suite 教育版更名為 Google Workspace for Education,並取消無限制儲存空間限制至 100 TB
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • [快速] 一行指令暫時隱藏 Mac 桌面檔案 - 讓你凌亂的桌面不會被看見
  • 使用 .htaccess 實現 Redirect 301/302 重定向轉址規則
  • CSS Background Patterns - 21+ 免費線上背景 CSS 樣式,可即時預覽與設定顏色間距及透明度並一鍵複製
  • (2021 年 1 月)Udemy 免費課程優惠碼 - 付費課程限時折扣 0 元免費線上學習
  • Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • metatags.io - 替你的網站自動產生 Meta Tag 元標籤屬性,改善網站排名的 SEO 工具
  • IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
  • Cloudflare Workers™ - 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • 【HTML5 付費主題免費下載】X-DATA - WHMCS7 & HTML5 Powerful Web Hosting Template
  • On-page SEO 網站優化 - 改善內容提升排名的秘訣

相關文章

  • Testmysite.io – 免費線上檢測網站速度,幫助你改善網站加載速度,提升網站排名
  • ExpressVPN 評價 – 最佳 VPN 推薦工具 5 折優惠取得完整教學!
  • Foodiesfeed – 提供線上 2000+ 食物相關 CC0 可商用免費圖庫,還可讓你上傳圖片提升曝光度
  • IM Free – 線上無版權免費圖庫,CC0 可商用高品質圖片免費下載
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • YoutubeDLD – 一鍵免費下載 Youtube 影片,在網址加上 DLD 即可 Download
  • Dropbox Transfer – 上限 100 MB ~ 100 GB 線上檔案免費快傳,不限對象又安全的傳送大型檔案
  • Screenshot.Rocks – 一秒免費建立網站瀏覽器模型,快速編輯背景與瀏覽器樣式
  • Freebiesbug – 設計師最愛的各種資源素材庫,提供 PSD、Illustrator、Sketch、Font 原始檔案免費下載!
  • Hellofax – 線上免費傳真服務每月 5 張,70 多個跨國傳真連台灣也收得到
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明