SVG

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

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

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

繼續閱讀»»»

Scale by Flexiple 可自訂顏色且可商用的 SVG 或 PNG 插圖

Scale by Flexiple 可自訂顏色且可商用的 SVG 或 PNG 插圖

要做簡報、文宣、網頁總免不了要使用一些插圖來增加版面的美觀,而要取得這些插圖通常可以購買或到網路上下載,但不論付費或免費,最須注意的就是其使用版權,Scale 是個免費提供插圖的網站,號稱每天都會更新,其提供單一顏色與使用者可自訂顏色組合的插圖,並且因應 COVID-19 疫情,還可以選擇插圖中的人物是否要戴上口罩,所有的插圖均提供 SVG 與 PNG 的圖檔格式,不但可商用使用時也無須著名出處,網站唯一要求就是不可以以這些插圖作成類似的網站,成為其競爭對手。

繼續閱讀»»»

Sensa Emoji 免費下載高品質且為向量圖形的表情符號集合

Sensa Emoji 免費下載高品質且為向量圖形的表情符號集合

有提供表情符號的網站服務不少,有些屬於 Unicode,複製後就可以應用在網頁或文書編輯器上,而有些則是以圖片的形式提供,Sensa Emoji 這個網站則是提供 PNG 及 SVG 兩種圖片格式,而且一次下載就可以取得近 400個上述兩種圖片格式的表情符號,方便使用者後續應用。

繼續閱讀»»»

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo,其功能除了可增加網站之見的識別度外,當然也可增加瀏覽者對網站的印象,而該 Logo 是在網頁內使用<link> 標籤來加載,圖檔格式通常有:
  • png image/png
  • ico image/vnd.microsoft.icon
  • icns
  • svg image/svg+xml
早期因瀏覽器對 Favicon Icon 的支援程度不同,大都使用 ICO 及 PNG 圖檔格式,而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致, Favicon Icon 使用 svg 的向量圖檔更有其便利性,SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具,使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案,完成後,可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法,直接在網頁內使用。

繼續閱讀»»»

SVG Waves 波浪形狀的 SVG 或 PNG 圖片產生器

SVG Waves 波浪形狀的 SVG 或 PNG 圖片產生器

坦白說,要在圖片編輯軟體內做出看似波浪狀的圖形,而且還要有變化,對初學者來說,還真不簡單,SVG Waves 是個波浪圖形的線上產生器,透過其提供的參數調整表,使用者可完全自訂所要的波浪密度、層次、高度及顏色,每次調整圖形均會及時反映,讓使用者有最佳的調整視覺,完成後的圖形,可以取得 SVG 圖形語法,也可以直接將該圖形下載成 PNG 圖檔,方便後續的應用。

繼續閱讀»»»

BGJar 免費線上 SVG 背景圖片產生器

BGJar 免費線上 SVG 背景圖片產生器

點陣圖形是由點構成的,而向量圖形則是由一些形狀元素所構成,因此在放大後,點陣圖形的點就會越明顯,看起來就像打了馬賽克,但放大向量圖看到的仍然是形狀,因此能夠無級縮放,而不會導致圖形失真,在現在螢幕尺寸多元的情況下,如果要在網頁、應用程式中使用背景圖,使用 SVG 的圖檔格式,將會是個不錯的解決方案,BGJar 這個線上的應用程式準備了一些 SVG 模板,供使用者可自行調整模板的長寬、顏色、漸層的比例與方向,在完成調整後,不但可下載圖檔外亦提供原始代碼、數據 URI 及 CSS 供用戶來取用。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