範例篇一

有了上述的基本概念後，再來詳細說明什麼樣的圖檔需存成ｊｐｇ或ｇｉｆ，以及如何操作。

【ＪＰＧ】靜態圖片，色彩豐富
【ＧＩＦ】動態或靜態圖片，色彩簡單，可透明

※使用ＰＨＯＴＯＳＨＯＰ儲存圖檔範例一

以這張圖為範例，因為它的色階少，所以我們選擇儲存為ｇｉｆ檔

打開ｐｈｏｔｏｓｈｏｐ程式後，到上方的功能選單，檔案＞儲存為網頁用
（拍謝我家的ｐｈｏｔｏｓｈｏｐ是英文版的＝　＝”）

用這方式來存檔，會比直接另存檔案後的檔案來得小許多，至於為什麼呢？我也不知道，可能是因為它是針對符合網頁用的關係吧．．．

選擇儲存為網頁用之後則會看到以下畫面↓

４格的左上方那一格是圖片原始的畫質，用來讓你比較儲存後的畫質。

接著我們先以儲存為ｇｉｆ來解說，
如上圖，由於這張圖的色階少，所以不需要用到２５６色，我們可以將它調為１００色即可，檔案也會隨之小了許多，
設定好後可看出畫質與原圖檔幾乎相同，下方顥示的ｋ數為１４．２４ｋ，即是你儲存此檔案後的大小；

再來看如果存成ｊｐｇ的話，

儲存ｊｐｇ檔畫質要好，至少品質（Ｑｕａｌｉｔｙ）必須設在７０～８０之間，
７０以下就會肉眼看得出比原畫質差；８０以上則是用肉眼看不出比原畫質更好，但檔案卻隨之變大。

所以我們將檔案品質設在８０，下方顯示的Ｋ數則為１８．８１Ｋ，
跟上一個儲存為ＧＩＦ的來比，檔案大了４點多Ｋ，
（別覺得４Ｋ很少，當一個網頁圖多時，每個圖都減少４Ｋ的話，就能省下不少流量及空間了）

由此我們就能比較出此圖因色階較少的關係，所以應選擇存為ＧＩＦ才能將檔案降到最小又不失畫質。