??? ? 通過本主題可了解在photoshop、Animate等adobe軟件中導(dǎo)出圖像和動畫 GIF時可以使用的各種選項。

Web 圖形格式

?????? Web 圖形格式可以是位圖（柵格）或矢量。位圖格式（GIF、JPEG 和 PNG）與分辨率有關(guān)，這意味著位圖圖像的尺寸繼而可能是圖像品質(zhì)會隨顯示器分辨率的不同而發(fā)生變化。矢量格式（SVG 和 SWF）與分辨率無關(guān)，可以放大或縮小圖像，而不會降低圖像品質(zhì)。矢量格式也可以包含柵格數(shù)據(jù)。

一、JPEG 優(yōu)化選項

?????? JPEG 是用于壓縮連續(xù)色調(diào)圖像（如照片）的標(biāo)準(zhǔn)格式。將圖像作為 JPEG 格式進(jìn)行優(yōu)化依賴于有損壓縮，它會有選擇地丟棄數(shù)據(jù)。

優(yōu)化設(shè)置: A. 文件格式菜單 B. 壓縮品質(zhì)菜單 C. 優(yōu)化菜單

1. 品質(zhì)：確定壓縮程度?！捌焚|(zhì)”設(shè)置越高，壓縮算法保留的細(xì)節(jié)越多。但是，使用高“品質(zhì)”設(shè)置比使用低“品質(zhì)”設(shè)置生成的文件大。查看幾種品質(zhì)設(shè)置下的優(yōu)化圖像，確定品質(zhì)和文件大小之間的最佳平衡點。

2. 優(yōu)化后: 創(chuàng)建文件大小稍小的增強 JPEG。要最大限度地壓縮文件，建議使用優(yōu)化的 JPEG 格式；但是，某些舊版瀏覽器不支持此功能。
3. 漸進(jìn):在 Web 瀏覽器中以漸進(jìn)方式顯示圖像。圖像將顯示為一系列疊加圖形，從而使瀏覽者能夠在圖像完全下載前查看它的低分辨率版本?！皾u進(jìn)”選項要求使用?優(yōu)化后的 JPEG 格式。

注：連續(xù) JPEG 需要更多的內(nèi)存用于查看，并且某些瀏覽器不支持該選項。

4. 模糊:指定應(yīng)用于圖像的模糊量。此選項應(yīng)用與?高斯模糊濾鏡相同的效果，并允許進(jìn)一步壓縮文件以使文件更小。建議設(shè)置在 0.1 到 0.5 之間。

5.? 配置文件:? 嵌入顏色配置文件 (Photoshop) 或 ICC 配置文件 (Illustrator)? 。 ? ? ? ??

??????? 在優(yōu)化文件中保存顏色配置文件。某些瀏覽器使用顏色配置文件進(jìn)行顏色校正。

6. 雜邊 :為在原始圖像中透明的像素指定一個填充顏色。單擊“雜邊”色板以在拾色器中選擇一種顏色，或者從“雜邊”菜單中選擇一個選項：“吸管顏色”（使用吸管樣本框中的顏色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

?????? 原始圖像中完全透明的像素由所選的顏色填充；原始圖像中部分透明的像素與所選的顏色相混合。

二、GIF 和 PNG-8 優(yōu)化選項

?????? GIF 是用于壓縮具有單調(diào)顏色和清晰細(xì)節(jié)的圖像（如藝術(shù)線條、徽標(biāo)或帶文字的插圖）的標(biāo)準(zhǔn)格式。與 GIF 格式一樣，PNG-8 格式可有效地壓縮純色區(qū)域，同時保留清晰的細(xì)節(jié)。

????? PNG-8 和 GIF 文件支持 8 位顏色，因此它們可以顯示多達(dá) 256 種顏色。確定使用哪些顏色的過程稱為?編制索引，因此，GIF 和 PNG?8 格式的圖像有時稱為索引顏色圖像。為了將圖像轉(zhuǎn)換為索引顏色，構(gòu)建顏色查找表來保存圖像中的顏色，并為這些顏色建立索引。如果原始圖像中的某種顏色未出現(xiàn)在顏色查找表中，應(yīng)用程序?qū)⒃谠摫碇羞x取最接近的顏色，或使用可用顏色的組合模擬該顏色。

