网站Banner图尺寸及设计区域事项

2022-08-05 分类：网站建设

网站的Banner图是用户一眼看到的模块，能否吸引用户的眼球就看Banner图的质量，那么关于网站首页Banner设计尺寸问题有哪些注意事项呢？首先我们要理解清楚这个尺寸问题，接下来网站设计专家"创新互联"给大家讲解网站Banner图尺寸及设计区域注意事项。

网站Banner图尺寸及设计区域事项

一、Banner图尺寸的设置
Banner图的尺寸需要适配用户显示器的分辨率及网页好的大宽度和最小宽度，由于目前主流的显示器分辨率已经不同于以往的1024*768，而是普及到1366*768以上的分辨率。如果我们还是一如既往的按1024像素来设计网站，那么网站在今天大多数显示器上会显得小气。因此，目前主流网站的核心宽度已经提高到1200~1400像素了（自适应除外）。
二、Banner图设计区域的部署
为了兼容绝大多数的显示器，我们将网页的大宽度设计为1920像素，更大显示器则通过浏览器自身的技术适配。而为了兼容一些小一点的显示器，如1366像素宽的显示器，我们将核心内容集中在中间1200像素。于是，当下最为流行的解决方案就是将Banner图片的背景铺满1920像素，但是文案或者产品图片等核心内容是集中在中间1200像素的，具体请参考以下示意图：

201806142328544734

总结：其实显示器就相当于是窗口，网站界面就是窗口里面的一张图片，为了让小窗口看到主要信息，也为了让大窗口看起来不会那么空，我们就选择了这样的解决方案。

标签：成都网站制作成都网站建设创新互联

标题名称：网站Banner图尺寸及设计区域事项
文章转载：https://www.cdcxhl.com/news7/185307.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、网站营销、标签优化、网站改版、网站导航、关键词优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容