使用手冊取消

影像和 GIF 動畫的最佳化選項

搜尋

上次更新時間 2026年2月4日

Animate

開啟應用程式

備註：

我們不會中斷或移除對 Adobe Animate 的存取權。Animate 將繼續提供給目前的客戶和新客戶，我們將確保您能夠繼續存取您的內容。已不存在 Animate 不再可用的截止日期或日期。這些是我們在原始電子郵件中共用的內容的變更。

所有客戶的 Adobe Animate 都處於維護模式。這適用於個人、小型企業和企業客戶。  

維護模式意味著我們將繼續支援應用程式並提供持續的安全和錯誤修復，但我們不再新增功能。Animate 將繼續提供給新使用者和現有使用者，我們不會中斷或移除對 Adobe Animate 的存取權。  

我們致力於確保 Animate 使用者能夠存取其內容，而不管開發狀態如何變更。  

請使用本主題，了解匯出影像和 GIF 動畫的各種選項。

網頁圖像格式

網頁圖像格式可以是點陣圖 (點陣) 或向量格式。點陣圖格式 (GIF、JPEG 和 PNG) 與解析度有關，也就是說，點陣圖影像的尺寸以及影像品質將會隨著不同的顯示器解析度而改變。向量格式 (SVG 和 SWF) 與解析度無關，因此可以放大及縮小，而不會對影像品質造成任何影響。向量格式也可以包含點陣資料。

JPEG 最佳化選項

JPEG 是壓縮連續色調影像 (如照片) 的標準格式。將影像最佳化為 JPEG 格式依賴於破壞性壓縮，這種方式會選擇性地放棄資料。

web_optimization — 最佳化設定 A. 「檔案格式」選單 B. 「壓縮品質」選單 C. 「最佳化」選單

品質

確定壓縮級別。「品質」設定越高，壓縮演算法保留的細節就越多。但是，使用高品質設定會產生比使用低品質設定更大的檔案大小。在多個品質設定下查看最佳化的影像，以確定品質和檔案大小的最佳平衡。

最佳化

建立檔案大小稍小的增強 JPEG。建議使用最佳化 JPEG 格式來最大化檔案壓縮；但是，某些舊版瀏覽器不支援此功能。

漸進式

在網頁瀏覽器中漸進式顯示影像。該影像顯示為一系列疊加，讓檢視者能夠在完全下載之前看到該影像的低解析度版本。「漸進」選項要求使用最佳化 JPEG 格式。

「漸進式 JPEG」在檢視時需要較多的記憶體 (RAM)，有些瀏覽器並不支援這項功能。

模糊

指定要套用於影像的模糊度。此選項會套用與「高斯模糊」濾鏡相同的效果，而且可以增大檔案的壓縮程度，因而產生較小的檔案。所以建議使用的數值是 0.1 到 0.5。

嵌入色彩描述檔 (Photoshop) 或 ICC 描述檔 (Illustrator)

在最佳化檔案中保留顏色設定檔。某些瀏覽器使用顏色設定檔進行顏色校正。

邊緣調合

為原始影像中透明的像素指定填充顏色。按一下「邊緣調合」色票以在檢色器中選取顏色，或從「邊緣調合」選單中選取選項：「滴管顏色」(使用滴管樣本方框中的顏色)、「前景顏色」、「背景顏色」、「白色」、「黑色」或「其他」(使用檢色器)。

原始影像中完全透明的像素會填入選定的顏色，而原始影像中部分透明的像素則漸變為選定的顏色。

GIF 和 PNG-8 最佳化選項

GIF 是壓縮影像的標準格式，具有平整顏色和清晰細節 (如線條藝術、標誌或有文字的插圖)。與 GIF 格式一樣，PNG-8 格式有效地壓縮實色區域，同時保留銳利的細節。

PNG-8 和 GIF 檔案支援 8 位顏色，因此最多可顯示 256 種顏色。決定使用哪種顏色的流程被稱為索引，所以 GIF 和 PNG-8 格式的影像有時也稱之為索引色影像。要將影像轉換為索引顏色，需要建立顏色查詢表以儲存和索引影像中的顏色。如果原始影像中的顏色未出現在顏色查詢表中，則應用程式會選擇表中最接近的顏色，或者使用可用顏色的組合來模擬顏色。

