当前位置：首页 → 问答吧 → 网页设计标准尺寸

网页设计标准尺寸

时间：2007-07-30

来源：互联网

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按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以上几种说法可能有点小的出入，大家可以探讨一下。
IAB和EIAA发布新的网络广告尺寸标准
在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600, 300x250, 180x150及728x90，还包括新公布的468x60 和120x600（擎天柱）2种。

作者: dreamxiaoqiao 发布时间: 2007-07-30

恩。很有用的东西，呵呵。不过设计师很少用到，不过了解一下没坏处的。一些公司的媒体部门成员可以了解一下了。
因为设计师这些尺寸在媒体部门那边都会整理好的。呵呵

作者: sopooo 发布时间: 2007-07-30

1024*768的满框尺寸是1003*620，完毕

作者: zhangbujie1982 发布时间: 2007-08-08

1004也是ok的
哈哈
其实个人感觉现在的网页 banner之类的尺寸已经不需要那么严格了
可以很自由的
只要比例和比重在页面是协调的

作者: raphealcwj 发布时间: 2007-08-15

我用的1004，也没问题

作者: jackyyu 发布时间: 2007-08-15

1004，IE侧边滚动条为20；
1005，Firefox下为19；
1001，Opear下为23

如果想安全一点，不如设成1000

作者: nnooncake 发布时间: 2007-08-20

显示器会越来越大越来越好。。。。希望快点普及16：1的19寸起步
觉得1024*768真的已经淘汰了。。

作者: fadbox 发布时间: 2007-08-26

1024*768确实是可以用1004宽度的。
由于现在的显卡显示都是真彩色，所以不用web安全色也是可以的

作者: redzebranet 发布时间: 2007-08-27

请问楼主在有才工作么，那里怎么样啊，我都应聘了

作者: longkas 发布时间: 2007-10-28

1024 分辨率的电脑还有 60% 有人使用。估计一年内还不会淘汰

所以，我建议，制作网页以 1024 分辨率为标准，不过要做成全屏的。至少背景要是这样。

自适应全屏有它的好处，但是某些时候看起来也不是很美观。呵呵

[ 本帖最后由 sopooo 于 2007-10-28 05:59 编辑 ]

作者: sopooo 发布时间: 2007-10-28

好东西收藏下
我所接触的还是1024*768还是有很多

作者: woliuni 发布时间: 2007-10-28

1280x1024的呢？

作者: gusson 发布时间: 2007-10-29

请问下大家这句话是什么意思啊，我知道256WEB安全色的，但是难道现在我门在网上浏览器看到的都是256色吗？？？？

作者: pumpkinnn 发布时间: 2007-10-29

4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.

误人子弟。

作者: leonhe 发布时间: 2007-12-06

应该说现在主流还是IE 1024*768 在短时间内还无法改变。

作者: suozi 发布时间: 2008-05-21

引用:

原帖由 sopooo 于 2007-7-30 21:32 发表
恩。很有用的东西，呵呵。不过设计师很少用到，不过了解一下没坏处的。一些公司的媒体部门成员可以了解一下了。
因为设计师这些尺寸在媒体部门那边都会整理好的。呵呵

对领导有用，一般领导啥都不懂。。。

作者: bxezt2007 发布时间: 2008-06-05

在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.

这个。。。。。。。。。。。

作者: xiexiaoye 发布时间: 2008-07-07

有些过时了

作者: billylin 发布时间: 2008-07-07

我还是觉得1024X678的比较好现在都是用这种的了

作者: pangguojing 发布时间: 2008-12-23

不错！终于知道了不同浏览器显示不同的原因！

作者: wpbpanbo 发布时间: 2009-02-10

1280的宽度已经很多了
现在用1100

作者: kongwoo 发布时间: 2009-03-13

原理是这个原理
但是太死板硬套了```

你不会了解浏览者的浏览器是否装了其他的插件

作者: ghydesign 发布时间: 2009-03-24

宽度不超过1000，其他的看着办。

作者: okthisisme 发布时间: 2009-04-04

宽度基本上可以定死,高度无所谓了.现在的用户IE浏览器会装很多的东西。从而影响实际显示效果.

作者: iCooper 发布时间: 2009-04-04

1280x1024的分辨率下，页面宽和高应该为多少？

作者: newzijian 发布时间: 2009-04-10

一直都用1000px，迁就1024*768的分辨率没错的。

作者: peizhi 发布时间: 2009-05-04

1024我一直都是按1004做的

作者: soleory 发布时间: 2009-05-04

1024下最好是996px

作者: daniel080 发布时间: 2009-05-04

很简单的道理，很多做网站的竟然都不知道

作者: shechem 发布时间: 2009-05-07

有一些是对的但是有错的

作者: smallchang 发布时间: 2009-05-31

现在做宽都喜欢定在899，够用了。

作者: yasy 发布时间: 2009-06-27

都是宽屏惹得祸。。

作者: 52erika 发布时间: 2009-06-28

各个公司需要还是不一样的

作者: huzi00 发布时间: 2009-06-30

不错的内容。

不过我感觉现在应该是 100%只适应吧，这样对于多数寸显示器都合适！

作者: talentyu 发布时间: 2009-08-18

谢谢LZ的分享。。。
最近就在研究关于网页页面设计的尺寸，发现在1024*768的分辨率下，要设置页面横方向不出现滚动条（纵方向自由，可以是纵方向不出现滚动条，也可是纵方向有滚动条的），至少与2个因素有关
一是：winXP下，与用户当前的主题有关
二是：winXP下，与各主浏览器IE678 FF有关
所以才会出现，有的用户说1002px 1003px 1004px 1007px ……甚至于更多的宽度设置下，都能达到网站页面在横方向
不出现滚动条的效果。

所以，个人觉得1024*768分辨率下，将网站页面设计成1000px应该是最合适的。

作者: taoqun 发布时间: 2009-09-10

谢谢发布，以前一直在寻找网页宽度的合适尺寸。
不过，现在的网页一般都为970左右，在页面的两侧留出一些空白

作者: wypa 发布时间: 2009-10-13

1004，IE侧边滚动条为20；
1005，Firefox下为19；
1001，Opear下为23

如果想安全一点，不如设成1000

不管你说的是什么东东不管你说的是对还是不对我验证了一下ie的1004大了1px
firefox和opear分别小了2px和6px
太不负责任了。