當前位置:首頁 » 網頁前端 » web常見的圖片類型
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web常見的圖片類型

發布時間: 2022-09-25 18:34:01

Ⅰ 常用的WEB圖像格式有哪些

PNG 格式是WEB 圖像中最通用的格式。它是一種無損壓縮格式,但是如果
沒有插件支持,有的瀏覽器可能不支持這種格式。PNG 格式最多可以支持32 位
顏色,但是不支持動畫圖。
2、GIF(Graphics Interchange Format)
GIF 是Web 上最常用的圖像格式,它可以用來存儲各種圖像文件。特別適
用於存儲線條、圖標和電腦生成的圖像、卡通和其它有大色塊的圖像。GIF 文
件非常小,它形成的是一種壓縮的8 點陣圖像文件,所以最多隻支持256 種不同
的顏色。Gif 支持動態圖、透明圖和交織圖。
3、BMP(Windows Bitmap)
BMP 格式使用的是索引色彩,它的圖像具有極其豐富的色彩,可以使用16M
色彩渲染圖像。此格式一般用在多媒體演示和視頻輸出等情況下。
4、TIFF(Tag Inage File Format)
TIFF 格式是對色彩通道圖像來說最有用的格式,支持24 個通道,能存儲
多於4 個通道。TIFF 格式的結果要比其它格式更大、更復雜,它非常適合於印刷和輸出。
5、JPEG(Joint Photographic Experts Group)
JPEG 是Web 上僅次於GIF 的常用圖像格式。JPEG 是一種壓縮得非常緊湊的
格式,專門用於不含大色塊的圖像。JPEG 的圖像有一定的失真度,但是在正常
的損失下肉眼分辨不出JPEG 和GIF 圖像的差別。,而JPEG 文件只有GIF 文件
的1/4 大小。JPEG 對圖標之類的含大色塊的圖像不很有效,不支持透明圖和動態圖。
6、TGA(Targa)
TGA 格式與TIFF 格式相同,都可以用來處理高質量的色彩通道圖形。
另外,PDD、PSD 格式也是存儲包括通道的RGB 圖像的最常見的文件格式。

Ⅱ Web圖片的常見壓縮格式

本文簡單介紹幾種常見的圖片格式,對比壓縮率和質量。

PNG是一種非常流行的無損壓縮格式,所有的瀏覽器都支持這種格式。 它提供了卓越的圖像質量,但是通常來說壓縮率較低。

本文將使用PNG圖片作為基準,對比其他有損格式壓縮,檢查圖片質量並對圖片質量進行評分。

雖然PNG格式老,體積大,但它仍然在網路上佔有一席之地,尤其是在一些對畫質要求很高的場景。同時對於邊緣非常銳利的圖像(例如包含文本的圖像),也建議選擇PNG。 對此類圖片,PNG壓縮與其他格式(包括有損壓縮)相比,文本圖像使用PNG實際上具有更高的壓縮率,並且具有更好的質量優勢。

PNG有兩種模式:24位或8位顏色深度。 前者用於表示照片,後者用於文本圖像,單色照片或Logo圖像。 

BMP只是一個圖像的容器,不提供壓縮。 這是一種格式,主要在圖像處理中使用,譬如說Windows裡面的調色板。

BMP的尺寸很容易計算,譬如說解析度是1920x1080p的RGB圖像,整個的存儲空間大約就是1920 x 1080 x 3 ,大約5MB。可以看得出來,BMP文件的大小明顯大於壓縮格式,包括PNG。通常來說,沒有特殊情況,不應在網站上使用BMP圖片,不過實際情況下網站上還是有很多BMP圖像的。

一般來說,如果想要文件更小,就需要花費更多的處理時間來對文件進行編碼,而解碼時間一般來說相差不大。

回顧一下,BMP圖像質量很好,瀏覽器支持廣泛,但是文件尺寸卻非常大。

GIF作為動畫格式非常流行,不管是微信裡面轉發的動圖表情,還是網站上的動圖,都隨處可見,所有的瀏覽器也都支持GIF圖像。

GIF具有無損壓縮和有損壓縮的混合特性。像素表示形式是無損的,但是顏色深度限制為每個像素8位(即每個圖像轉換為256色,原始的圖像如果是RGB格式的,每個像素實際上使用24位來表示的)。這意味著文件將包含較少的顏色(每個文件最多包含256種不同的顏色),但文件體積更小。 這是24位PNG和8位GIF之間的色彩表示的比較。

可以明顯看到GIF圖像有輪廓效應,這是因為GIF無法表示豐富的色彩。

GIF不適合表示照片或任何其他內容豐富的圖片。但是它們對於簡單的徽標,圖標等很有用,因為這些圖片顏色不多,而且純色居多。根據我的經驗,與GIF相比,8位PNG生成的文件更小,所以對於靜態圖片而言,建議採用8bit PNG。

SVG格式比較特殊,與其他格式有很大不同。 SVG圖像存儲的是幾何形狀,而不是每個像素的值。 它的主要優勢是可以無限放大而不會造成質量損失,具體可以看下圖的對比:

SVG文件類型主要用於徽標,但也用於幾何形狀的圖像。 這種文件的主要缺點是:

對於徽標等小圖片,文件大小通常比PNG或WebP大,尤其對於形狀復雜,不規則的logo。在大多數情況下,無法將圖片有效地轉換為SVG(有一些工具說可以做到這一點,但效果並不理想)。

不論視圖大小如何,SVG文件的圖像質量都很高。 所有現代瀏覽器都支持它。

JPEG是網路圖像的王者。 網路上絕大多數的圖像以JPEG格式存儲,具體的份額可以參考下圖:

什麼使JPEG如此流行? JPEG文件對於絕大多數文件通常都很小。 它的壓縮使用有損演算法,通過犧牲人眼不太敏感的區域的質量來最小化大小。