除了下列選項以外，您也可以調整影像之色彩表中的顏色數量。

失真 (僅適用於 GIF)

通過有選擇地放棄資料來縮減檔案大小。較高的破壞性設定會導致放棄更多資料。您通常可以套用 5-10 的破壞性值，有時最高可以套用 50，而不會降級影像。「破壞性」選項可將檔案大小減少 5% 到 40%。

您在使用「失真」選項時，不能同時用「交錯式」選項、「雜色」或「圖樣」演算法。

色彩減少規則和顏色

指定用於產生顏色查詢表的方法以及希望顏色查詢表中有多少種顏色。您可選取下列其中一種顏色減少方法：

感應式 以人眼較能感應的顏色為優先，建立自訂的色彩表。

選擇性 建立與「感應式」色彩表類似的色彩表，但較偏向大範圍的顏色，並會保留網頁色彩。此顏色表通常產生具有最佳顏色完整性的影像。選擇性為預設選項。

最適化 從影像中的主要顏色光譜中取樣，建立自訂的色彩表。例如，僅擁有綠色和藍色的影像會產生主要由綠色和藍色組成的顏色表。大多數影像將顏色集中在光譜的特定區域。

限制性 (網頁) 使用常用於 Windows 的標準 216 色色彩表，和 Mac OS 的 8 位元 (256 色) 色盤。此選項可確保在使用 8 位顏色顯示影像時不會對顏色套用瀏覽器混色。 (此調色盤也稱為網頁安全調色盤。) 使用網頁調色盤可以建立更大的檔案，只有在避免瀏覽器混色優先順序較高時才建議使用。

自訂使用使用者建立或修改過的色盤。如果開啟已存在的 GIF 或 PNG-8 檔案，則會有自訂的色盤。

使用「儲存為網頁及裝置用」對話方塊中的「色彩表」浮動視窗，自訂色彩查詢表。

黑白、灰階、Mac OS、Windows 使用一組色盤的顏色。

混色方法和混色

確定應用程式混色的方法和數量。混色是指模擬電腦顏色顯示系統中不可用的顏色的方法。混色百分比越高，影像中的顏色越多，細節也越多，但也會增加檔案大小。若要實現最佳壓縮，請使用可提供所需顏色細節的最低混色百分比。主要採用純色的影像可以在無混色的情況下正常運作。具有連續色調顏色 (特別是漸變色) 的影像可能需要混色以防止色帶。

swb_gif_dither — 具有 0% 混色 (左) 和 100% 混色 (右) 的 GIF 影像

您可選取下列其中一種混色方法：

擴散套用隨機的圖樣，通常會比「圖樣」混色不明顯。混色效果會擴散到相鄰的像素。

圖樣套用類似半色調的方形圖樣，以模擬不在色彩表中的任何顏色。

雜色套用與「擴散」混色方法類似的隨機圖樣，但是不會將圖樣擴散到相鄰的像素上。使用「雜色」混色時不會出現接縫。

透明度和邊緣調合

決定如何最佳化影像中的透明像素。

若要讓完全透明的像素保持透明，並將部分透明的像素與某種顏色混合，請選取「透明度」，並選取一種邊緣調合顏色。
若要將完全透明的像素填滿某種顏色，並將部分透明的像素與相同顏色混合，請選取一種邊緣調合顏色並取消選取「透明度」。
若要選取邊緣調合顏色，請按一下「邊緣調合」色票，然後在檢色器中選取顏色。或者，從「邊緣調合」選單中選取選項：「滴管顏色」(使用滴管樣本方框中的顏色)、「前景顏色」、「背景顏色」、「白色」、「黑色」或「其他」(使用檢色器)。

「前景顏色」和「背景顏色」選項僅可在 Photoshop 中使用。

A. 原始影像 B. 選取邊緣調合顏色的透明度 C. 選取無邊緣調合的透明度 D. 取消選取邊緣調合顏色的透明度

透明混色