??????? 除了以下選項之外，您還可以在圖像的顏色表中調(diào)整顏色數(shù)量。

?????? 損耗（僅限于 GIF）： 通過有選擇地扔掉數(shù)據(jù)來減小文件大小。較高的“損耗”設(shè)置會導(dǎo)致更多數(shù)據(jù)被扔掉。通常，您可以應(yīng)用 5-10 的“損耗”值，有時可高達(dá) 50，而不會降低圖像品質(zhì)?！皳p耗”選項可將文件大小減小 5% 到 40%。

注：不能將“損耗”選項與“交錯”選項一起使用，也不能將“損耗”選項與“雜色”或“圖案仿色”算法一起使用。

1.減低顏色深度算法與顏色 ： 指定用于生成顏色查找表的方法，以及想要在顏色查找表中使用的顏色數(shù)量?？梢赃x擇以下減低顏色深度算法之一：

• 可感知 創(chuàng)建一個自定義顏色表，將人眼感知比較靈敏的顏色放入其中。

• 可選擇 創(chuàng)建一個與“可感知”顏色表類似的顏色表，它支持的顏色范圍更大且可以保留 Web 顏色。此顏色表通常會生成具有最大顏色完整性的圖像?！翱蛇x擇”是默認(rèn)選項。

• 隨樣性 創(chuàng)建一個自定義顏色表，將從圖像主要色譜中提取出的色樣放入其中。例如，只包含綠色和藍(lán)色的圖像產(chǎn)生主要由綠色和藍(lán)色構(gòu)成的顏色表。大多數(shù)圖像的顏色集中在色譜的特定區(qū)域。

• 限制 (Web) 使用 Windows 和 Mac OS 8 位（256 色）調(diào)板通用的標(biāo)準(zhǔn) 216 色顏色表。該選項確保當(dāng)使用 8 位顏色顯示圖像時，不會對顏色應(yīng)用瀏覽器仿色。（該調(diào)板也稱為 Web 安全調(diào)板。） 使用 Web 調(diào)板可能會創(chuàng)建較大的文件，因此，只有當(dāng)避免瀏覽器仿色是優(yōu)先考慮的因素時，才建議使用該選項。

• 自定義 使用用戶創(chuàng)建或修改的調(diào)色板。如果打開現(xiàn)有的 GIF 或 PNG-8 文件，它將具有自定調(diào)色板。??

注：使用“存儲為 Web 和設(shè)備所用格式”對話框中的“顏色表”調(diào)板可自定顏色查找表。 ? ? ? ? ??

• 黑白、灰度、Mac OS、Windows 使用一組調(diào)色板。

2. 仿色方法和仿色 ： ? 確定應(yīng)用程序仿色的方法和數(shù)量?！胺律笔侵改M計算機的顏色顯示系統(tǒng)中未提供的顏色的方法。較高的仿色百分比使圖像中出現(xiàn)更多的顏色和更多的細(xì)節(jié)，但同時也會增大文件大小。為了獲得最佳壓縮比，請使用可提供所需顏色細(xì)節(jié)的最低百分比的仿色。若圖像所包含的顏色主要是純色，則在不應(yīng)用仿色時通常也能正常顯示。包含連續(xù)色調(diào)（尤其是顏色漸變）的圖像，可能需要仿色以防止出現(xiàn)顏色條帶現(xiàn)象。

? ? ? ??

可以選擇以下幾種仿色方法之一：

• 擴(kuò)散 應(yīng)用的隨機圖案通常不如“圖案”仿色那么明顯。仿色效果會在相鄰像素間擴(kuò)散。

• 圖案 使用類似半調(diào)的方形圖案模擬顏色表中沒有的顏色。

• 雜色 應(yīng)用與“擴(kuò)散”仿色方法相似的隨機圖案，但不在相鄰像素間擴(kuò)散圖案。使用“雜色”仿色方法時不會出現(xiàn)接縫。

2.透明度和雜邊 : 確定如何優(yōu)化圖像中的透明像素。

