多少像素才合适 网页设计标准尺寸大讲解

老榕树建站软件

【如内容违法或虚假，请联系上述邮件删除】[color=#000][font=Tahoma, Verdana][size=12px]  许多的网页设计在中止网页规划设计时，中止界面网页的宽度尺寸设计都比较迷茫，800*600尺寸及1024*768尺寸的分辨率下，网页应该设计为多少像素才适合呢？太宽就会呈现水平滚动条了，下面我们就网页设计的规范尺寸中止解说。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   网页设计规范尺寸：[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   1、800*600下，网页宽度坚持在778以内，就不会呈现水平滚动条，高度则视版面和内容决议。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   2、1024*768下，网页宽度坚持在1002以内，假如满框显现的话，高度是612-615之间。就不会呈现水平滚动条和垂直滚动条。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   3、在ps里面做网页能够在800*600状态下显现全屏，页面的下方又不会呈现滑动条，尺寸为740*560左右.[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   4、在PS里做的图到了网上就不一样了，颜色等等方面，由于WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   页面规范按800*600分辨率制造，实践尺寸为778*434px[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   页面长度准绳上不超越3屏，宽度不超越1屏[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   每个规范页面为A4幅面大小，即8.5X11英寸[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   另外120*90，120*60也是小图标的规范尺寸[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   每个非首页静态页面含图片字节不超越60K，全尺寸banner不超越14K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   规范网页广告尺寸规格：[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   一、120*120，这种广告规格适用于产品或新闻照片展示。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   二、120*60，这种广告规格主要用于做LOGO运用。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   三、120*90，主要应用于产品演示或大型LOGO。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   四、125*125，这种规格适于表现照片效果的图像广告。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   五、234*60，这种规格适用于框架或左右方式主页的广告链接。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   七、468*60，应用最为普遍的广告条尺寸，用于页眉或页脚。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   八、88*31，主要用于网页链接，或网站小型LOGO。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   广告方式 像素大小 最大尺寸 备注[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   BUTTON 120*60（必需用gif） 7K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   15*50（必需用gif） 7K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   通栏 760*100 25K 静态图片或减少运动效果[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   430*50 15K超级通栏 760*100 to 760*20 共40K 静态图片或减少运动效果[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   巨幅广告 336*280 35K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   585*120[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   竖边广告 130*300 25K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   全屏广告 800*600 40K 必需为静态图片，FLASH格式[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   图文混合 各频道不同 15K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   弹出窗口 400*300（尽量用gif） 40K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   BANNER 468*60（尽量用gif） 18K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   悬停按钮 80*80（必需用gif） 7K[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   流媒体 300*200（可做不规则外形） 30K 播放时间小于5秒60帧（1秒/12帧）[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   网页中的广告尺寸：[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   1、首页右上，尺寸120*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   2、首页顶部通栏，尺寸468*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   3、首页顶部通栏，尺寸760*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   4、首页中部通栏，尺寸580*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   5、内页顶部通栏，尺寸468*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   6、内页顶部通栏，尺寸760*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   7、内页左上，尺寸150*60或300*300[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   8、下载地址页面，尺寸560*60或468*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   9、内页底部通栏，尺寸760*60[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   10、左漂浮，尺寸80*80或100*100[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   11、右漂浮，尺寸80*80或100*100以上几种说法可能有点小的出入，大家能够讨论一下。[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   IAB和EIAA发布新的网络广告尺寸规范[/size][/font][/color]
[color=#000][font=Tahoma, Verdana][size=12px]   在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600， 300x250， 180x150及728x90，还包括新发布的468x60 和120x600两种。[/size][/font][/color]
(关注老榕树网络旗下“网络思维”微信公众号:wlsw360 (每天都有好文章)

 

                                                   本帖如有虚假或违法，请联系邮箱删除，本社区删贴不收任何费用，欢迎举报。老榕树社区属老榕树网络旗下网站，旨在为老榕树用户提供创业咨询、网站建设技术交流、源码下载、提供各种实用工具。如有部分帖子涉及违法、虚假，请你第一时间与社区联系，把需要删除的社区链接提供给我们，我们核实之后，第一时间删除。邮箱：125175998@qq.com

老榕树建站软件

[size=2]
[color=#000][font=Tahoma, Verdana]很管用，哈哈哈[/font][/color][/size]

老榕树建站软件

[size=2]
[color=#000][font=Tahoma, Verdana]认真的学习了，在网站设计中大有用处啊，的确开端心里一点数没有，不知设计多大尺寸的图片。[/font][/color][/size]

老榕树建站软件

[size=2]
[color=#000][font=Tahoma, Verdana]谢谢，学习了[/font][/color][/size]

老榕树建站软件

[size=2]
[color=#000][font=Tahoma, Verdana]好东西，谢谢[/font][/color][/size]

老榕树建站软件

[size=2]
[color=#000][font=Tahoma, Verdana]谢谢，学习了

答：[/font][/color][color=#000][font=Tahoma, Verdana]假如你对我们回答或是其他人的提问有兴味哪么你能够多来社区学习和发贴，你提出的问题我们会在5分钟内帮你处置！[/font][/color][/size]