SVG

首頁 » SVG

Vectormaker 線上圖片轉換成 SVG 向量圖檔免費工具

Vectormaker 線上圖片轉換成 SVG 向量圖檔免費工具

可縮放向量圖形(Scalable Vector Graphics,SVG)是利用可延伸標記式語言(XML)來描述二維向量圖形的圖形格式,屬開放標準,具有圖檔可讀、建立文字索引及支援多種濾鏡和特殊效果的優點,想要將現有的 PNG 或 JPG 圖檔轉換成 SVG 向量圖檔可以來試試利用 Potrace 演算法製作而成 Vectormaker 線上服務。

Chartist 簡單且實用的網頁 SVG 圖表產生器

Chartist 簡單且實用的網頁 SVG 圖表產生器

要在網頁產生長條圖、折線圖等圖表,可以在網頁引用 Chartist 這個專門用來產生圖表的 JavaScript library,透過引用,程式設計師只需撰寫產出符合 Chartist 規範的數據格式程式碼,剩下的就可交給 Chartist 前端圖表產生器自動產生,其支援下列圖表類型:

  • Bar Chart (stacked and horizontal including)
  • Line Chart
  • Pie Chart
  • Area Chart
  • Donut Chart
  • Gauge Chart
  • Line scatter Diagram
  • Animated SVG Path
  • Bi-Polar Line Chart
  • Timeseries
而產出的圖表,具有以下特色:
  • Extreme responsive configuration.
  • Label placement
  • Multi-line labels
  • Overlapping bars for mobile
  • Holes in data
  • CSS Animation
  • SVG Animation
  • Advanced SMIL Animations
  • Plugins support

SVGOMG 最佳化 SVG 向量圖檔有效減少檔案大小

SVGOMG 最佳化 SVG 向量圖檔有效減少檔案大小

點陣圖檔和向量圖檔為常見的兩種圖檔類型,點陣圖檔是由方形像素組成,數位相機拍的照片就是點陣圖,像是 JPG、PNG 或是 BMP 均屬之,而向量圖檔則是基於數學公式的曲線和路徑的圖形所構成,可以在不破壞影像畫質的情況下調整大小,這類最常見的圖檔類型就是 SVG ,而不論是點陣或是向量均可最佳化。

Iconscout 可將 SVG 向量圖檔轉 PNG 、PDF 或 JPG 的免費線上服務

Iconscout 可將 SVG 向量圖檔轉 PNG 、PDF 或 JPG 的免費線上服務

可縮放向量圖形(Scalable Vector Graphics,SVG)是用 XML 來描述二維向量圖形的圖形格式,因此,要看到 SVG圖檔所呈現的圖形,我們可以使用 Edge 或是 Chrome 來瀏覽,如果需要對 SVG 圖形轉檔,也可以來 Iconscout 這個網站,其提供 SVG 轉出成 PNG 、PDF 或 JPG 檔案格式,使用者僅需上傳 SVG 檔案,就可以交由 Iconscout 處理,完成後就可下載,操作簡單且全程無須註冊。

minimator 線上 SVG 繪圖免費工具

minimator 線上 SVG 繪圖免費工具

要建立 SVG 這種可縮放的向量圖形,除了要有繪圖的技能外,還要有可匯出 SVG 檔案圖形工具,看似門檻很高,但如果只是要建立簡單的線條圖形,可以來 minimator 這個 SVG 繪圖免費服務試試,該服務提供一個帶有格點的繪圖板,使用者可利用它來繪製精確的垂直、水平、對角線與曲線,整個的繪製過程 minimator 會幫你記錄下來,使用者隨時可以查看,繪製完的圖形,可以直接儲存成 SVG 圖形檔案,方便使用者後續的應用,且該服務免註冊,隨時上線隨時可用。

WorldVectorLogo 免費下載全球知名企業 LOGO 圖示向量圖檔

WorldVectorLogo 免費下載全球知名企業 LOGO 圖示向量圖檔

做網頁、文宣品,如果需要放上企業品牌的 LOGO 圖示,像是 Google 旗下的 YouTube、Google Pay、Photos、Map...等眾多服務的代表圖示或是 Facebook、line、twitter社群網站的分享按鈕圖示時,通常都可以直接到官方網站下載圖示圖檔,然後根據所要的尺寸進行放大或縮小,方法雖可行,卻受限非向量圖檔的因素,品質很難統一。WorldVectorLogo 這個網站提供全球各大知名品牌的 SVG 向量圖示檔,不論對尺寸是要放大還是縮小,都能維持清晰度與一致性,大幅縮短網頁或文宣品的製做工時。

 訂閱/追蹤

 站內搜尋

˄