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

網頁設計常用的圖片格式

發布時間:2020-09-14 20:39:32

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

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

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

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

2、網頁中常用的圖像格式有哪幾種?

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

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

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

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、網頁中常用的圖片格式有哪些?列舉得仔細一點

一、BMP圖像文件格式 二、 PCX圖像文件格式 三、TIFF圖像文件格式 四、 GIF文件格式 五、JPEG文件格式 六、TGA格式 七、EXIF格式 八、 FPX圖像文件格式 九、SVG格式 十、PSD文件格式 十一、CDR文件格式 十二、PCD文件格式 十三、DXF文件格式 十四、UFO文件格式 十五、EPS文件格式 十六、PNG圖像文件格式 十七,HDRI圖像文件格式 詳情查看 http://ke.baidu.com/view/19666.htm?fr=ala0_1

6、網頁設計中有哪些常用的圖片類型

JPG 圖片清晰,可是文件過大
GIP 圖片略帶模糊,可是文件小
PNG透明格式,圖片也有點模糊,文件小

做網站如果是大型的網站,建議一些質量差的圖片就搞JPG格式的,不然就搞GIF吧,因為GIF的圖片大小小,所以大型的網站圖片多,資料多,打開的速度就會快一點,如果用JPG就會慢一點。謝謝採納

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

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

8、網頁設計中主要使用的圖片格式有哪幾種類型?

JPG GIF PNG

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

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裡面進行後期編輯。

10、哪些圖像的格式可以用於網頁設計?它們各自有什麼特點?

首先介紹網頁設計中常用圖片的三種格式:GIF,JPEG,PNG。
GIF
GIF是一種調色板型(palette type)(或者說是索引型)的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式,這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代,它導致了大量多餘的曇花一現的「新」圖片(blinking 「new」 images),循環的@符號(rotating @ signs),birds dropping,a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代,在等待一個更新頁面的ajax請求的時候,我們仍然會看到 「loading」動畫,但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說,如果你有需要,就可以使用動畫支持。
GIF也支持透明度,透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。

JPEG
JPEG圖片不象GIF圖片那樣只能有256種顏色,它可以包含數百萬種顏色,而且有極高的壓縮率。這使得JPEG圖片比較適合用來保存相片。事實 上,大多數的相機以jpeg格式保存照片。JPEG是一種有損壓縮的格式,這意味著你每次進行編輯的時候都會有質量損耗,所以如果你打算進行多次編輯,那 么最好把中間生成的圖片換一種格式存儲。但是,還有一些不會損耗圖片質量的操作,比如說裁剪圖片,旋轉圖片或者修改元信息。元信息包括,比如說,存儲在圖 片文件中的注釋。
JPEG不支持透明度。

PNG
PNG是一種無損壓縮的格式,而且它有很多種類。單考慮實際的用途,我們可以把它分為兩種:
1.PNG8 2.真彩色PNG PNG8是一種調色板型(palette)圖象格式,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 調色板型PNG以及索引型 PNG,這些術語都可以互換使用。
那麼,PNG8比起GIF有哪些優缺點呢?
優點:
通常文件體積比較小
支持alpha(可變)透明度
缺點:
不支持動畫
第二種類型的PNG格式是真彩色PNG。這類圖片可以包含百萬種顏色,就象JPEG。你有時候會碰見它們以PNG24或PNG32命名。

對於PNG8和真彩色PNG,IE7都提供了alpha透明度正確的原生的支持。對於早期版本的IE瀏覽器你需要使用css和AlphaImageLoader濾鏡來修復全彩色PNG中的透明度問題。對於這個問題,在接下來的文章中,我們將會討論一些更多的細節。

在網頁設計中,大眾最認可的的圖片形式是GIF與JPEG格式。但這會使你感到困惑:那我在網站建設中到底應該用GIF格式還是JPEG格式?

方便記憶的簡易准則:
1.在你的電腦上製作的水平形式的條例、按鈕以及動畫圖片,這些圖片應該用GIF格式。
2.如果圖片是掃描的圖畫或照片時就用JPEG格式。

而什麼時候用PNG比較合適呢?
雖然PNG8應該作為PNG類型文件的首選,因為它的文件體積更小而且在早期版本的IE瀏覽器中不需要使用特別的css濾鏡就能很好地降級,但是在使用的時候仍然有需要注意的地方:
1.當PNG8的256種顏色不夠用的時候,你可能需要使用全彩色PNG。這種情況應該 盡量避免。一方面,如果你想使用成千上萬的顏色,那麼這種情況下JPEG將會比較適合,而且能夠有更好的壓縮率。另一方面,如果顏色數在一千左右,你應該 盡量把這種圖片轉換為PNG8格式,然後看看它是不是看起來還能夠接受。很多情況下,當顏色數達到200到1000的時候,人的肉眼就分辨不出來了。當 然,這也得看是哪種圖片了;通常你可以非常安全地刪掉1000種顏色,但是有些時候只是刪掉2種顏色,圖片的效果就不能讓人接受了。不管怎麼樣, 盡可能地把真彩色PNG轉換為PNG8和JPEG格式,看看你能不能接受它們的質量和體積。
2.圖片的大部分象素是半透明的情況。如 果圖片種只有一小部分是不完全透明的,象圍繞在圓角周圍的象素點,那麼PNG8的類GIF(GIF-like)降級通常都沒有問題。但是如果圖片的大部分 是半透明的(象視頻播放器上的播放按鈕),那麼你除了使用AlphaImageLoader hack你可能別無選擇。

最後,讓我們總結一下:
1.JPEG格式比較適合用來存儲照片
2.GIF格式可以用來做動畫
3.PNG8可以用來做小圖標(icons),按鈕,背景等等。

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