1、網頁設計中的圖片一般用什麼格式
PNG或GIF,也有用jpg的,不過要優化
2、網頁設計中有哪些常用的圖片類型
JPG 圖片清晰,可是文件過大
GIP 圖片略帶模糊,可是文件小
PNG透明格式,圖片也有點模糊,文件小
做網站如果是大型的網站,建議一些質量差的圖片就搞JPG格式的,不然就搞GIF吧,因為GIF的圖片大小小,所以大型的網站圖片多,資料多,打開的速度就會快一點,如果用JPG就會慢一點。謝謝採納
3、網頁設計中的圖片都可以用那些個格式?
GIF是最常用的.因為:
(1)GIF只支持256色以內的圖像;
(2)GIF採用無損壓縮存儲,在不影響圖像質量的情況下,可以生成很小的文件;
(3)它支持透明色,可以使圖像浮現在背景之上;
(4)GIF文件可以製作動畫,這是它最突出的一個特點。
接著是JPG:
JPG文件的優點是體積小巧,並且兼容性好,因為大部分的程序都能讀取這種文件,這是因為JPG格式不僅是一個工業標准格式,而且更是web的標准文件格式。JPG文件如此擁有如此便利的條件,難怪得到了業余玩家的推崇。不過另一方面,JPG之所以很小的原因是:當文件在創建的時候會有一些數據被遺失,即通過「有損」的壓縮方式來建立文件,這就是其文件小的原因所在了。
但再怎麼壓縮還是沒有GIF小!不過JPG能容納更多的顏色數,但也就因為這個,當JPG壓縮(過於壓縮)後就會有雜色!!!
其他的BMP,WMF,PNG 就遠遠的比不上他兩了
4、網頁設計 圖片輪顯的代碼
網頁設計圖片輪顯的代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<SCRIPT src="js/article.js"></SCRIPT>
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">
<tr>
<td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD><DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV1
style="DISPLAY: yes;"
height=300 src="images/01.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV2
style="DISPLAY: none;"
height=300 src="images/02.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV3
style="DISPLAY: none;"
height=300 src="images/03.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV4
style="DISPLAY: none;"
height=300 src="images/04.jpg"
width=300 border=0></A></DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
<tr>
<td height="22" align="right" valign="top"><script>var MaxImg = 4; fnToggle();</script>
<TABLE cellSpacing=1 cellPadding=0 width=110
border=0>
<TBODY>
<TR>
<TD width=26><A href="javascript:toggleTo(1)"><IMG height=15
src="images/s_1.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(2)"><IMG height=15
src="images/s_2.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(3)"><IMG height=15
src="images/s_3.gif" width=17
border=0></A></TD>
<TD width=27><A href="javascript:toggleTo(4)"><IMG height=15
src="images/s_4.gif" width=17
border=0></A></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>
</body>
</html>
CSS的代碼為:
td {font-size: 12px;}
.solidbox {
BORDER-TOP: #D7D7D7 1px solid;
BORDER-RIGHT: #D7D7D7 1px solid;
BORDER-BOTTOM: #D7D7D7 1px solid;
BORDER-LEFT: #D7D7D7 1px solid;
}
5、網頁設計里常用的圖片格式有哪些?
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等格式,一般就用的非常少,這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。
6、網頁設計圖是什麼
網頁設計圖就是要把網頁做成什麼樣子的一張圖,可以是手工在白紙上畫的,也可以是用電腦軟體製作的。效果多種多樣,根據不同的行業進行分析之後製作的。想知道怎麼樣,可以直接看別人的網站做出來是什麼樣的,再分析一下是否符合用戶需求,方便用戶瀏覽?
步驟是分析行業用戶需求,設計內容分布去滿足這些用戶的需求,畫出一張圖。
我覺得就這么簡單,雖然看起來不怎麼專業,但是能解決用戶的一些實際的問題了。