網頁設計圖片尺寸怎麼量

1、html如何設置圖片大小

html插入圖片有兩種方式：一種是通過<img>標簽插入的正常的圖片，另一種是通過css樣式插入的背景圖片。

問題分析：

1、首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度。

2、如果你插入的圖片是通過<img>標簽的方式來插入的話，可以通過<img>自身的屬性控制圖片大小，代碼格式是：<img src="圖片路徑" width="圖片寬度" height="圖片高度"/>。

3、如果非要通過css控制背景圖片的大小，可以通過background-size樣式來實現，具體的css格式是：background-size:寬度 高度; （如下圖所示）。

(1)網頁設計圖片尺寸怎麼量擴展資料：

1、background 是用於在一個聲明中設置所有背景屬性的一個簡寫屬性。

格式: background: {屬性值}

繼承性: NO；

可能的值：

background-color（背景顏色）

background-image（背景圖片）

background-repeat（背景拉伸方式）

background-attachment（固定或者隨著頁面的其餘部分滾動）

background-position（背景定位）

新增的值：

background-clip（規定背景的繪制區域）

background-origin（相對於容器中來定位背景圖像）

background-size （背景圖像的大小）

參考資料：

網路-background

2、網頁設計里的圖片尺寸問題

一般我們可以用js判斷下圖片的X與Y軸，哪個尺寸更小就以哪個為固定值，比如：圖片的原始尺寸為：500x800（寬x高），那麼可以將寬設置成100%，高度自適應（這樣可以顯示完整的圖片，且不變形），當然高可能會溢出點，可以用css隱藏。

3、網頁設計背景圖片大小設置問題

想要圖片適應單元格的大小，就設置單元格為固定寬高，並且設置溢出為隱藏就行，然後通過設置背景圖片的位置就能達到目的，代碼如下：
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要沒有多餘的完全顯示一個圖片，只能讓圖片的大小和單元格的大小完全相同才行

4、PSD製作網頁圖的規定尺寸是多少

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度：

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度:

1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右

4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.

頁面標准按800*600解析度製作，實際尺寸為778*434px

頁面長度原則上不超過3屏，寬度不超過1屏

每個標准頁面為A4幅面大小，即8.5X11英寸

全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

另外120*90，120*60也是小圖標的標准尺寸

每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

標准網頁廣告尺寸規格

一、120*120，這種廣告規格適用於產品或新聞照片展示。

二、120*60，這種廣告規格主要用於做LOGO使用。

三、120*90，主要應用於產品演示或大型LOGO。

四、125*125，這種規格適於表現照片效果的圖像廣告。

五、234*60，這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。

七、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。

八、88*31，主要用於網頁鏈接，或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60(必須用gif) 7K

215*50(必須用gif) 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

1.首頁右上，尺寸120*60

2.首頁頂部通欄，尺寸468*60

3.首頁頂部通欄，尺寸760*60

4.首頁中部通欄，尺寸580*60

5.內頁頂部通欄，尺寸468*60

6.內頁頂部通欄，尺寸760*60

7.內頁左上，尺寸150*60或300*300

8.下載地址頁面，尺寸560*60或468*60

9.內頁底部通欄，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

希望對你有幫助

5、我准備做一張圖放到網頁上去，應該怎樣設計寬 ， 高，解析度，還有大小尺寸呢

放到網頁上去：到這個網頁上去核實它的寬是多少。網頁的寬度是通過css來確定的。只有明確了網頁的寬度才能設計圖片的尺寸。

6、網頁設計如何定義圖片的位置和大小

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度：
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。
寬度:
1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120，這種廣告規格適用於產品或新聞照片展示。 二、120*60，這種廣告規格主要用於做LOGO使用。 三、120*90，主要應用於產品演示或大型LOGO。 四、125*125，這種規格適於表現照片效果的圖像廣告。 五、234*60，這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。 七、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。 八、88*31，主要用於網頁鏈接，或網站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀(1秒/12幀) 網頁中的廣告尺寸 1.首頁右上，尺寸120*60 2.首頁頂部通欄，尺寸468*60 3.首頁頂部通欄，尺寸760*60 4.首頁中部通欄，尺寸580*60 5.內頁頂部通欄，尺寸468*60 6.內頁頂部通欄，尺寸760*60 7.內頁左上，尺寸150*60或300*300 8.下載地址頁面，尺寸560*60或468*60 9.內頁底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10

7、關於網頁設計中圖片大小的問題

一張圖片若要以較好的速度打開，首先要有好的網速，如果圖片過大，可以在ps中進行切片處理。

「保存為web格式」中的圖片格式為「保存圖片」中的格式的一部分，「保存為web格式」中的圖片格式適合網上傳播，應為它提供了更多的保存參數。

8、網頁設計的圖片大小一般是什麼單位?

通常情況下是px。px就是表示pixel，像素，是屏幕上顯示數據的最基本的點。
它不是自然界的長度單位。px是就是一張圖片中最小的點，一張點陣圖就是由這些點構成的。1024px就是1024像素，最簡單的你可以在windows桌面屬性里的「設置」看到，如果是1024×768，也就是說水平方向上有1024個點，垂直方向上有768個點。誰能說出一個「點」有多長多大么？可以畫的很小，也可以很大。如果點很小，那畫面就清晰，我們稱它為「解析度高」，反之，就是「解析度低」。所以，像素的大小是會「變」的，也稱為「相對長度」。

不知道這樣回答你滿意不？祝福你！