標籤: svg 頁1
svg相關的文章，目前共收錄 149 篇內容。
網路資源
Recraft AI：多功能 AI 圖像創建與編輯平台
Recraft AI 是一款專為設計師、行銷人員和創業者打造的 AI 圖像設計與編輯工具，結合 AI 圖像生成、向量化工具、背景移除、圖片放大和原型展示等功能，幫助用戶快速創作高品質設計，提升品牌打造與內容創作效率。
網路資源
MageCDN SVG Loaders：開源的 SVG 讀取動畫庫
MageCDN SVG Loaders 提供超過 100 種專業設計的開源 SVG 加載動畫 icon，適用於網站和應用的載入狀態顯示。這些動畫包括旋轉圖標、進度指示器等樣式，支援高解析度、輕量化和快速載入，開發者可自訂顏色和速度。簡便整合、MIT 授權，適合商業專案和個人開發者使用，有助於提升用戶等待時的體驗並增強互動性。
網路資源
SVG 文件转换器：免費的圖像轉 SVG 格式向量圖工具
SVG 文件转换器提供了一個線上轉換圖像至SVG格式的免費工具，讓使用者能將JPG或PNG等點陣圖片轉換成向量圖形。這項服務適合需要高品質圖形的用戶，如那些需要放大圖片至大尺寸海報或橫幅的用戶。向量化過程快速且方便，無需安裝任何軟體，只需在線上上傳圖片即可進行轉換。這項功能非常適合需要經常處理圖片並期望保持高解析度的設計師和創意專業人士。
網路資源
SVG.la：AI 支援的 SVG 圖形生成與轉換工具
SVG.la 是一款專為設計師和開發者設計的 AI 圖形工具平台，透過文字描述或圖片快速生成高品質的 SVG 向量圖形。平台支援多種格式轉換功能，包括 SVG 轉換為 PNG、JPG 和 GIF，適合設計網頁圖示、標誌及其他可縮放的圖形資源。
網路資源
DesignEvo：輕鬆打造專屬Logo的線上工具
DesignEvo 是一款專為創建Logo設計的線上工具，提供超過 10,000 種專業模板，適合初創企業、個人品牌或專業設計師使用。它的界面簡單易用，即使是沒有設計經驗的人，也能在短短幾分鐘內輕鬆創建高質量的Logo。此外，DesignEvo 還提供豐富的icon、字體選擇及顏色搭配，讓使用者能自由編輯專屬設計，並可下載高解析度的檔案格式，如 SVG 和 PDF，滿足不同應用需求。
網路資源
Line Awesome：免費的現代化線條風格 icon font
Line Awesome 是一個免費的 icon font，提供超過 1,400 個簡潔的線條風格圖示，適合用於各類網頁與應用程式設計。這些圖示支援高解析度顯示，並且非常輕量，對於頁面載入速度影響極小。其簡易的整合方式，只需一行代碼就能快速加入專案，無論是前端開發還是設計師，都能輕鬆使用。用戶可以免費下載並應用於商業及個人專案。
網路資源
Copy-Paste SVG Shapes：免費的 SVG 圖形分享，只要一鍵就能複製回去
透過添加具有視覺吸引力的圖形，可以提升設計的美感，並營造出更具一致性的感覺。Copy-Paste SVG Shapes 提供了豐富的免費的 SVG 圖形，可以輕鬆整合到您的專案中。從幾何圖案到抽象元素，這些圖形為您的UI設計增色不少。
網路資源
Weather Icons：專業又完整的天氣 icon 集
如果你正在尋找一套高品質且完整的天氣圖示集，Weather Icons 是一個非常值得推薦的資源。這個圖示集專門為天氣應用和網站設計提供各式各樣的圖示，且以向量格式呈現，讓你在不同解析度下都能保持清晰度。這套圖示集由開發者 Erik Flowers 創建，具備豐富的天氣狀況圖示，從晴天、陰天到雷雨、暴雪都應有盡有。
網路資源
Simple Icons：收錄許多知名 icon 的服務，可以直接下載 SVG 或使用 cdn 載入圖案
Simple Icons 是一個提供免費品牌圖示的網站，專門針對開發者、設計師以及想要快速使用各大品牌標誌圖示的使用者設計。這個網站的特色在於，它收錄了眾多知名品牌的圖示，讓使用者能輕鬆地下載、使用，而且每個圖示都遵循 SVG 格式，確保高解析度及極佳的相容性，適合現代網頁及應用程式的需求。
網路資源
IconKitchen：為設計師提供便利的圖示生成工具
IconKitchen 是一個簡單易用的圖示生成平台，專門為網頁與應用程式開發者和設計師設計。使用者可以輕鬆自訂不同樣式的圖示，並根據需求快速產生符合設計風格的 SVG 格式圖示。這個平台的主要特色包括：
網路資源
Eternal：簡單易用的 SVG 批次優化工具
Eternal 是一款專門為設計師及開發者打造的免費 SVG 批次優化工具。它的最大亮點是操作全程在瀏覽器本地進行，不會上傳或儲存任何檔案，確保隱私與安全。使用者只需將 SVG 檔案拖放到網頁，即可批次優化並下載優化後的檔案，過程簡單且高效，適合需要快速處理大量 SVG 檔案的人使用。
教學
如何在 SVG 增加類似 html title 屬性的文字提示效果
在 SVG 中，雖然 path 元素本身並不支援直接使用 HTML 的 title 屬性來顯示提示框效果，但 SVG 有內建的 title 元素，當滑鼠懸停在 path 上時，會顯示類似於 HTML 的 title 提示框。
網路資源
Mapshaper：快速將 GeoJSON 等格式轉為 SVG 的地理數據處理工具
Mapshaper 是一個強大且免費的線上地理數據處理工具，特別適合 GIS（地理資訊系統）使用者、地理資料科學家和地圖製作者使用。這個工具主打其簡單易用的介面及強大的功能，能夠幫助使用者快速編輯、簡化、轉換各類地理數據格式。
網路資源
unDraw：免費且開源的向量插圖資源
unDraw 是一個專門提供免費且開源插圖資源的平台，非常適合各類型的設計師、工程師以及內容創作者使用。這個網站的插圖風格現代且多元化，無論是用於網站設計、應用程式介面，還是社群媒體內容，都能輕鬆找到合適的圖像。
網路資源
LottieLab：輕鬆打造 Lottie 的動態互動網頁體驗
在數位內容創作中，動畫越來越成為提升視覺效果的重要元素。LottieLab 正是一款專門為動畫設計師和開發者打造的創新工具，旨在簡化動畫的創作和整合過程。LottieLab 結合了強大的編輯功能與即時預覽，讓使用者能夠更快速、更直覺地創建和管理 Lottie 動畫。
網路資源
Atlas Icons：設計師必備的高質感圖示資源平台
在現代網頁設計和應用程式開發中，圖示（Icons）扮演著至關重要的角色，能夠提升使用者介面（UI）的視覺吸引力與可用性。Atlas Icons 是一個由 Vectopus 推出的圖示資源平台，專為設計師和開發者提供多樣化且高品質的圖示集合，讓你的專案更具視覺效果和專業感。
網路資源
Inkscape：Illustrator 的替代方案，免費且強大的向量圖形編輯工具
Inkscape是一款專業的開源向量圖形編輯軟體，適合插畫家、設計師和網頁設計師使用。它提供靈活的繪圖工具、廣泛的檔案格式相容性、強大的文字工具以及貝茲曲線和螺旋曲線功能。無論是創建插圖、標誌、圖示還是網頁設計，Inkscape都能滿足您的需求。
網路資源
Unicornicons：為您的專案增添動態圖示魅力
Unicornicons 是一個提供多款可自訂動態圖示的平台，讓您的設計更具互動性和趣味性。該平台提供超過 100 款動畫圖示，使用者可輕鬆調整顏色、筆劃寬度、背景和比例，並以 JSON 和 SVG 格式匯出。