如果選取「透明度」選項，可以為部分透明的像素選擇一種混色的方法：

「無透明混色」不會對影像中部分透明的像素套用任何混色。
「擴散透明混色」會套用隨機的圖樣，通常不會比「圖樣」混色明顯。混色效果會擴散到相鄰的像素。如果選取此演算法，請指定混色百分比以控制套用於影像的混色量。
「圖樣透明混色」會對部分透明的像素套用網屏般的方形圖樣。
雜色透明度混色套用與「擴散」演算法類似的隨機圖樣，但是不會將圖樣擴散到相鄰的像素上。使用「雜色」運算規則不會造成任何接縫。

swb_pattern_dither — 圖樣範例，分別為「透明混色」(左圖) 以及套用到網頁背景後 (右圖) 的樣子。

交錯

在瀏覽器中顯示低解析度版本影像，同時下載完整的影像檔案。隔行掃描使下載時間看起來縮短了，並使檢視者放心，因為下載仍然在進行。但是，隔行掃描也會增加檔案大小。

網頁靠齊

指定將顏色轉換為最接近的網頁調色盤顏色時的容差級別 (並防止顏色在瀏覽器中混色)。值越高，轉換的顏色越多。

最佳化 GIF 和 PNG 影像中的透明度

透明度使得網頁能夠建立非矩形影像。背景透明保留影像中的透明像素。

如此可允許網頁圖形的背景，以顯示影像的透明區域。背景邊緣調合透過填色或漸變透明像素及可與網頁背景相符的邊緣調合色，模擬透明度。如果網頁背景是純色並且您知道該顏色是什麼，則去背效果最好。

使用「儲存為網頁及裝置用」對話方塊中的「透明度」和「邊緣調合」選項，指定如何最佳化 GIF 和 PNG 影像中的透明像素。

(GIF 和 PNG‑8) 若要讓完全透明的像素保持透明，並將部分透明的像素與某種顏色混合，請選取「透明度」，並選取一種邊緣調合顏色。
若要將完全透明的像素填滿某種顏色，並將部分透明的像素與相同顏色混合，請選取一種邊緣調合顏色並取消選取「透明」。
(GIF 和 PNG-8) 要使透明度大於 50% 的所有像素完全透明，而透明度小於 50% 的所有像素完全不透明，請選取「透明度」，然後從「邊緣調合」選單中選擇「無」。
(PNG-24) 要儲存具有多級透明度 (最多 256 級) 的影像，請選取「透明度」。「邊緣調合」選項被禁用，因為多級透明度允許影像與任何背景顏色混合。

在不支援 PNG-24 透明度的瀏覽器中，可能會將透明像素顯示在預設的背景顏色上，例如灰色。

若要選取邊緣調合顏色，請按一下「邊緣調合」色票，然後在檢色器中選取顏色。或者，從「邊緣調合」選單中選取選項：「滴管顏色」(使用滴管樣本方框中的顏色)、「前景顏色」、「背景顏色」、「白色」、「黑色」或「其他」(使用檢色器)。

「前景顏色」和「背景顏色」選項僅可在 Photoshop 中使用。

檢視最佳化切片的色彩表

切片的色彩表會顯示在「儲存為網頁及裝置用」對話方塊的「色彩表」面板中。

請選取以 GIF 或 PNG-8 格式進行最佳化的切片。所選取切片的色彩表便會顯示在「儲存為網頁及裝置用」的色彩表中。

如果影像具有多個切片，則顏色表中的顏色可能會因切片而異 (您可以先連結切片以防止這種情況發生)。如果選擇使用不同顏色表的多個切片，則顏色表為空，其狀態列會顯示訊息「混合」。

自訂 GIF 和 PNG-8 影像的顏色表

您可以使用「儲存為網頁及裝置用」對話方塊中的色彩表，自訂最佳化 GIF 和 PNG-8 影像中的顏色。減少顏色數通常會在縮減影像檔案大小的同時保持影像品質。

您可以新增和刪除顏色表中的顏色，將所選顏色轉換為網頁安全顏色，並鎖定所選顏色以防止它們從調色盤中刪除。

對顏色表進行排序