這種方法可顯著減小尺寸,通常不會出現明顯的變形。 我們可以對比下JUNO探測器拍攝的這張木星照片。

原始PNG照片(2MB)   JPEG最好的質量(1MB) JPEG默認的質量

使用JPEG壓縮,我們可以大幅度縮小尺寸(超過90%),而不會造成質量損失。 當我們放大這些圖片時,質量上也沒有很大的損失。

JPEG並不是對於所有圖像都很管用,如前面介紹PNG時所說的,對於具有銳利邊緣和顏色比較少的圖像,JPEG並不是非常管用。常見的例子就是包含文字的圖片,另一個是徽標:

在這幅圖片裡面,JPEG圖像大約2KB(是PNG文件的兩倍),同時放大來看,JPEG對於邊緣的表示並不理想,同時顏色也有失真。失真非常明顯,即使在圖像的未縮放部分上也清晰可見。

JPEG有兩種格式,一種是Baseline JPEG,一種是Progressive JPEG.

兩者之間的視覺差異是載入圖像的方式。 隨著數據的到達,Baseline從上到下載入圖像。 Progressive以非常低的質量一次列印整個圖像,並且隨著數據的到達,圖像得到了改善。 這里是展示差異的動畫:

JPEG之外的世界– WebP

JPEG壓縮可以很好地減小文件大小,不過JPG已經過時了。 如您所知,IT開發的幾年就像外面的一個世紀一樣。 

最近幾年已經有更新的編碼方法(例如mozJPG),但核心思想保持不變。

同時還有其他的格式在圖像質量和文件大小方面都更好(BPG, JPEG 2000, JPEG XR),但因為某些格式受專利保護,無法在網路上廣泛使用。

幸運的是,有一個可供公眾使用的WebP。 目前,這種格式由Google開發並開源,並採用無損和有損壓縮以最小化文件大小。許多現代瀏覽器都支持它,但覆蓋范圍仍然存在差距。 截至2018年8月,全球將近75%的用戶使用支持WebP圖像的瀏覽器瀏覽Web。 WebP圖像的文件大小和質量看起來很有希望。除了壓縮性能出色外,它的最大優勢還在於多功能性。 它可以有損和無損壓縮,具有特定的顏色深度,透明度和動畫效果。 它在所有這些領域中也表現出色。

簡單總結下,對於靜態圖片幾種格式的對比如下:

下一篇介紹下常見的動態格式有哪些。

Ⅲ 網頁設計中常用的圖像文件格式及其特點

