1. Design & Illustration
  2. Add-Ons
  3. Photoshop Actions

十種優化GIF文件的好辦法

GIF是用於壓縮圖像的標誌格式,能夠保留大面積的純色和清晰的細節。  雖然在引入JPG和PNG後被淘汰,但由於幀動畫的原因仍活躍在WEB中。  本教程中,我們將研究將視頻轉換為GIF的壹系列辦法,以及壹些優化方法。讓我們開始吧!
Scroll to top
This post is part of a series called Animation in Adobe Photoshop.
How to Create an Animated Pixel Art Sprite in Adobe Photoshop
Create Your Own Animated Pre-loader in Photoshop

Chinese (Traditional) (中文(繁體)) translation by Fuhuan (you can also view the original English article)

GIF是用於壓縮圖像的標誌格式,能夠保留大面積的純色和清晰的細節。  雖然在引入JPG和PNG後被淘汰,但由於幀動畫的原因仍活躍在WEB中。  本教程中,我們將研究將視頻轉換為GIF的壹系列辦法,以及壹些優化方法。讓我們開始吧!

順道提壹下:如果妳經常使用GIF的話,可能會需要這個PS動作來幫妳快捷制作GIF動圖。

Please accept marketing cookies to load this content.

1.剪切動畫

在大多數時間裏,妳並不需要那麽多幀,妳需要進行修剪。  在大多數時間裏,妳並不需要那麽多幀,妳需要進行修剪。 打開軟件,壹直修剪到足夠好位置。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

2.減小圖片大小

妳可以從圖像菜單裏調整圖像大小,或者在保存為WEB中修改。我更喜歡壹開始就設置好。  當妳調整圖像的時候,視頻圖層會變成壹個智能對象,不過它不會影響我們進行工作的。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

3.保存為WEB格式

我比較傾向於不在時間軸上面進行修改,保存為WEB格式更有利於後期輸出。  值得註意的是,如果妳還想縮減圖像大小,可以在對話框右下角進行修改。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

4.減少幀的數量

妳可以用軟件打開GIF,然後刪除壹些幀來減小GIF的大小。  然後將剩下的幀的持續時間增加壹點點。  不然他們會非常快的。當妳做完這些,妳會發現新的GIF比原來小得多。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

5.顏色深度

另壹個與GIF大小有關系的就是所用顏色的深度了。  壹般來說使用64位或者以下的顏色深度比較合適,但是如果視頻太差,妳可能需要增加顏色深度。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

6.哪種顏色還原算法選擇哪壹個?

  • 感知:人眼具有更高的灵敏度,以此创建自定义颜色表。
  • 選擇性:創建壹個類似於感知顏色表的顏色表,有利於廣泛的顏色和網頁顏色的保存。 該色表通常是默認選擇。
  • 自適應:通過從圖像中最常出現的光譜中抽取顏色來創建自定義顏色表。  例如,僅具有綠色和藍色陰影的圖像產生主要由綠色和藍色制成的顏色表。大多數圖像將色彩集中在光譜的特定區域。
  • 限制:使用Windows和Mac OS的8位(256色)面板通用的標準216色。  當使用它的時候不會出現啥大錯。
10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

7.抖動

由於GIF含有的顏色有限,我們可能需要使用抖動來模擬缺失的顏色。 在“抖動”菜單裏,我們選擇這種模仿的算法之壹。“擴散”能讓讓我們調整抖動量。 使用“模式”和“噪聲”算法則沒有任何變化。 圖像中抖動越多,文件越大。抖動將不同顏色的像素添加到靠近的位置,以模擬次要顏色或顏色的平滑灰度。  某些圖像必須有抖動才能保持視覺效果,但最好少用。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

8.網絡捕捉,有損壓縮,透明和隔行掃描

  • Web Snap用於幫助防止瀏覽器中的抖動。 它通過將某些顏色定向到網絡安全色。 GIF中存在的網絡安全色彩越多,顯示誤差越少。當為0%,完全壹致。
  • 有損壓縮會影響視覺效果,這可以減少文件大小。
  • 如果圖像包含透明度,請選擇透明度以保留透明像素; 取消選擇透明度以使用無光澤顏色填充完全和部分透明的像素。
  • 隔行掃描的GIF文件會在瀏覽器中重復加載(如漸進JPEG)。


9.比較原始版本和優化後的版本

壹旦妳進行了大量的修改,妳可以使用2 - 視圖來檢查修改前後的差距。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

10.預覽,保存預設和優化文件大小

如果妳對設置感到滿意,請使用瀏覽器中的“預覽”功能查看最終效果,並不要忘記將設置保存為預設。妳還可以使用優化菜單中的此附加選項指定文件大小限制,應用時,PS將嘗試以盡可能最佳的圖像質量來適應尺寸。

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File