從「顏色表調色盤」選單中選擇排序順序：

「未排序」會恢復原始的排序順序。
依色相排序：依標準色輪上顏色的位置排序 (以 0 到 360 度表示)。中性顏色的色相為 0，並位於紅色附近。
「依明度排序」是依顏色的明度或亮度排序。
依熱門程度排序：根據影像中顏色的出現頻率排序。

在顏色表中新增顏色

您可以新增在建立顏色表時留下的顏色。向動態表格新增顏色會將調色盤中的顏色轉換為與新顏色最接近的顏色。將顏色新增至固定表格或自訂表格會向調色盤新增其他顏色。

如果目前在顏色表中選取了任何顏色，請從「顏色表」調色盤選單中選擇「取消選擇所有顏色」以取消選取它們。
執行下列任一項動作來選擇顏色：
- 按一下「儲存為網頁及裝置用」對話方塊中的「滴管顏色」方塊，並從檢色器中選擇顏色。
- 在「儲存為網頁及裝置用」對話方塊中選取「檢色滴管」工具，並按一下影像。
執行下列其中一項：
- 在顏色表中，按一下「新增顏色」選項。
- 選取「顏色表」浮動視窗選單中的「新增顏色」。
- 若要將顏色表切換到自訂調色盤，請在新增顏色時按住 Ctrl (Windows) 或 Command (Mac OS)。
  
  新顏色顯示在顏色表中，右下角有一個白色小方形，表示顏色已鎖定。如果顏色表是動態的，則原始顏色將顯示在左上角，新顏色將顯示在右下角。

在顏色表中選取顏色

顏色表中選定顏色周圍出現白色邊框。

若要選取顏色，請按一下「色彩表」中的顏色。
若要在顏色表中選取多個顏色，請按 Shift 並按一下其他顏色。第一選定顏色和第二選定顏色之間的列中的所有顏色都被選定。若要選取不連續的顏色群組，請按住 Ctrl 鍵 (Windows) 或 Command 鍵 (Mac OS) 並按一下您想要選取的每一個顏色。「色彩表」浮動視窗選單亦提供選取顏色的命令。
若要選取預覽影像中的顏色，請使用「儲存為網頁及裝置用」中的「滴管」工具按一下預覽影像。按 Shift 鍵加滑鼠按鍵，即可選取其他顏色。
若要取消選取全部顏色，請從「色彩表」浮動視窗選單中選擇「取消選取全部顏色」。

轉換顏色

您可以將顏色表中的選定顏色變更為任何其它 RGB 顏色值。重新產生最佳化影像時，所選顏色會隨新顏色在影像中出現的位置而變化。

按兩下顏色表中的顏色以顯示預設檢色器。
選取顏色。

原來的顏色會顯示在色票的左上角，新的顏色則會顯示在右下角。色票右下角的小型方形則代表該顏色已被鎖定。如果轉換為網頁安全顏色，則色票的中心會出現一個小的白色菱形。
若要將已轉換的顏色還原為其原始顏色，請執行下列操作之一：
- 按兩下已轉換顏色的色票。在檢色器中選取原始顏色。按一下「確定」以還原顏色。
- 若要回復顏色表中的所有已轉換顏色 (包括網頁轉換顏色)，請從「顏色表調色盤」選單中選擇「取消轉換所有顏色」。

將顏色調移成最接近的網頁色盤相等色

若要防止顏色在瀏覽器中混色，可以將顏色轉換為網頁調色盤中最接近的顏色。這可確保在 Windows 或 Macintosh 作業系統的只能顯示 256 種顏色的瀏覽器中顯示顏色時不會混色。

在最佳化的影像或顏色表中選取一個或多個顏色。
執行下列其中一項：
- 在「顏色表」浮動視窗中，按一下「網頁調移」按鈕。
- 從「色彩表」浮動視窗選單中，選擇「調移/解除調移選取的顏色到/從網頁調色盤」。原來的顏色會顯示在色票的左上角，新的顏色則會顯示在右下角。色票中央的小型白色菱形代表該顏色為網頁安全色；色票右下角的小型方形則代表該顏色已被鎖定。
若要設定轉換容許度，請輸入網頁對齊值。值越高，轉換的顏色越多。
若要變更網頁轉換顏色，請執行下列任一操作：
- 選取顏色表中的網頁轉換顏色，並在「顏色表」調色盤中按一下「網頁轉換」按鈕。
- 若要回復色彩表中的所有網頁調移顏色，請從「色彩表」浮動視窗選單中選取「解除全部色彩調移」。