一、BMP格式 BMP是英文Bitmap(點陣圖)的簡寫,它是Windows操作系統中的標准圖像文件格式,能夠被多種Windows應用程序所支持.隨著Windows操作系統的流行與豐富的Windows應用程序的開發,BMP點陣圖格式理所當然地被廣泛應用.這種格式的特點是包含的圖像信息較豐富,幾乎不進行壓縮,但由此導致了它與生俱生來的缺點--佔用磁碟空間過大.所以,目前BMP在單機上比較流行. 二、GIF格式 GIF是英文Graphics Interchange Format(圖形交換格式)的縮寫.顧名思義,這種格式是用來交換圖片的.事實上也是如此,上世紀80年代,美國一家著名的在線信息服務機構CompuServe針對當時網路傳輸帶寬的限制,開發出了這種GIF圖像格式. GIF格式的特點是壓縮比高,磁碟空間佔用較少,所以這種圖像格式迅速得到了廣泛的應用. 最初的GIF只是簡單地用來存儲單幅靜止圖像(稱為GIF87a),後來隨著技術發展,可以同時存儲若干幅靜止圖象進而形成連續的動畫,使之成為當時支持2D動畫為數不多的格式之一(稱為GIF89a),而在GIF89a圖像中可指定透明區域,使圖像具有非同一般的顯示效果,這更使GIF風光十足.目前Internet上大量採用的彩色動畫文件多為這種格式的文件,也稱為GIF89a格式文件. 此外,考慮到網路傳輸中的實際情況,GIF圖像格式還增加了漸顯方式,也就是說,在圖像傳輸過程中,用戶可以先看到圖像的大致輪廓,然後隨著傳輸過程的繼續而逐步看清圖像中的細節部分,從而適應了用戶的"從朦朧到清楚"的觀賞心理.目前Internet上大量採用的彩色動畫文件多為這種格式的文件. 但GIF有個小小的缺點,即不能存儲超過256色的圖像.盡管如此,這種格式仍在網路上大行其道應用,這和GIF圖像文件短小、下載速度快、可用許多具有同樣大小的圖像文件組成動畫等優勢是分不開的. 三、JPEG格式 JPEG也是常見的一種圖像格式,它由聯合照片專家組(Joint Photographic Experts Group)開發並以命名為"ISO 10918-1",JPEG僅僅是一種俗稱而已.JPEG文件的擴展名為.jpg或.jpeg,其壓縮技術十分先進,它用有損壓縮方式去除冗餘的圖像和彩色數據,獲取得極高的壓縮率的同時能展現十分豐富生動的圖像,換句話說,就是可以用最少的磁碟空間得到較好的圖像質量. 同時JPEG還是一種很靈活的格式,具有調節圖像質量的功能,允許你用不同的壓縮比例對這種文件壓縮,比如我們最高可以把1.37MB的BMP點陣圖文件壓縮至20.3KB.當然我們完全可以在圖像質量和文件尺寸之間找到平衡點. 由於JPEG優異的品質和傑出的表現,它的應用也非常廣泛,特別是在網路和光碟讀物上,肯定都能找到它的影子.目前各類瀏覽器均支持JPEG這種圖像格式,因為JPEG格式的文件尺寸較小,下載速度快,使得Web頁有可能以較短的下載時間提供大量美觀的圖像,JPEG同時也就順理成章地成為網路上最受歡迎的圖像格式. 四、JPEG2000格式 JPEG 2000同樣是由JPEG 組織負責制定的,它有一個正式名稱叫做"ISO 15444",與JPEG相比,它具備更高壓縮率以及更多新功能的新一代靜態影像壓縮技術. JPEG2000 作為JPEG的升級版,其壓縮率比JPEG高約30%左右.與JPEG不同的是,JPEG2000 同時支持有損和無損壓縮,而 JPEG 只能支持有損壓縮.無損壓縮對保存一些重要圖片是十分有用的.JPEG2000的一個極其重要的特徵在於它能實現漸進傳輸,這一點與GIF的"漸顯"有異曲同工之妙,即先傳輸圖像的輪廓,然後逐步傳輸數據,不斷提高圖像質量,讓圖象由朦朧到清晰顯示,而不必是像現在的 JPEG 一樣,由上到下慢慢顯示. 此外,JPEG2000還支持所謂的"感興趣區域"特性,你可以任意指定影像上你感興趣區域的壓縮質量,還可以選擇指定的部份先解壓縮. JPEG 2000 和 JPEG 相比優勢明顯,且向下兼容,因此取代傳統的JPEG格式指日可待. JPEG2000可應用於傳統的JPEG市場,如掃描儀、數碼相機等,亦可應用於新興領域,如網路傳輸、無線通訊等等. 五、TIFF格式 TIFF(Tag Image File Format)是Mac中廣泛使用的圖像格式,它由Als和微軟聯合開發,最初是出於跨平台存儲掃描圖像的需要而設計的.它的特點是圖像格式復雜、存貯信息多.正因為它存儲的圖像細微層次的信息非常多,圖像的質量也得以提高,故而非常有利於原稿的復制. 該格式有壓縮和非壓縮二種形式,其中壓縮可採用LZW無損壓縮方案存儲.不過,由於TIFF格式結構較為復雜,兼容性較差,因此有時你的軟體可能不能正確識別TIFF文件(現在絕大部分軟體都已解決了這個問題).目前在Mac和PC機上移植TIFF文件也十分便捷,因而TIFF現在也是微機上使用最廣泛的圖像文件格式之一. 六、PSD格式 這是著名的Adobe公司的圖像處理軟體Photoshop的專用格式Photoshop Document(PSD).PSD其實是Photoshop進行平面設計的一張"草稿圖",它裡麵包含有各種圖層、通道、遮罩等多種設計的樣稿,以便於下次打開文件時可以修改上一次的設計.在Photoshop所支持的各種圖像格式中,PSD的存取速度比其它格式快很多,功能也很強大.由於Photoshop越來越被廣泛地應用,所以我們有理由相信,這種格式也會逐步流行起來. 七、PNG格式 PNG(Portable Network Graphics)是一種新興的網路圖像格式.在1994年底,由於Unysis公司宣布GIF擁有專利的壓縮方法,要求開發GIF軟體的作者須繳交一定費用,由此促使免費的png圖像格式的誕生.PNG一開始便結合GIF及JPG兩家之長,打算一舉取代這兩種格式.1996年10月1日由PNG向國際網路聯盟提出並得到推薦認可標准,並且大部分繪圖軟體和瀏覽器開始支持PNG圖像瀏覽,從此PNG圖像格式生機煥發. PNG是目前保證最不失真的格式,它汲取了GIF和JPG二者的優點,存貯形式豐富,兼有GIF和JPG的色彩模式;它的另一個特點能把圖像文件壓縮到極限以利於網路傳輸,但又能保留所有與圖像品質有關的信息,因為PNG是採用無損壓縮方式來減少文件的大小,這一點與犧牲圖像品質以換取高壓縮率的JPG有所不同;它的第三個特點是顯示速度很快,只需下載1x64的圖像信息就可以顯示出低解析度的預覽圖像;第四,PNG同樣支持透明圖像的製作,透明圖像在製作網頁圖像的時候很有用,我們可以把圖象背景設為透明,用網頁本身的顏色信息來代替設為透明的色彩,這樣可讓圖像和網頁背景很和諧地融合在一起. PNG的缺點是不支持動畫應用效果,如果在這方面能有所加強,簡直就可以完全替代GIF和JPEG了.Macromedia公司的Fireworks軟體的默認格式就是PNG.現在,越來越多的軟體開始支持這一格式,而且在網路上也越來截止流行. 八、SWF格式 利用Flash我們可以製作出一種後綴名為SWF(Shockwave Format)的動畫,這種格式的動畫圖像能夠用比較小的體積來表現豐富的多媒體形式.在圖像的傳輸方面,不必等到文件全部下載才能觀看,而是可以邊下載邊看,因此特別適合網路傳輸,特別是在傳輸速率不佳的情況下,也能取得較好的效果.事實也證明了這一點,SWF如今已被大量應用於WEB網頁進行多媒體演示與交互性設計.此外,SWF動畫是其於矢量技術製作的,因此不管將畫面放大多少倍,畫面不會因此而有任何損害.綜上,SWF格式作品以其高清晰度的畫質和小巧的體積,受到了越來越多網頁設計者的青睞,也越來越成為網頁動畫和網頁圖片設計製作的主流,目前已成為網上動畫的事實標准. 九、SVG格式 SVG可以算是目前最最火熱的圖像文件格式了,它的英文全稱為Scalable Vector Graphics,意思為可縮放的矢量圖形.它是基於XML(Extensible Markup Language),由World Wide Web Consortium(W3C)聯盟進行開發的.嚴格來說應該是一種開放標準的矢量圖形語言,可讓你設計激動人心的、高解析度的Web圖形頁面.用戶可以直接用代碼來描繪圖像,可以用任何文字處理工具打開SVG圖像,通過改變部分代碼來使圖像具有互交功能,並可以隨時插入到HTML中通過瀏覽器來觀看. 它提供了目前網路流行格式GIF和JPEG無法具備了優勢:可以任意放大圖形顯示,但絕不會以犧牲圖像質量為代價;字在SVG圖像中保留可編輯和可搜尋的狀態;平均來講,SVG文件比JPEG和GIF格式的文件要小很多,因而下載也很快.可以相信,SVG的開發將會為Web提供新的圖像標准. 其它非主流圖像格式: 1、PCX格式 PCX格式是ZSOFT公司在開發圖像處理軟體Paintbrush時開發的一種格式,這是一種經過壓縮的格式,佔用磁碟空間較少.由於該格式出現的時間較長,並且具有壓縮及全彩色的能力,所以現在仍比較流行. 2、DXF格式 DXF(Autodesk Drawing Exchange Format)是AutoCAD中的矢量文件格式,它以ASCII碼方式存儲文件,在表現圖形的大小方面十分精確.許多軟體都支持DXF格式的輸入與輸出. 3、WMF格式 WMF(Windows Metafile Format)是Windows中常見的一種圖元文件格式,屬於矢量文件格式.它具有文件短小、圖案造型化的特點,整個圖形常由各個獨立的組成部分拼接而成,其圖形往往較粗糙. 4、EMF格式 EMF(Enhanced Metafile)是微軟公司為了彌補使用WMF的不足而開發的一種Windows 32位擴展圖元文件格式,也屬於矢量文件格式,其目的是欲使圖元文件更加容易接受 5、LIC(FLIxFLC)格式 Flic格式由Autodesk公司研製而成,FLIC是FLC和FLI的統稱:FLI是最初的基於320×200解析度的動畫文件格式,而FLC則採用了更高效的數據壓縮技術,所以具有比FLI更高的壓縮比,其解析度也有了不少提高. 6、EPS格式 EPS(Encapsulated PostScript)是PC機用戶較少見的一種格式,而蘋果Mac機的用戶則用得較多.它是用PostScript語言描述的一種ASCII碼文件格式,主要用於排版、列印等輸出工作. 7、TGA格式 TGA(Tagged Graphics)文件是由美國Truevision公司為其顯示卡開發的一種圖像文件格式,已被國際上的圖形、圖像工業所接受.TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,是計算機生成圖像向電視轉換的一種首選格式

