1、網頁設計里常用的圖片格式有哪些?
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等格式,一般就用的非常少,這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。
2、網頁設計中的圖片都可以用那些個格式?
GIF是最常用的.因為:
(1)GIF只支持256色以內的圖像;
(2)GIF採用無損壓縮存儲,在不影響圖像質量的情況下,可以生成很小的文件;
(3)它支持透明色,可以使圖像浮現在背景之上;
(4)GIF文件可以製作動畫,這是它最突出的一個特點。
接著是JPG:
JPG文件的優點是體積小巧,並且兼容性好,因為大部分的程序都能讀取這種文件,這是因為JPG格式不僅是一個工業標准格式,而且更是web的標准文件格式。JPG文件如此擁有如此便利的條件,難怪得到了業余玩家的推崇。不過另一方面,JPG之所以很小的原因是:當文件在創建的時候會有一些數據被遺失,即通過「有損」的壓縮方式來建立文件,這就是其文件小的原因所在了。
但再怎麼壓縮還是沒有GIF小!不過JPG能容納更多的顏色數,但也就因為這個,當JPG壓縮(過於壓縮)後就會有雜色!!!
其他的BMP,WMF,PNG 就遠遠的比不上他兩了
3、網頁設計,div層如何添加背景圖?
是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~
4、網頁設計中有哪幾種常用的圖片格式
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裡面進行後期編輯。
5、網頁設計矢量圖是什麼格式
矢量圖就是點陣圖是用CDR軟體做出來的,矢量圖形,PS是JPG圖形,又叫點陣圖
CDR是出矢量圖形的,圖形比交大,清晰,不矢色,網頁一般都是用PS,外片畫冊什麼的,是用CDR
6、網頁製作 背景圖片格式是什麼來著?急
在<body> 標簽里加background=圖片文件名
<body background=圖片文件名>
7、html網頁設計裡面怎麼平鋪背景圖片
html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:
1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。