線上工具

想要對圖片進行後製，如果礙於操作門檻，可以來試試 Cut My Pic 這個線上免費的網站服務，該網站提供對圖片進行圓角化、外框陰影、色彩效果調整與替換、場景合成、裁切、旋轉及加入文字效果等，有別於相同類型的圖片編輯免費服務網站，該網站將每個步驟的操作都設計的相當容易，讓用戶一看就能上手，且完成編輯後的圖片無浮水印，要分享要下載的價值都較高，用戶也無須註冊就能使用。

店家宣傳的文宣、網頁或是業務的名片，如果還只是按照傳統的做法打上 ○○市○○路○○號這種文字描述型的地址，這對於想要過去又需要靠導航的客戶而言就顯得有些麻煩，因為開啟導航後，還需要輸入你指定的地址，無形中也會降低拜訪該地址的意願，如果能讓客戶直接掃描 QRCode 後就直接開啟 Google 地圖導航，這樣就顯得方便很多，讓客戶直奔你指定的地址意願也就提高了，要生成 Google 地圖導航 QRCode，我們必須先產生地址的 Google 地圖網址，然後再產生 QRCode，因此，我們會使用 Google Maps Directions Link Generator 及 QRCode Monkey 這兩個網路上的免費服務來完成。

手開發票難免會出錯，如果可以先在電腦上模擬一遍，將統一編號、公司全名及稅額都計算好，完成開發票前，確實與之對照一遍，錯誤率自然就會降低很多，「手開發票檢查小幫手」這個免費網站，可以在輸入公司的統編後，自動帶出公司全名，輸入銷售額後，會自動計算營業稅及含稅後的總計金額，其稅額是以加值型及非加值型營業稅法第 14條與第 15-1條之算式計算或回推且四捨五入，並帶出中文大寫的總計新台幣，透過此一線上工具，讓手寫發票也可以有對照，降低錯誤率。

圖片可以轉換成很多的風格，像是素描、水彩、黑白、古典風格等等，而這個免費的「自拍轉二次元」網站，則是將自拍照轉換成二次元動漫圖，其轉換效果相當好。

Made It For Fun 是個可讓用戶在 GIF 動畫圖片上增加自己創意的免費網站，用戶可自選系統所提供各式各樣的 GIF 動畫圖片，在此基礎上可再加入文字( 不支援中文 )或動畫與軌跡，讓原 GIF 增加用戶自己想像的效果，完成之後，可分享也可轉成 MP4 影片，下載回自己電腦。

Wonder of Wonder Art 是個可讓用戶在線上依據其訂製好的人物框線繪製人物圖像，並將該人物，配上音樂後做成影片的免費網站，系統會將該影片搭配一個網址，讓用戶可以方便分享與觀看，不論是大人或小孩都可以來玩玩。

漸層色彩在視覺上可以產生層次感，這對常看單一顏色的人來說，會更加有吸引力，以往要做出漸層色，設計師都會傾向於使用圖片，原因在於各家瀏覽器對 CSS 所支援的程度不相同，造成觀感不佳的問題，而如今瀏覽器對 CSS 3 基本上都支援的情況下，要達成純 CSS 語法就做出漸層色也變得相對簡單。Color gradient generator 這個免費網站提供 light、deep、rainbow 及 intense 四種漸層樣式、漸層方向、漸層大小等可視化工具讓讓用戶自行調整，完成後，就可產生 CSS 語法。

做了響應式網頁，該如何能夠看出其在不同螢幕尺寸下應有的效果呢？everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站，不同以往看到的類似網站，該網站在呈現網頁後，用戶是可以直接操作非靜態的。

社群網站像是 Facebook、YouTube、Twitter、Instagram 都可以讓用戶自定義背景圖，即便是使用用戶自己拍攝的相片上傳，也會協助用戶調整圖片使之符合背景尺寸，但這樣的背景圖就顯得缺少變化，background generator 是個線上背景圖免費產生器，可產生出上述社群網站所需尺寸的背景圖，其利用簡單的 Layout 搭配顏色、多樣的圖案及用戶自行上傳的圖片，再加上參數的調整變化，就可以產生出多樣的背景圖，用戶可自由選擇 SVG、PNG 或 JPEG 的圖檔格式下載以利後續的應用。

要放在網頁上的圖片，我們期望的是解析度高但檔案小，不過這樣的要求似乎很難兩全其美，只能盡力而為，Resize Images 是個線上可批次對圖片進行尺寸調整、裁剪、壓縮、旋轉及轉 webP 圖檔格式的免費網站，其操作相當簡單，經過處理過的圖片，還會顯示與原始檔大小的百分比，讓用戶省去後續比較的時間，該網站應用免註冊，無浮水印，立即可用。

階層樣式表 (Cascading Stylesheets，CSS) ，最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式，讓同一個元素可以有不同的樣貌呈現，不過對於初學者而言，要了解整個 CSS 語法規則並不容易，除了時間之外，如果有輔助的工具可以協助，相信可以更快的跨過門檻，CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器，其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化，用戶可以透過可操作的面板進行屬性值變更，且立刻可看到所產生的變化，完成整個調整，還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法，快速套用到元素上。

IKnowWhatYouDownload 是個利用 IP 位址分析該 IP 利用 BT 網路的 Torrents 下載過什麼檔案的線上分析工具，有了這層關係，就可以統計出各區域、相關熱門檔案的相關分析數據，不過多數的 IP 是共享的，像是社區網路類型，取得該 IP 並不能代表該用戶就真正下載過這些檔案，另外，該線上應用除了分析自己用該 IP 所下載的檔案數據外，還會列出鄰近幾個 IP 位址的下載情況。