Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
  • Search Icon

WONGCW 網誌

記錄生活經驗與點滴

Iconfinder Icon Editor 免費線上SVG向量檔編輯器

Iconfinder Icon Editor 免費線上SVG向量檔編輯器

2018-10-30 Comments 0 Comment
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯工具

隨著現在網頁支援的圖檔格式愈來愈多,已不再像早期只限點陣檔,像是Gif、Jpg、PNG….,現在已支援向量格式,而向量則以SVG檔為主,由於向量檔最大的好處就在於,即便任何的設定影像的尺寸,都不會造成影像失真,這對於現在裝置愈來愈元來說,是一個相當不錯的選擇,就不用儲存一堆的格式作切換,再加上向量檔本身也會比點陣來的小許多,甚至還可以將SVG向量檔,轉成IconFont的格式,就可以透過CSS的語法來改變圖示的顏色,相當的方便。

但要如何產生SVG檔,其實早在好幾年前,Adobe Illustrator就已內建了SVG的檔格式,當在Adobe Illustator繪製好的檔案,就能直接輸出成SVG檔,並用於網頁上,但除了Adobe Illustrator可繪製SVG檔外,現在可透過Iconfinder這免費圖示的資源平台,推出一款SVG線上編輯器Iconfinder Icon Editor,不但不用安裝任何的擴充元件,打開瀏覽器立即就可使用,甚至還可以將繪製好的向量檔,儲存成SVG或是PNG檔,雖然Iconfinder Icon Editor的功能不及Illustrator來的強大,但只要繪製一些簡易的LOGO,絕對是措措有餘的。


Iconfinder Icon Editor

網站名稱:Iconfinder Icon Editor
網站連結:https://www.iconfinder.com

Step1
開啟瀏覽器,進入Iconfinder Icon Editor後,這就是Iconfinder Icon Editor操作界面,相當的簡易單純好上手,所有的編輯工具,都集中在左手邊,右手邊則會隨著工具,而切換不同的設定面板。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step2
當畫了一個圓形,若只需線框就好,可雙響前景色。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step3
分別將上方的V與A值都設0,就會變透明。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step4
就這樣可以產生出多個圓形框,當全選後,可從右手邊選擇對齊。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step5
在對齊的部分,目前只有元件對齊,期待日後有元件與元件間的對齊就更加方便,當都繪製好後,點右上的「Downlaod」鈕,就可選擇要下載的格式。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step6
這樣就可以將剛所繪製的檔案給下載回來啦!
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step7
而Iconfinder Icon Editor也可開啟舊檔,但只限SVG格式檔。
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器


Step8
當開啟後,雙響區塊,就會出現控制節點,就可再手動進行調整了。雖然Iconfinder Icon Editor沒有複雜的功能,但相當的好手,大幅的降低學習的門檻喔!
梅問題-Iconfinder Icon Editor 免費線上SVG向量檔編輯器

分享此文:

  • 按一下即可分享至 X(在新視窗中開啟) X
  • 按一下以分享至 Facebook(在新視窗中開啟) Facebook
  • 分享到 WhatsApp(在新視窗中開啟) WhatsApp
  • 按一下以分享到 Telegram(在新視窗中開啟) Telegram
  • 分享到 Pinterest(在新視窗中開啟) Pinterest
  • 分享到 Reddit(在新視窗中開啟) Reddit
  • 按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟) 電子郵件
  • 點這裡列印(在新視窗中開啟) 列印

相關


教學資源

Post navigation

PREVIOUS
手寫統一發票計算機-線上一鍵產生三聯式發票稅額產生器
NEXT
Sublime Text 3 Online線上版,免安裝!打開瀏覽器立即就可使用

發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

More results...

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Filter by 分類
網站公告
Featured
限時免費
Windows 軟件下載
系統軟件
辦公軟件
圖像處理
影音媒體
網絡軟件
應用軟件
Mac 軟件下載
安卓軟件下載
網絡資訊
Mac資訊
Linux資訊
VPS資訊
NASA資訊
WordPress資訊
WeChat資訊
PHP資訊
教學資源
開源程序
網頁工具
SEO工具
醫療健康
其他資訊
Content from
Content to
2018 年 10 月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 9 月   11 月 »

分類

  • 網站公告
  • 限時免費
  • Windows 軟件下載
  • 系統軟件
  • 辦公軟件
  • 圖像處理
  • 影音媒體
  • 網絡軟件
  • 應用軟件
  • Mac 軟件下載
  • 安卓軟件下載
  • 網絡資訊
  • Mac資訊
  • Linux資訊
  • VPS資訊
  • NASA資訊
  • WordPress資訊
  • WeChat資訊
  • PHP資訊
  • 教學資源
  • 開源程序
  • 網頁工具
  • SEO工具
  • 醫療健康
  • 其他資訊

彙整

近期文章

  • 索尼又鎖區過百國家無法遊玩《星刃》 2025-05-16
  • 育碧將下架多款經典遊戲公司稱其有權這麼做 2025-05-16
  • 川普急簽中東AI大單惹惱對華強硬派 2025-05-16
  • 美教授AI講義漏洞百出大學生怒討8000美元學費 2025-05-16
  • 奧特曼嘲諷馬斯克AI翻車:追求真相的AI卻在輸出陰謀論 2025-05-16
  • 東南亞人群基因體研究領域取得里程碑突破 2025-05-16
  • 雷軍最新演講曝光:一場意外給小米帶來巨大質疑不再是產業新人 2025-05-16
  • “中東矽谷”?美國、阿聯酋宣布將聯手打造5吉瓦超級AI園區 2025-05-16
  • Google One訂閱服務的用戶數量達1.5億 2025-05-16
  • 巴菲特第一季大幅減持銀行股蘋果仍是最大重倉股 2025-05-16

熱門文章與頁面︰

  • 三星20000尼特微型OLED推動VR頭顯亮度達到日光級別
  • 您可以在Windows 11 24H2 中找回WordPad
  • 南極冰蓋數十年來首次成長
  • 鳥寶寶有多內捲?為了讓父母投餵自己長出恐怖的嘴巴
  • OpenAI的GPT-4可透過閱讀安全公告自主利用真實漏洞
  • 打車叫到特斯拉不會開門很尷尬?官方介紹開關門方法
  • z-sms – 在線免費云短信臨時手機號接碼平台網頁版
  • A24新片《遺軍之戰》 取自門多薩的戰爭回憶
  • 不只員工違規事件蘋果與米哈遊的關係越來越脆弱了
  • 小米手機開始限制跨區解鎖BL 國行版設備禁止使用國際帳號申請解鎖

投遞稿件

歡迎各界人士投遞稿件到admin@wongcw.com

請提供以下資料:

1.你的名字

2.你的電郵

3.分類目錄

4.文章標題

5.文章摘要

6.文章內容

7.文章來源

 

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

快帆

MALUS

極度掃描

DMCA.com Protection Status

WONGCW 網誌

  • 免責聲明
  • 捐助我們
  • ThemeNcode PDF Viewer
  • ThemeNcode PDF Viewer SC
  • Events

服務器提供

本站使用之服務器由ikoula提供。

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

© 2025   All Rights Reserved.