DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 圖像文件格式有哪些以及如何選擇
圖像文件格式有哪些以及如何選擇
編輯:前端技巧     
一、哪三種格式?
分別為:gif、jpg、png。

二、優化圖像文件為何重要?
對於訪問量不高的網站而言,圖像的優化也許並不會引起我們太大的關注,但是如果日訪問量都在數以萬計的網站,簡單舉例是100000,那麼某張圖片的大小減小3k,一個月下來就節省了9G的帶寬,這不管對於同時訪問該網站的用戶,還是網站運營本身來說,都將減少更少的開銷。

三、不得不提及的幾個概念
1、有損壓縮與無損壓縮
關於這兩個概念,我在淘寶UED的blog上看到相關的文章,覺得很不錯,鏈接進入圖片格式與設計那點事兒。
2、色深
指某種圖像格式包含的顏色的多少。用位表示,如8位色深表示256種顏色。

四、三種格式的簡介
1、gif
(1)只支持8位色深模式,即在同一張圖像上只能存在256種顏色,如果超出,則某些顏色信息將丟失。
(2)支持1位透明度,即要麼全透明,要麼不透明。
(3)支持基於桢的簡單動畫(這是其他兩種格式所不具備的)
(4)何時可用?顏色值較少,有大塊相同顏色區域的圖像適合保存為此格式。
2、jpg
(1)支持24位色深
(2)不支持透明度
(3)可對該格式的圖像進行壓縮,壓縮的時候可設置等級。等級越高,圖像越清晰,但是文件也就越大;反之亦然。所以在壓縮的時候必須在圖像質量和文件大小之間權衡利弊。
(4)何時可用?顏色值較多,色彩和細節豐富的圖像適合保存為此格式。
3、png
(1)提供兩種色深模式:8位和24位。
(2)24位色深的png文件能做到無損壓縮,但是文件也相應的會很大,並且在ie6下不被支持。
(3)8位色深的png文件使用了類似gif的顏色索引,且在多數情況下,同等設置下用的png壓縮的圖像要比gif小。
(4)何時可用?推薦使用8位色深的png文件。

五、結語
選擇圖像文件格式應該在透明度、色深、壓縮率三者之間權衡一番,如果顏色色彩豐富,並且無需透明度支持,那麼jgp無疑是最合適的選擇;如果需要透明度支持,那麼jpg無疑又是第一個得排除的選項。通過以上三種格式的簡介,相信大家對怎麼選擇圖像文件格式會有一定的了解的。

本文擴展
數碼單反的優秀成像質量除了建立在良好的硬件配置上以外,在圖像的後期處理上也有很大的自由度。提到這一點就不得不提到一個因素:圖像的文件格式。也許有人會說?圖片格式有什麼好講的?其實不然,這裡面的學問非常之大。

對於數碼單反,我們通常要跟三種圖像文件格式打交道:JPEG、RAW和TIFF。而普通消費類產品,僅僅支持JPEG一種格式而已。那麼,三者究竟有什麼區別,又該怎麼使用呢?
JPEG格式是目前應用最廣泛的文件格式,文件後綴名為JPG,這是一種有損壓縮格式,類似於音樂的中的MP3。數碼單反拍攝的JPEG圖像,是經過了相機內部的各種處理(亮度、對比度、飽和度和白平衡)而得到的最後“結果”,使用非常簡單。目前盡管如今的JPG已經能提供相當好的圖像質量,但在挑剔的人看來,仍然是一種壓縮格式。另外,JPEG的後期處理空間相對有限。所以,JPEG還不能應付最苛刻的條件。

RAW的意思是“原始數據格式”,它包含的是相機的感光元件(CCD或者CMOS)的最初感光數據,沒有經過相機的任何處理。RAW文件有什麼優勢?可以這麼理解:拍照的過程是做一道菜,RAW文件中的那些原始數據就是做菜的原料。相機直接出JPEG的圖片意味著用較短的時間直接做出來。而使用RAW文件,意味著你可以把這些原料保存下來,交給另外一位大廚,他可以用更多的時間對其精雕細琢。這樣,出來的味道自然不同。並且,隨著後期軟件的不斷升級,最終出片的效果還有提高的可能。

由於RAW非常的“原始”,所以,不同品牌、不同型號的數碼單反的文件格式幾乎不通用,需要用專用的軟件才能處理。例如佳能的有DigitalPhotoProfessional,尼康的有NikonCaptureNX,還有一些通用軟件,例如AdobePhotoshopCS2等等。由於互不兼容,所以文件後綴名也是多種多樣的,例如佳能的CRW、CR2,尼康的NEF和索尼ARW等等。RAW還有一個優勢。如果你後期對圖像做了各種調節,也不會損失圖像質量。而JPG如果後期調整,在壓縮的基礎上繼續壓縮,只能造成更多的損失。

除了JPEG和RAW格式以外,還有一種TIFF格式,文件後綴名為TIF。對數碼單反而言,TIFF扮演的角色是RAW文件的最終處理結果。也就是說,RAW文件經過處理,最終轉化而成的,就是TIFF文件。這裡面的理由有兩點:第一,TIFF也是所有的圖像處理軟件都支持的一種格式,應用廣泛。第二,它是一種不壓縮的格式,可以最大限度地保證畫面的質量。所以,從RAW轉化到TIFF,可以保證整個過程是無損的。這也是最大限度發揮數碼單反成像質量優勢的終極辦法。當然,RAW也可以轉化為JPEG文件,只是,這樣就失去了使用RAW的意義了——到最後,還要經過一次有損壓縮,RAW的價值就大打折扣了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved