幾點說明
中文翻譯版可能包含錯誤,應以 W3C 官方網站的英文原版為准
上方導航欄中可以查看每個小貼士的英文原版及繁體中文版
版權資訊在頁面最下方
GIF 還是 PNG?
PNG 與 GIF 比較
本貼士中,我們將探究網路上常用來描繪簡單圖像、模式圖或標識的兩種主要圖像格式:
- GIF 格式(Graphics Interchange Format,圖形交換格式的英文縮寫)於 80 年代後期開發,目前仍然被廣泛使用。
- PNG(Portable Network Graphics,可移植網路圖形的英文縮寫)於 1995 年左右開發,1996 年被 W3C 所推薦,1998 年時就已經被大多數網頁流覽器所支持。
GIF
GIF 格式使用了一種通過保存顏色痕跡來減小檔體積的被稱為 LZW 的壓縮演算法。
GIF 的優點在於它被極廣泛地支持,並且是既定的簡單網路圖像的默認選擇。與其他格式(尤其是 PNG)相比,GIF 並沒有技術上的優勢,但在 PNG 格式剛起步並仍在成長階段時,它的確是更安全的選擇。也許在本優質小貼士寫就的時候,它仍然是更安全的選擇,雖然程度比以前降低了。
但 GIF 格式存在一個問題,那就是 LZW 演算法被美國公司 Unisys 持有的 專利 所保護。Unisys 公司的 LZW 專利在美國於2003年6月20日失效。LZW 專利目前已在加拿大、法國、義大利、德國、英國和日本 失效。
PNG
PNG(可移植網路圖形),一種無損、可移植、良好壓縮儲存作光柵圖像的可擴展檔格式。PNG 提供了不受專利限制的替代 GIF 和在多數情況下替代 TIFF 的選擇。支援索引色、灰度,和真彩色圖像,並且提供一個可選的 alpha 通道。色深支持 1 至 16 位。
對於網路應用來說,PNG 對比 GIF 有三個主要優點:
- alpha 通道(可變的透明度),
- 跨平臺的 gamma 校正(控制圖像的亮度)和顏色校正
- 二維隔行掃描(一種漸進顯示的方法)。
另外,PNG 常比 GIF 有更高的壓縮率(一般高出 5% 到 25%)。
這裏需要說明的是,一些老的流覽器對 PNG 支持不好,或者不支援透明特性。關於不同的流覽器對 PNG 的支持程度,請參見下面這些文章:
延伸閱讀
關於“優質小貼士”
The W3C 優質小貼士 是為網頁開發者和設計者提供的一些有用的小短文,由 W3C 的 Quality Assurance Interest Group 負責管理和輯寫。中文版由 ZDYX(張杜一雄)維護。
雖然這些小貼士都被小組成員認真審查過,但這只是我們向你提供的點滴技巧。請注意,它們 不能 被認為是 W3C 的技術規範。
學習更多的技巧,瞭解怎樣提交你自己的智慧點滴,以及閱讀其他的優質小貼士,盡在 小貼士索引。