Ⅳ 圖片類型有哪些

1、BMP

BMP(全稱Bitmap)是Windows操作系統中的標准圖像文件格式,可以分成兩類:設備有向量相關點陣圖(DDB)和設備無向量相關點陣圖(DIB),使用非常廣。它採用位映射存儲格式,除了圖像深度可選以外,不採用其他任何壓縮,因此,BMP文件所佔用的空間很大。

2、TIFF

Tag Image File Format,簡寫為TIFF。是一種靈活的點陣圖格式,主要用來存儲包括照片和藝術圖在內的圖像。它最初由Als公司與微軟公司一起為PostScript列印開發。TIFF與JPEG和PNG一起成為流行的高位彩色圖像格式。

3、GIF

GIF文件的數據,是一種基於LZW演算法的連續色調的無損壓縮格式。其壓縮率一般在50%左右,它不屬於任何應用程序。GIF格式可以存多幅彩色圖像,如果把存於一個文件中的多幅圖像數據逐幅讀出並顯示到屏幕上,就可構成一種最簡單的動畫。

4、PNG

是一種無損壓縮的點陣圖片形格式,其設計目的是試圖替代GIF和TIFF文件格式,同時增加一些GIF文件格式所不具備的特性。PNG使用從LZ77派生的無損數據壓縮演算法,一般應用於JAVA程序、網頁或S60程序中,原因是它壓縮比高,生成文件體積小。

5、JPEG

PEG文件的擴展名為其壓縮技術十分先進,它用去除冗餘的圖像和彩色數據,獲取得極高的壓縮率的同時能展現十分豐富生動的圖像,換句話說,就是可以用最少的磁碟空間得到較好的圖像質量。

Ⅳ 常見的web圖片格式有哪些

BMP:Windows 點陣圖
PNG:可移植網路圖形
JPEG:聯合攝影專家組
GIF:圖形交換格式

Ⅵ 網頁設計里常用的圖片格式有哪些

