如何在網頁中使用 Google Icon Font 免費圖示?

如何在網頁中使用 Google Icon Font 免費圖示?

「圖示」運用得當,絕對勝過用文字描述,以往要在網頁裡使用圖示,可以使用圖檔,但不論是要更改尺寸、顏色都相當麻煩,而現在大多使用 Icon Font,將圖示變成字形來使用,這樣一來不論日後維護要改尺寸大小、顏色就相當方便,「Google Font」內現在就有提供成套風格且免費的 Icon Font 供使用者應用,如果習慣使用圖檔,每個圖示同樣都有提供 PNG、SVG 圖檔格式,不論是應用在網頁、Android 或是 iOS 都不是問題。

繼續閱讀»»»

ICONS8 AI Background Remover 線上圖片去背景免費服務

ICONS8 AI Background Remover 線上圖片去背景免費服務

即便是要去除背景單純的圖片,在以前都免不了要透過圖片編輯軟體去描出主角輪廓或是塗塗抹抹一番後,在細細修圖,說實在的還真是件不容易的事情,而如今,透過人工智慧的技術,圖片去除背景的操作步驟卻只剩上傳圖片與下載已去除背景圖片的操作步驟,網路上有很多類似這樣的服務,效果也不一,效果不好的不想用,效果好的沒多久就開始有限制,而 AI Background Remover 這個線上圖片去背景的免費服務,是由 ICONS8 提供,未註冊的使用者有三張圖片的限額,而只須透過電子郵件註冊後即可解除該限制,至於細部的處理效果好不好,我們可以從該網站還特別提供滑鼠指標放大功能,就可以窺知 ICONS8 對其圖片去背景的技術相當有信心,完全不怕使用者的檢視。

繼續閱讀»»»

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 語法,直接在網頁內使用。

繼續閱讀»»»

SILHOUETTE DESIGN 免費提供人類、動物、植物...各類輪廓剪影圖示的 PNG、JPG、SVG 與 AI 圖檔格式下載且可商用

SILHOUETTE DESIGN 免費提供人類、動物、植物...各類輪廓剪影圖示的 PNG、JPG、SVG 與 AI 圖檔格式下載且可商用

意思的表達除了可以透過文字亦可以透過圖示來傳遞,因此,像是聊天軟體、文宣品或是場所指示處處都可見圖示的身影,SILHOUETTE DESIGN 這個網站提供動物、人類、魚類、植物、昆蟲、交通工具、節日、地圖、醫療、時尚、樂器、神祇、風景、各類製品、食物、推薦及其它不分類的剪影圖示,每個圖示均可自訂顏色、大小,並提供 PNG、JPG、SVG 與 AI 的圖檔格式下載,該網站所提供的圖示,個人與商用皆可且無須額外著名出處。

繼續閱讀»»»

iconhub 可商用且可自定顏色的 SVG 圖示免費下載使用

iconhub 可商用且可自定顏色的 SVG 圖示免費下載使用

圖示的應用代替了文字的描述,讓原本需要用多字描述的場所、指示或告知變得更加簡潔且更有渲染力,網路上有很多可免費下載的圖標可供應用,而 iconhub 這個網站提供的是 SVG 圖檔,且讓使用者在線上就可以選擇圖標的尺寸大小、顏色、外框粗細及外框顏色,免去下載後還要後製的麻煩,如果要應用到網頁中,也提供 HTML 連結,直接就能夠網站中使用。

繼續閱讀»»»

Iconpie 快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸

Iconpie 快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸

對架設網站,寫 Android、Apple App 的初學者而言,實在很難在各方面做到面面俱到,以架設一個網站而言,除了要懂 HTML、CSS、JavaScript、Database 及一個程式語言像是 ASP.Net 或是 PHP 等,甚至也還要有基本的網路運用概念,然後加上美工,負擔不小,因此,有些工作我們可以交給線上工具來完成,像是各類應用程式要使用的 ICON,而 Iconpie 這個網站,就是一個可以協助使用者快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸的免費工具,用戶僅需要上傳要做成圖示的圖片( png/gif/ jpg )就幫你產生,快速又方便。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