導航:首頁 > 萬維百科 > 網頁圖片的設計格式

網頁圖片的設計格式

發布時間:2020-09-18 05:26:41

1、網頁設計中有哪幾種常用的圖片格式

1、PDF格式,是Photoshop圖像處理軟體的專用文件格式,文件擴展名是.psd
2、GIF圖片格式,GIF是一種調色板型(palette type)(或者說是索引型)的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題。
3、 PNG圖片格式,PNG的圖片又分為 PNG-8 、 PNG-24 兩種,其中,PNG-8 與 GIF 類似,支持 256 色調色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 擁有的優勢 PNG-8 都擁有,GIF 所沒有的優勢 PNG-8 也有,同樣的文件,PNG-8 格式比 GIF 要小
4、JPEG圖片格式,是目前網路上最流行的圖像格式,是可以把文件壓縮到最小的格式,在 Photoshop軟體中以JPEG格式儲存時,提供11級壓縮級別,以0—10級表示。其中0級壓縮比最高,圖像品質最差。即使採用細節幾乎無損的10 級質量保存時,壓縮比也可達 5:1。
5、BMP圖片格式,BMP是英文Bitmap(點陣圖)的簡寫,它是Windows操作系統中的標准圖像文件格式,在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。
6、TGA圖片格式: TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。

2、在網頁中插入的圖片文件,主要有哪幾種格式?

主流圖片格式:
一、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有所不同;它的第三個特點是顯示速度很快,只需下載1/64的圖像信息就可以顯示出低解析度的預覽圖像;第四,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(FLI/FLC)格式
Flic格式由Autodesk公司研製而成,FLIC是FLC和FLI的統稱:FLI是最初的基於320×200解析度的動畫文件格式,而FLC則採用了更高У氖

3、設計企業網頁一般需要用到幾種格式的圖片?

設計企業網頁一般用到的圖片格式有這幾種:

JPEG(聯合圖像專家組)
企業網頁設計分解JPEG文件格式是最常見的形式,是一種「有損」格式,這意味著大量的信息保存成JPEG格式時,從原來的丟失,這意味著它是一個偉大的格式在Web上使用,因為它能夠廣泛被壓縮不影響圖像太大,大圖像,以便盡可能快地載入網頁。
GIF - 最佳動畫 GIF
GIF - 最佳動畫 GIF(圖形交換格式)是一種「無損」格式,保存時,沒有任何信息丟失。這種格式是一種流行在網頁上使用,屏幕上的圖像的大小是相對較小,相比其他類型的圖像壓縮。
PNG - 最佳網站
新的圖像格式,PNG(攜帶型網路圖形)是專門設計的網頁。有些人認為它是GIF優越的版本,因為它更有效地節省256色,允許更平滑的梯度和創建更小的文件大小。
TIFF - 最佳攝影及印刷創建「桌面出版」
TIFF(標簽圖像文件格式)文件是另一種可以是「有損」或「無損」憑借其靈活的格式,它很容易使用,出版和照片處理軟體,這就是為什麼它已成為非常受歡迎的圖形設計,出版和攝影行業。

4、網頁設計里常用的圖片格式有哪些?

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等格式,一般就用的非常少,這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。

5、網頁設計中的圖片都可以用那些個格式?

GIF是最常用的.因為:
(1)GIF只支持256色以內的圖像;
(2)GIF採用無損壓縮存儲,在不影響圖像質量的情況下,可以生成很小的文件;
(3)它支持透明色,可以使圖像浮現在背景之上;
(4)GIF文件可以製作動畫,這是它最突出的一個特點。
接著是JPG:
JPG文件的優點是體積小巧,並且兼容性好,因為大部分的程序都能讀取這種文件,這是因為JPG格式不僅是一個工業標准格式,而且更是web的標准文件格式。JPG文件如此擁有如此便利的條件,難怪得到了業余玩家的推崇。不過另一方面,JPG之所以很小的原因是:當文件在創建的時候會有一些數據被遺失,即通過「有損」的壓縮方式來建立文件,這就是其文件小的原因所在了。

但再怎麼壓縮還是沒有GIF小!不過JPG能容納更多的顏色數,但也就因為這個,當JPG壓縮(過於壓縮)後就會有雜色!!!

其他的BMP,WMF,PNG 就遠遠的比不上他兩了

6、網頁設計中的圖片一般用什麼格式

PNG或GIF,也有用jpg的,不過要優化

7、在網頁中常見的圖片格式?

常用的圖片格式有JPG、GIF、PNG。
1、jpg:jpg全名是JPEG。JPEG圖片以 24 位顏色存儲單個點陣圖。JPEG 是與平台無關的格式,支持最高級別的壓縮,不過,這種壓縮是有損耗的。漸近式 JPEG 文件支持交錯。
2、gif:GIF分為靜態GIF和動畫GIF兩種,擴展名為.gif,是一種壓縮點陣圖格式,支持透明背景圖像,適用於多種操作系統,「體型」很小,網上很多小動畫都是GIF格式。其實GIF是將多幅圖像保存為一個圖像文件,從而形成動畫,最常見的就是通過一幀幀的動畫串聯起來的搞笑gif圖,所以歸根到底GIF仍然是圖片文件格式。但GIF只能顯示256色。和jpg格式一樣,這是一種在網路上非常流行的圖形文件格式。
3、png:PNG,圖像文件存儲格式,其設計目的是試圖替代GIF和TIFF文件格式,同時增加一些GIF文件格式所不具備的特性。PNG的名稱來源於「可移植網路圖形格式(Portable Network Graphic Format,PNG)」,也有一個非官方解釋「PNG's Not GIF」,是一種點陣圖文件(bitmap file)存儲格式,讀作「ping」。PNG用來存儲灰度圖像時,灰度圖像的深度可多到16位,存儲彩色圖像時,彩色圖像的深度可多到48位,並且還可存儲多到16位的α通道數據。PNG使用從LZ77派生的無損數據壓縮演算法,一般應用於JAVA程序、網頁或S60程序中,原因是它壓縮比高,生成文件體積小。

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