1、PDF格式,是Photoshop圖像處理軟體的專用文件格式,文件擴展名是.psd,也是Photoshop中新建圖像的默認格式。它是唯一支持所有可用圖像模式(點陣圖、灰度、雙色調、索引顏色、RGB、CMYK、Lab和多通道)參考線、Alpha通道、專色通道和圖層(包括調整圖層、文字圖層、圖層效果和圖層蒙板)的格式,是一種非壓縮的原始文件保存格式。網站設計中PSD文件有時容量會很大,但由於可以保留所有原始信息,在圖像處理中對於尚未製作完成的圖像,選用PSD格式保存是最佳的選擇。
當對一張照片處理完成後,保存時選擇Pdf格式,能夠保存各個圖層,通道,蒙版等的所有信息,當再次打開時想要修改某個細節如:刪除某個圖層樣式,修改某個調整圖層或將某個Alpha通道作為選區載入等,都是很方便的。但是一般psd格式圖像文件較大,不便於傳輸,所以一般採用這種格式保存作為作品的備份。
2、GIF圖片格式,GIF是一種調色板型(palette type)(或者說是索引型)的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式,這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代,它導致了大量多餘的曇花一現的「新」圖片(blinking 「new」 images),循環的@符號(rotating @ signs),birds dropping,a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代,在等待一個更新頁面的ajax請求的時候,我們仍然會看到 「loading」動畫,網站建設但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說,如果你有需要,就可以使用動畫支持。
GIF也支持透明度,透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。
3、 PNG圖片格式,PNG的圖片又分為 PNG-8 、 PNG-24 兩種,其中,PNG-8 與 GIF 類似,支持 256 色調色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 擁有的優勢 PNG-8 都擁有,GIF 所沒有的優勢 PNG-8 也有,同樣的文件,PNG-8 格式比 GIF 要小, PNG-8 的特點使得它在網站設計切圖環節深受網站設計師的喜愛。PNG 可以以任何顏色深度存儲圖像,也支持高級別的無損耗壓縮、支持伽瑪校正,支持交錯,受最新 Web 瀏覽器的支持,能夠提供長度比 GIF 小30%的無損壓縮圖像文件,最高支持 48 位真彩色圖像以及 16 位灰度圖像,漸近顯示和流式讀寫,深圳網站設計不足的是較舊的瀏覽器和程序可能不支持 PNG 文件。
4、JPEG圖片格式,是目前網路上最流行的圖像格式,是可以把文件壓縮到最小的格式,在 Photoshop軟體中以JPEG格式儲存時,提供11級壓縮級別,以0—10級表示。其中0級壓縮比最高,圖像品質最差。即使採用細節幾乎無損的10 級質量保存時,壓縮比也可達 5:1。以BMP格式保存時得到4.28MB圖像文件,在採用JPG格式保存時,其文件僅為178KB,壓縮比達到24:1。經過多次比較,採用第8級壓縮為存儲空間與圖像質量兼得的最佳比例。JPEG格式的應用非常廣泛,特別是在網路和光碟讀物上,都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式,因為JPEG格式的文件尺寸較小,下載速度快。
5、BMP圖片格式,BMP是英文Bitmap(點陣圖)的簡寫,它是Windows操作系統中的標准圖像文件格式,在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。隨著Windows操作系統的流行與豐富的Windows應用程序的開發,BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富,深圳網站設計幾乎不進行壓縮,但由此導致了它與生俱生來的缺點--佔用磁碟空間過大。所以,目前BMP在單機上比較流行。BMP點陣圖文件默認的文件擴展名是BMP或者bmp(有時它也會以.DIB或.RLE作擴展名)。
6、TGA圖片格式: TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。
其他還有些網頁設計中比較冷門點的格式,如TIF、PCX等格式,一般就用的非常少,這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。

Ⅶ 常見的web圖片格式有哪些

常見的 JPG GIF PNG 就這三種,因為是常見的 !

Ⅷ 圖片類型有哪些

1、BMP格式

點陣圖(外語簡稱:BMP、外語全稱:Bitmap),它是Windows操作系統中的標准圖像文件格式,能夠被多種Windows應用程序所支持。隨著Windows操作系統的流行與豐富的Windows應用程序的開發,BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富,幾乎不進行壓縮,但由此導致了它與生俱來的缺點——佔用磁碟空間過大,所以,BMP在單機上比較流行。

2、GIF格式

圖形交換格式(外語簡稱:GIF、外語全稱:Graphics Interchange Format),美國一家著名的在線信息服務機構CompuServe針對當時網路傳輸帶寬的限制,開發出了這種GIF圖像格式。

GIF格式的特點是壓縮比高,磁碟空間佔用較少,所以這種圖像格式迅速得到了廣泛的應用。最初的GIF只是簡單地用來存儲單幅靜止圖像(稱為GIF87a),後來隨著技術發展,可以同時存儲若干幅靜止圖像進而形成連續的動畫,使之成為當時支持2D動畫為數不多的格式之一(稱為GIF89a)。

3、JPEG格式

JPEG也是最常見的一種圖像格式,它是由聯合照片專家組(外語全稱:Joint Photographic Experts Group)開發並以命名為「ISO 10918-1」,JPEG僅僅是一種俗稱而已。JPEG文件的擴展名為.jpg或.jpeg,因其壓縮技術十分先進,它用有損壓縮方式去除冗餘的圖像和彩色數據,獲取得極高的壓縮率的同時能展現十分豐富生動的圖像,換句話說,就是可以用最少的磁碟空間得到較好的圖像質量。

4、JPEG2000格式

JPEG 2000同樣是由JPEG 組織負責制定的,它有一個正式名稱叫做"ISO 15444",與JPEG相比,它具備更高壓縮率以及更多新功能的新一代靜態影像壓縮技術。

JPEG2000 作為JPEG的升級版,其壓縮率比JPEG高約30%左右。

與JPEG不同的是,JPEG2000 同時支持有損和無損壓縮,而 JPEG 只能支持有損壓縮。

5、TIFF格式

標簽圖像文件格式(外語簡稱TIFF、外語全稱:TagImage FileFormat)是Mac中廣泛使用的圖像格式,它由Als和微軟聯合開發,最初是出於跨平台存儲掃描圖像的需要而設計的。它的特點是圖像格式復雜、存貯信息多。正因為它存儲的圖像細微層次的信息非常多,圖像的質量也得以提高,故而非常有利於原稿的復制。

6、PSD格式

這是著名的Adobe公司的圖像處理軟體Photoshop的專用格式PhotoshopDocument(PSD)。PSD其實是Photoshop進行平面設計的一張"草稿圖",它裡麵包含有各種圖層、通道、遮罩等多種設計的樣稿,以便於下次打開文件時可以修改上一次的設計。在Photoshop所支持的各種圖像格式中,PSD的存取速度比其它格式快很多,功能也很強大。由於Photoshop越來越被廣泛地應用,所以我們有理由相信,這種格式也會逐步流行起來。

7、PNG格式

