了解網頁設計里的一些標準尺寸
2024-08-30 08:36:25
供稿：網友
很多站長都有這樣迷惑，在進行網頁布局設計時，網頁界面的寬度尺寸都比較迷茫，800*600尺寸及1024*768尺寸的分辨率下，網頁應該設計為多少像素才合適呢？太寬就會出現水平滾動條了，下面我們就網頁設計的標準尺寸進行講解。
網頁設計標準尺寸：
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
15*50（必須用gif） 7K
通欄 760*100 25K 靜態圖片或減少運動效果
430*50 15K
超級通欄 760*100 to 760*20 共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（可做不規則形狀） 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以上幾種說法可能有點小的出入，大家可以探討一下。
IAB和EIAA發布新的網絡廣告尺寸標準
在這6種格式中，除了去年iab發布的4種“通用廣告包”中的格式：160x600， 300x250， 180x150及728x90，還包括新公布的468x60 和120x600（擎天柱）2種。