• 要使完全透明的像素透明并將部分透明的像素與一種顏色相混合，請選擇“透明度”，然后選擇一種雜邊顏色。

• 要使用一種顏色填充完全透明的像素并將部分透明的像素與同一種顏色相混合，請選擇一種雜邊顏色，然后取消選擇“透明度”。

• 要選擇雜邊顏色，請單擊“雜邊”色板，然后在拾色器中選擇一種顏色?；蛘撸瑥摹半s邊”菜單中選擇一個選項：?“吸管顏色”（使用吸管樣本框中的顏色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

  注：只有 Photoshop 有“前景色”和“背景色”選項。

透明度和雜邊示例：

3. 透明度仿色 ：選擇“透明度”選項后，可以選取對部分透明的像素應(yīng)用仿色的方法：

• “無透明度仿色”不對圖像中部分透明的像素應(yīng)用仿色。

• “擴(kuò)散透明度仿色”應(yīng)用的隨機圖案通常沒有“圖案”仿色那么明顯。仿色效果會在相鄰像素間擴(kuò)散。如果選擇此算法，請指定“仿色”百分比以控制應(yīng)用于圖像的仿色量。

• “圖案透明度仿色”對部分透明的像素應(yīng)用類似半調(diào)的方塊圖案。

• “雜色透明度仿色”應(yīng)用與“擴(kuò)散”算法相似的隨機圖案，但不在相鄰像素間擴(kuò)散圖案。使用“雜色”算法時不會出現(xiàn)接縫。

  
  

4.交錯 :當(dāng)完整圖像文件正在下載時，在瀏覽器中顯示圖像的低分辨率版本。交錯可使下載時間感覺更短，并使瀏覽者確信正在進(jìn)行下載。但是，交錯也會增加文件大小。

5.Web 靠色：指定將顏色轉(zhuǎn)換為最接近的 Web 調(diào)板等效顏色的容差級別（并防止顏色在瀏覽器中進(jìn)行仿色）。值越大，轉(zhuǎn)換的顏色越多。

三、優(yōu)化 GIF 和 PNG 圖像中的透明度

??????? 利用透明度可以創(chuàng)建適用于 Web 的非矩形圖像。?背景透明度可保留圖像中的透明像素。

這樣，網(wǎng)頁的背景可以通過圖像的透明區(qū)域顯示出來。?背景雜邊通過用和網(wǎng)頁背景匹配的雜邊顏色填充或混合透明像素來模擬透明度。如果網(wǎng)頁背景是純色并且如果您知道是哪種顏色，則背景雜邊效果最佳。

????? 使用?“存儲為 Web 和設(shè)備所用格式”對話框中的“透明度”和“雜邊”選項可指定如何優(yōu)化 GIF 和 PNG 圖像中的透明像素。

• （GIF 和 PNG-8）要使完全透明的像素透明并將部分透明的像素與一種顏色相混合，請選擇“透明度”，然后選擇一種雜邊顏色。

• 要使用一種顏色填充完全透明的像素并將部分透明的像素與同一種顏色相混合，請選擇一種雜邊顏色，然后取消選擇“透明度”。

• （GIF 和 PNG-8）要使所有透明度大于 50% 的像素完全透明，并且所有透明度等于或小于 50% 的像素完全不透明，請選擇“透明度”，然后從“雜邊”菜單中選擇“無”。

• (PNG-24) 要存儲具有多級別透明度的圖像（可高達(dá) 256 級），請選擇“透明度”。由于多級別透明度允許圖像與任何背景色相混合，因此將停用“雜邊”選項。

  注：在不支持 PNG-24 透明度的瀏覽器中，可以針對默認(rèn)背景色（如灰色）顯示透明像素。

  ?????? 要選擇雜邊顏色，請單擊“雜邊”色板，然后在拾色器中選擇一種顏色?；蛘?，從“雜邊”菜單中選擇一個選項：?“吸管顏色”（使用吸管樣本框中的顏色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

???????? 注：只有 Photoshop 有“前景色”和“背景色”選項。

??????????????????????????????????????????????????????????????????????????????