攜帶型網路圖形(外語簡稱PNG、外語全稱:Portable Network Graphics)是一種新興的網路圖像格式。在1994年底,由於Unysis公司宣布GIF擁有專利的壓縮方法,要求開發GIF軟體的作者須繳交一定費用,由此促使免費的png圖像格式的誕生。PNG一開始便結合GIF及JPG兩家之長,打算一舉取代這兩種格式。

8、SWF格式

利用Flash我們可以製作出一種後綴名為SWF(Shockwave Format)的動畫,這種格式的動畫圖像能夠用比較小的體積來表現豐富的多媒體形式。在圖像的傳輸方面,不必等到文件全部下載就能觀看,而是可以邊下載邊看,因此特別適合網路傳輸,特別是在傳輸速率不佳的情況下,也能取得較好的效果。

9、SVG格式

可縮放矢量圖形(外語簡稱SVG、外語全稱:Scalable Vector Graphics)可以算是目前最最火熱的圖像文件格式了。它是基於XML(標准通用標記語言的子集),由萬維網聯盟進行開發的。嚴格來說應該是一種開放標準的矢量圖形語言,可讓你設計激動人心的、高解析度的Web圖形頁面。用戶可以直接用代碼來描繪圖像,可以用任何文字處理工具打開SVG圖像,通過改變部分代碼來使圖像具有互交功能,並可以隨時插入到HTML中通過瀏覽器來觀看。

10、JPG格式

聯合照片專家組(外語簡稱jpg、JPEG外語全稱:Joint Photographic Expert Group)。JPEG 圖片以 24 位顏色存儲單個光柵圖像。JPEG是與平台無關的格式,支持最高級別的壓縮,不過,這種壓縮是有損耗的。漸近式 JPEG文件支持交錯。

11、hsb模式

hsb模式是基於人眼對色彩的觀察來定義的,在此模式中,所有的顏色都用色相或色調、飽和度、亮度三個特性來描述。

Ⅸ 網頁中常用的圖片格式有哪些列舉得仔細一點

