Gif

精彩的瞬間，靜態圖片不足表達，如果用影片則須等待播放時間，或許可以考慮使用 GIF 動畫，IMG2GO 這個網站旗下的 Convert Video To Animated GIF Online 這個免費服務，相較類似的服務，其有無時間限制及影像尺寸、銳化、去除鋸齒等可控品質等優點，該服務免註冊即可使用，完成後所下載的檔案也不會有浮水印，有影片轉 GIF 動畫的需求，不妨可以試試。

想要取出相片中的顏色代碼，方便應用在網頁上，可以試試 imgr 這個免費的圖片色彩線上分析工具，使用方式相當簡單，只要上傳自己想要取色的相片後，便會自動幫你分析，最後產生出每種顏色的 HEX 顏色代碼，支援上傳的圖片格式有 JPG、GIF 及 PNG 等圖檔。

想要將影片最精采的部分擷取成 gif 動畫檔案，只要透過 imgur 這個網站的 Video to GIF 功能就可以很簡單的達成，imgur 可以將線上影片，例如貼上 YouTube 的影片網址，就可以自訂要擷取的影片位置，其提供可擷取 15秒的 gif 檔案，完成後，還提供檔案下載或 URL 連結，讓你不需要額外找檔案空間，就可以直接分享網址或直接在瀏覽器內播放。

常在社群網站像是 Facebook 或是 Google+ 看到有人貼上從影片轉成 Gif 動畫檔，免去要貼上影片的麻煩。若你也想將自己的影片製作成 Gif 動畫檔，可以來利用 Instagiffer 這套可以將 Youtube 或是本機電腦中的影片製作成 GIF動畫檔的免費軟體。

Image To PDF or XPS(原 JPEG to PDF) 是一套支援將 JPG、BMP、GIF、PNG、TIF、WMF、EMF 圖檔等格式，轉換成 PDF 檔案的免費又免安裝工具，可以一次加入多個圖檔將它轉換成單一個 PDF 檔案，也可以轉換成一張圖檔一個 PDF 檔案，Image To PDF or XPS 允許調整紙張的尺寸、邊界、圖檔的大小、位置等，且轉換速度也蠻快的並且支援 Unicode 檔名，有需要的朋友可以試試。

JPEGView 是一套簡單、圖片載入速度快且又支援 Unicode 的一套免費看圖軟體，乍看其軟體名稱 JPEGView，多數人大概會以為只支援 JPEG 的圖片格式，其實除了 JPEG 外，還可支援 BMP、PNG、GIF 及 TIFF 等較常見的圖片格式，瀏覽圖片時，可使用滑鼠滾輪隨意的將圖片放大縮小、鍵盤的左右方向鍵即可切換圖片、上下鍵即可翻轉圖片，更可快速地顯示照片的 EXIF 等資訊，另外 JPEGView 也內建一些常用的圖片編輯工具，像是色彩、對比、明亮、陰影、飽和度...等等，都可透過 JPEGView 來做些微調。

若要將螢幕錄影時，通常我們會選擇錄影成 Avi、Mpeg 等的視訊類型檔案，不過這類檔案通常會佔用較大空間，而 LICEcap 這套免費的應用程式，可以協助我們錄影成 Gif 類型的圖形檔案，方便應用在網頁上，LICEcap 可自訂要錄影的範圍及最大的 Frames Per Second，讓製作螢幕操作的 Gif 動畫變得更簡單，不需再轉檔。

網頁在呈現之前是需要運算及傳輸時間的，如果可以在這個等待時間加入一個進度條，讓瀏覽者知道還要等多久，會是較理想的網頁設計，但進度條的準確度會受到很多條件的限制，因此，大部分的網頁都是提供一個等待圖示動畫，藉此提示瀏覽者，不需要有多餘的動作靜待網頁呈現。以往要加入此類的等待圖示動畫，我們會使用 Gif 圖檔，而現在我們可以更方便的使用 JavaScript 或是純 CSS 就能加入，Loaders 這個網站提供獨特且具有質感的 24個免費 loader ICON，每個均提供 REACT、HTML 及 CSS 原始碼，讓網頁設計使用 loader ICON可以更方便且有更多選擇。

網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示，只需在網頁中引用該 CSS 檔案，就可輕易實現等待中使用動畫圖示來提示。

讀取網頁的速度常受網路頻寬與讀取資料的大小...等因素所限制，因此在設計網頁時，若資料量較大時，通常會加入一個資料讀取的進度條，來告訴使用者，目前在讀取資料的進度，不過要寫在網頁上寫資料讀取的進度條通常不是那麼容易，所以就使用一個等待圖示來代替。loadinfo 就是一個提供該類圖示的網站，可自訂前景及背景顏色及提供 16x16、24x24、48x48 等尺寸。

製作網頁如果預期會有較長時間的等待，通常會在等待的時間加入一個 loading 的動畫圖示來告知，避免用戶誤以為網頁沒有反應而離開，想要加入一個等待載入的動態圖示，可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器，不但可產生 GIF 檔外，還可產生出 CSS 或 SVG 檔，還提供範例語法，讓你輕易地運用到網頁裡。

在瀏覽網頁的時候，常會看到 loading 動態圖示，尤其是在需要較長時間才能回應的操作上，像是線上影片的觀賞、資料量較大的網頁......等等。想要取得這樣的動態圖示，可以自己製作或是透過 cssload.net 這個免費的網站服務，除了可以利用其提供的 loading 圖示，還可以利用其所提供的工具來編輯該圖示，以取得由 CSS3 語法組成的動畫，來取代 Gif 的動態圖示的缺點，期達到最符合自己網站的要求。