常用圖像格式為JPEG、PNG格式,png圖像是透明的,可以根據自己需要保存不同格式。比如在設計圖中切圖時可以保存JPEG格式,而通過隱藏周圍東西得到的圖片就需要保存平格式

9、網站圖片採用什麼格式最好?求答案

流量貴,網頁載入速度也影響用戶體驗,網頁太大,打開速度過慢,就會在第一障礙線上流失很大一部分用戶,所以,我們在做網頁設計的時候,要想方設法的提高代碼優化。
特別對於電子商務網站來說,對圖片大小要求就更加嚴格。
那麼,網站中用哪種格式的圖片最小呢? 建議是png格式。
下面摘自百度知道:
Windows系統下的標准點陣圖格式,使用很普遍。其結構簡單,未經過壓縮,一般圖像文件會比較大。它最,大的好處就是能被大多數軟體「接受」,可稱為通用格式。 JPEG:也是應用最廣泛的圖片格式之一,它採用一種特殊的有損壓縮演算法,將不易被人眼察覺的圖像顏色刪除,從而達到較大的壓縮比(可達到2:1甚至40:1),所以「身材嬌小,容貌姣好」,特別受網路青睞。
GIF:分為靜態GIF和動畫GIF兩種,支持透明背景圖像,適用於多種操作系統,「體型」很小,網上很多小動畫都是GIF格式。其實GIF是將多幅圖像保存為一個圖像文件,從而形成動畫,所以歸根到底GIF仍然是圖片文件格式。
PSD:圖像處理軟體「大哥大」Photoshop的專用圖像格式,圖像文件一般較大。
PCX:ZSOFT公司在開發圖像處理軟體Paintbrush時開發的一種格式,存儲格式從1位到24位。它是經過壓縮的格式,佔用磁碟空間較少,並具有壓縮及全彩色的優點。
PNG:與JPG格式類似,網頁中有很多圖片都是這種格式,壓縮比高於GIF,支持圖像透明,可以利用Alpha通道調節圖像的透明度。
DXF:三維模型設計軟體AutoCAD的專用格式,文件小,所繪制的圖形尺寸、角度等數據十分准確,是建築設計的首選。
CDR:著名的圖形設計軟體——CorelDRAW的專用格式,屬於矢量圖像,最大的優點「體重」很輕,便於再處理。
總的來說,有兩種截然不同的圖像格式類型:即有損壓縮和無損壓縮。
1.有損壓縮
有損壓縮可以減少圖像在內存和磁碟中佔用的空間,在屏幕上觀看圖像時,不會發現它對圖像的外觀產生太大的不利影響。因為人的眼睛對光線比較敏感,光線對景物的作用比顏色的作用更為重要,這就是有損壓縮技術的基本依據。 有損壓縮的特點是保持顏色的逐漸變化,刪除圖像中顏色的突然變化。生物學中的大量實驗證明,人類大腦會利用與附近最接近的顏色來填補所丟失的顏色。例如,對於藍色天空背景上的一朵白雲,有損壓縮的方法就是刪除圖像中景物邊緣的某些顏色部分。當在·屏幕上看這幅圖時,大腦會利用在景物上看到的顏色填補所丟失的顏色部分。利用有損壓縮技術,某些數據被有意地刪除了,而被取消的數據也不再恢復。 無可否認,利用有損壓縮技術可以大大地壓縮文件的數據,但是會影響圖像質量。如果使用了有損壓縮的圖像僅在屏幕上顯示,可能對圖像質量影響不太大,至少對於人類眼睛的識別程度來說區別不大。可是,如果要把一幅經過有損壓縮技術處理的圖像用高解析度列印機列印出來,那麼圖像質量就會有明顯的受損痕跡。
2.無損壓縮
無損壓縮的基本原理是相同的顏色信息只需保存一次。壓縮圖像的軟體首先會確定圖像中哪些區域是相同的,哪些是不同的。包括了重復數據的圖像(如藍天)就可以被壓縮,只有藍天的起始點和終結點需要被記錄下來。但是藍色可能還會有不同的深淺,天空有時也可能被樹木、山峰或其他的對象掩蓋,這些就需要另外記錄。從本質上看,無損壓縮的方法可以刪除一些重復數據,大大減少要在磁碟上保存的圖像尺寸。但是,無損壓縮的方法並不能減少圖像的內存佔用量,這是因為,當從磁碟上讀取圖像時,軟體又會把丟失的像素用適當的顏色信息填充進來。如果要減少圖像佔用內存的容量,就必須使用有損壓縮方法。 無損壓縮方法的優點是能夠比較好地保存圖像的質量,但是相對來說這種方法的壓縮率比較低。但是,如果需要把圖像用高解析度的列印機列印出來,最好還是使用無損壓縮幾乎所有的圖像文件都採用各自簡化的格式名作為文件擴展名。從擴展名就可知道這幅圖像是按什麼格式存儲的,應該用什麼樣的軟體去讀/寫等等。

與網頁圖片的設計格式相關的知識