一、BMP圖像文件格式 BMP是一種與硬體設備無關的圖像文件格式,使用非常廣。它採用位映射存儲格式,除了圖像深度可選以外,不採用其他任何壓縮,因此,BblP文件所佔用的空間很大。BMP文件的圖像深度可選lbit、4bit、8bit及24bit。BMP文件存儲數據時,圖像的掃描方式是按從左到右、從下到上的順序。 由於BMP文件格式是Windows環境中交換與圖有關的數據的一種標准,因此在Windows環境中運行的圖形圖像軟體都支持BMP圖像格式。 典型的BMP圖像文件由三部分組成:點陣圖文件頭數據結構,它包含BMP圖像文件的類型、顯示內容等信息;點陣圖信息數據結構,它包含有BMP圖像的寬、高、壓縮方法,以及定義顏色等信息。 二、 PCX圖像文件格式 PCX這種圖像文件的形成是有一個發展過程的。最先的PCX雛形是出現在ZSOFT公司推出的名叫PC PAINBRUSH的用於繪畫的商業軟體包中。以後,微軟公司將其移植到 Windows環境中,成為Windows系統中一個子功能。先在微軟的Windows3.1中廣泛應用,隨著Windows的流行、升級,加之其強大的圖像處理能力,使PCX同GIF、TIFF、BMP圖像文件格式一起,被越來越多的圖形圖像軟體工具所支持,也越來越得到人們的重視。 PCX是最早支持彩色圖像的一種文件格式,現在最高可以支持256種彩色,如圖4-25所示,顯示256色的彩色圖像。PCX設計者很有眼光地超前引入了彩色圖像文件格式,使之成為現在非常流行的圖像文件格式。 PCX圖像文件由文件頭和實際圖像數據構成。文件頭由128位元組組成,描述版本信息和圖像顯示設備的橫向、縱向解析度,以及調色板等信息:在實際圖像數據中,表示圖像數據類型和彩色類型。PCX圖像文件中的數據都是用PCXREL技術壓縮後的圖像數據。 PCX是PC機畫筆的圖像文件格式。PCX的圖像深度可選為l、4、8bit。由於這種文件格式出現較早,它不支持真彩色。PCX文件採用RLE行程編碼,文件體中存放的是壓縮後的圖像數據。因此,將採集到的圖像數據寫成PCX文件格式時,要對其進行RLE編碼:而讀取一個PCX文件時首先要對其進行 RLE解碼,才能進一步顯示和處理。 三、TIFF圖像文件格式 TIFF (TaglmageFileFormat)圖像文件是由Als和Microsoft公司為桌上出版系統研製開發的一種較為通用的圖像文件格式。 TIFF格式靈活易變,它又定義了四類不同的格式:TIFF-B適用於二值圖像:TIFF-G適用於黑白灰度圖像;TIFF-P適用於帶調色板的彩色圖像:TIFF-R適用於RGB真彩圖像。 TIFF支持多種編碼方法,其中包括RGB無壓縮、RLE壓縮及JPEG壓縮等。 TIFF是現存圖像文件格式中最復雜的一種,它具有擴展性、方便性、可改性,可以提供給IBMPC等環境中運行、圖像編輯程序。 TIFF圖像文件由三個數據結構組成,分別為文件頭、一個或多個稱為IFD的包含標記指針的目錄以及數據本身。 TIFF圖像文件中的第一個數據結構稱為圖像文件頭或IFH。這個結構是一個TIFF文件中唯一的、有固定位置的部分;IFD圖像文件目錄是一個位元組長度可變的信息塊,Tag標記是TIFF文件的核心部分,在圖像文件目錄中定義了要用的所有圖像參數,目錄中的每一目錄條目就包含圖像的一個參數。 四、 GIF文件格式 GIF(Graphics Interchange Format)的原義是"圖像互換格式",是CompuServe公司在 1987年開發的圖像文件格式。GIF文件的數據,是一種基於LZW演算法的連續色調的無損壓縮格式。其壓縮率一般在50%左右,它不屬於任何應用程序。目前幾乎所有相關軟體都支持它,公共領域有大量的軟體在使用GIF圖像文件。 GIF圖像文件的數據是經過壓縮的,而且是採用了可變長度等壓縮演算法。所以GIF的圖像深度從lbit到8bit,也即GIF最多支持256種色彩的圖像。GIF格式的另一個特點是其在一個GIF文件中可以存多幅彩色圖像,如果把存於一個文件中的多幅圖像數據逐幅讀出並顯示到屏幕上,就可構成一種最簡單的動畫。 GIF解碼較快,因為採用隔行存放的GIF圖像,在邊解碼邊顯示的時候可分成四遍掃描。第一遍掃描雖然只顯示了整個圖像的八分之一,第二遍的掃描後也只顯示了1/4,但這已經把整幅圖像的概貌顯示出來了。在顯示GIF圖像時,隔行存放的圖像會給您感覺到它的顯示速度似乎要比其他圖像快一些,這是隔行存放的優點。 五、JPEG文件格式 JPEG是Joint Photographic EXPerts Group(聯合圖像專家組)的縮寫,文件後輟名為".jpg"或".jpeg",是最常用的圖像文件格式,由一個軟體開發聯合會組織制定,是一種有損壓縮格式,能夠將圖像壓縮在很小的儲存空間,圖像中重復或不重要的資料會被丟失,因此容易造成圖像數據的損傷。尤其是使用過高的壓縮比例,將使最終解壓縮後恢復的圖像質量明顯降低,如果追求高品質圖像,不宜採用過高壓縮比例。但是JPEG壓縮技術十分先進,它用有損壓縮方式去除冗餘的圖像數據,在獲得極高的壓縮率的同時能展現十分豐富生動的圖像,換句話說,就是可以用最少的磁碟空間得到較好的圖像品質。而且 JPEG是一種很靈活的格式,具有調節圖像質量的功能,允許用不同的壓縮比例對文件進行壓縮,支持多種壓縮級別,壓縮比率通常在10:1到40:1之間,壓縮比越大,品質就越低;相反地,壓縮比越小,品質就越好。比如可以把1.37Mb的BMP點陣圖文件壓縮至20.3KB。當然也可以在圖像質量和文件尺寸之間找到平衡點。JPEG格式壓縮的主要是高頻信息,對色彩的信息保留較好,適合應用於互聯網,可減少圖像的傳輸時間,可以支持24bit真彩色,也普遍應用於需要連續色調的圖像。 JPEG格式是目前網路上最流行的圖像格式,是可以把文件壓縮到最小的格式,在 Photoshop軟體中以JPEG格式儲存時,提供11級壓縮級別,以0—10級表示。其中0級壓縮比最高,圖像品質最差。即使採用細節幾乎無損的10 級質量保存時,壓縮比也可達 5:1。以BMP格式保存時得到4.28MB圖像文件,在採用JPG格式保存時,其文件僅為178KB,壓縮比達到24:1。經過多次比較,採用第8級壓縮為存儲空間與圖像質量兼得的最佳比例。 JPEG格式的應用非常廣泛,特別是在網路和光碟讀物上,都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式,因為JPEG格式的文件尺寸較小,下載速度快。 JPEG2000作為JPEG的升級版,其壓縮率比JPEG高約30%左右,同時支持有損和無損壓縮。JPEG2000格式有一個極其重要的特徵在於它能實現漸進傳輸,即先傳輸圖像的輪廓,然後逐步傳輸數據,不斷提高圖像質量,讓圖像由朦朧到清晰顯示。此外,JPEG2000還支持所謂的"感興趣區域" 特性,可以任意指定影像上感興趣區域的壓縮質量,還可以選擇指定的部分先解壓縮。 JPEG2000和JPEG相比優勢明顯,且向下兼容,因此可取代傳統的JPEG格式。JPEG2000即可應用於傳統的JPEG市場,如掃描儀、數碼相機等,又可應用於新興領域,如網路傳輸、無線通訊等等。 六、TGA格式 TGA格式(Tagged Graphics)是由美國Truevision公司為其顯示卡開發的一種圖像文件格式,文件後綴為".tga",已被國際上的圖形、圖像工業所接受。 TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有很大影響,是計算機生成圖像向電視轉換的一種首選格式。 TGA圖像格式最大的特點是可以做出不規則形狀的圖形、圖像文件,一般圖形、圖像文件都為四方形,若需要有圓形、菱形甚至是縷空的圖像文件時,TGA可就派上用場了! TGA格式支持壓縮,使用不失真的壓縮演算法。 七、EXIF格式 EXIF的格式是1994年富士公司提倡的數碼相機圖像文件格式,其實與JPEG格式相同,區別是除保存圖像數據外,還能夠存儲攝影日期、使用光圈、快門、閃光燈數據等曝光資料和附帶信息以及小尺寸圖像。 八、 FPX圖像文件格式 FPX圖像文件格式(擴展名為fpx)是由柯達、微軟、HP及Live PictureInc聯合研製,並於1996年6月正式發表,FPX是一個擁有多重分辯率的影像格式,即影像被儲存成一系列高低不同的分辯率,這種格式的好處是當影像被放大時仍可維持影像的質素,另外,當修飾FPX影像時,只會處理被修飾的部分,不會把整幅影像一並處理,從而減小處理器及記憶體的負擔,使影像處理時間減少。 九、SVG格式 SVG是可縮放的矢量圖形格式。它是一種開放標準的矢量圖形語言,可任意放大圖形顯示,邊緣異常清晰,文字在SVG圖像中保留可編輯和可搜尋的狀態,沒有字體的限制,生成的文件很小,下載很快,十分適合用於設計高解析度的Web圖形頁面。 十、PSD文件格式 這是Photoshop圖像處理軟體的專用文件格式,文件擴展名是.psd,可以支持圖層、通道、蒙板和不同色彩模式的各種圖像特徵,是一種非壓縮的原始文件保存格式。掃描儀不能直接生成該種格式的文件。PSD文件有時容量會很大,但由於可以保留所有原始信息,在圖像處理中對於尚未製作完成的圖像,選用 PSD格式保存是最佳的選擇。 十一、CDR文件格式 CDR格式是著名繪圖軟體CorelDraw的專用圖形文件格式。由於CorelDRAW是矢量圖形繪制軟體,所以CDR可以記錄文件的屬性、位置和分頁等。但它在兼容度上比較差,所有CorelDraw應用程序中均能夠使用,但其他圖像編輯軟體打不開此類文件。 十二、PCD文件格式 PCD是Kodak PhotoCD的縮寫,文件擴展名是.pod,是Kodak開發的一種Photo CD文件格式,其他軟體系統只能對其進行讀取。該格式使用YCC色彩模式定義圖像中的色彩。YCC和CIE色彩空間包含比顯示器和列印設備的RGB色和 CMYK色多得多的色彩。PhotoCD圖像大多具有非常高的質量。 十三、DXF文件格式 DXF是Drawing Exchange Format的縮寫,擴展名是.dxf,是AutoCAD中的圖形文件格式,它以ASCII方式儲存圖形,在表現圖形的大小方面十分精確,可被CorelDraw和3DS等大型軟體調用編輯。 十四、UFO文件格式 它是著名圖像編輯軟體Ulead Photolmapct的專用圖像格式,能夠完整地記錄所有 Photolmapct處理過的圖像屬性。值得一提的是,UFO文件以對象來代替圖層記錄圖像信息。 十五、EPS文件格式 EPS是Encapsulated PostScript的縮寫,是跨平台的標准格式,擴展名在PC平台上是.eps,在Macintosh平台上是.epsf,主要用於矢量圖像和光柵圖像的存儲。EPS格式採用 PostScript語言進行描述,並且可以保存其他一些類型信息,例如多色調曲線、Alpha通道、分色、剪輯路徑、掛網信息和色調曲線等,因此EPS 格式常用於印刷或列印輸出。Photoshop中的多個EPS格式選項可以實現印刷列印的綜合控制,在某些情況下甚至優於TIFF格式。 十六、PNG圖像文件格式 PNG(Portable Networf Graphics)的原名稱為"可移植性網路圖像",是網上接受的最新圖像文件格式。PNG能夠提供長度比GIF小30%的無損壓縮圖像文件。它同時提供 24位和48位真彩色圖像支持以及其他諸多技術性支持。由於PNG非常新,所以目前並不是所有的程序都可以用它來存儲圖像文件,但Photoshop可以處理PNG圖像文件,也可以用PNG圖像文件格式存儲。