將顏色對應到透明

透過將現有顏色對應到透明度，您可以為最佳化影像新增透明度。

在最佳化的影像或顏色表中選取一個或多個顏色。
執行下列其中一項：
- 在「顏色表」浮動視窗中，按一下「對應透明度」按鈕。
- 從「顏色表」浮動視窗選單中，選擇「對應/解除對應選取的顏色到/從透明」。
  
  每一個對應的顏色中有一半會顯示透明格點。色票右下角的小型方形則代表該顏色已被鎖定。
若要將透明度還原為原始顏色，請執行下列操作之一：
- 選取要回復的顏色，然後按一下「對應透明」按鈕，或是從「顏色表」浮動視窗選單中選擇「對應/解除對應選取的顏色到/從透明」。
- 若要回復所有對應透明度的顏色，請選擇「解除對應全部透明色」。

鎖定或解除鎖定顏色

您可以鎖定色彩表中選取的顏色，以避免這些顏色在減少顏色數目時被刪除，並可以避免它們在應用程式中進行混色。

鎖定顏色並不能避免顏色在瀏覽器中進行混色。

在顏色表中選取一個或多個顏色。
請進行下列任一項動作以鎖定顏色︰
- 按一下「鎖定」按鈕。
- 從「顏色表」浮動視窗選單中選擇「鎖定/解除鎖定選取的顏色」。
每一個鎖定顏色的右下角都會出現白色的方形。
請進行下列任一項動作以解除鎖定顏色︰
- 按一下「鎖定」按鈕。
- 從「顏色表」浮動視窗選單中選擇「鎖定/解除鎖定選取的顏色」。
白色方形從色票中消失。

刪除所選顏色

您可以從顏色表中刪除選定顏色以縮減影像檔案大小。刪除顏色時，先前包含該顏色的最佳化影像的區域將使用調色盤中剩餘的最接近的顏色重新轉譯。

刪除顏色時，顏色表會自動變更為自訂調色盤。這是因為在重新最佳化影像時，自適應、感應式和選擇性調色盤會自動將刪除的顏色重新新增到調色盤中。在重新最佳化影像時，自訂調色盤不會更改。

在顏色表中選取一個或多個顏色。
請進行下列任一項動作以刪除顏色︰
- 按一下「刪除」圖示。
- 從「色彩表」浮動視窗選單中選取「刪除顏色」。

儲存色彩表

您可以從最佳化影像中儲存顏色表，以便與其他影像一起使用，並載入在其他應用程式中建立的顏色表。一旦將新顏色表載入到影像中，最佳化影像中的顏色將會變更，以反映新顏色表中的顏色。

從「顏色表」調色盤選單中選取「儲存顏色表」。
命名顏色表並選擇儲存位置。預設情況下，顏色表檔案的副檔名為 .act (對於 Adobe 顏色表)。

如果要在為 GIF 或 PNG 影像選取最佳化選項時存取顏色表，請將顏色表儲存在 Photoshop 應用程式資料夾內的「最佳化顏色」資料夾中。
按一下「儲存」。

當您重新載入色彩表時，所有的調移顏色都將顯示為完整的色票，而且會取消鎖定。

載入顏色表

從「顏色表」調色盤選單中選取「載入顏色表」。
瀏覽到包含您想載入之色彩表的檔案，可能是 Adobe 色彩表檔案 (.act)、Adobe 色票檔案 (.aco) 或 GIF 檔案 (用來載入檔案的嵌入色彩表)。
按一下「開啟」。

PNG-24 最佳化選項

PNG-24 適用於壓縮連續色調影像，但它產生的檔案比 JPEG 格式大得多。使用 PNG-24 的優點是，它可以在影像中保留多達 256 級的透明度。