Ⅹ 網頁中常用的圖像格式有哪幾種

1、bmp
BMP格式的圖像,最常見的是網站注冊頁面或登錄頁面中的「驗證碼」,其實它一般就是網站程序自動生成的bmp格式小圖片。BMP文件通常是不壓縮的,所以它們通常比同一幅圖像的壓縮圖像文件格式要大很多。
例如,一個800×600的24位幾乎占據1.4MB空間。因此它們通常不適合在網際網路或者其他低速或者有容量限制的媒介上進行傳輸。
2、png
PNG(Portable
Network
Graphic,可移植網路圖形)開發於1995年。它是一種新的無顯示質量損耗的文件格式,同時還可以避免出現GIF自身的一些缺點。
PNG格式汲取了GIF和JPEG二者的優點,存儲形式豐富,兼有GIF和JPEG的色彩模式。PNG格式還能把圖像文件大小壓縮到極限以利於網路的傳輸,卻不失真。PNG採用無損壓縮方式來減少文件的大小,在這方面與犧牲圖像品質以換取高壓縮率的JPEG格式相比有所不同。
3、jpg
JPEG(Joint
Photographic
Experts
Group,直譯為聯合圖像專家組)格式也是常用的網頁文件格式。JPEG文件的擴展名.jpg或.jpeg。
其壓縮技術十分先進,使用有損壓縮的方式去除冗餘的圖像和彩色數據,在獲取極高壓縮率的同時能展現十分豐富生動的圖像,因此特別適合在網上發布照片。
JPEG圖形文件格式支持大約1670萬種顏色,可以很好地再現攝影圖像,尤其是色彩豐富的大自然照片。同時JPEG格式支持很高和壓縮率,文件佔用磁碟空間小。
4、gif
網頁中最常用的圖像格式是GIF(Graphical
Interchange
Format,可交換的圖像格式)。經過多次修改和擴充,其功能已經有了很大的改進。
使用GIF格式的圖像最多可以顯示256種顏色。此格式的特點是圖像文件佔用磁碟空間小,支持透明背景,支持動畫和交織下載。
5、svg
SVG格式可的英文全稱為Scalable
Vector
Graphics(可縮放的矢量圖片)。它是基於XML,由W3C聯盟進行開發的。
嚴格來說應該是一種開放標準的矢量圖形語言,可設計激動人心的、高解析度的Web圖形頁面。用戶可以直接用代碼來描繪圖像,可以用任何文字處理工具打開SVG圖像,通過改變部分代碼來使圖像具有互交功能,並可以隨時插入到HTML中通過瀏覽器來觀看。
參考資料來源:搜狗網路——bmp
參考資料來源:搜狗網路——png
參考資料來源:搜狗網路——jpeg
參考資料來源:搜狗網路——gif
參考資料來源:搜狗網路——svg