为什么网页背景图片都切开

以下是个人观点，如有不对欢迎指正。
很多时候有很多专门设计界面的Ui人员，他们更熟悉的可能是PS之类，于是他们PS出一个很美观的界面，顺便用PS的切图功能转成网页格式（table，如果想用的话最好把img这种格式改成background）。就出现了大多数网站都是背景都切开的现象。
好处呢？是不是能加快加载我没法说，因为是理解问题，一张大图和同面积同像素很多小图哪个更快？希望对此有看法的大牛补充一下。但是有一定是可以理解的，如果网页一块一块加载，很多时候会这样，比如一些导航页，我们会等待因为我们知道他在加载中。。。但是如果一个图片要加载几十秒加载不出来，画面一片空白，估计就关网页了，当然我夸张了，大图片加载很多时候要降像素的，不至于加载很长时间，这可能就是心理上给人感觉加载快。
在一点，人家前段设计好了页面，比如简单的登录页面，切成表格，交给代码工人加功能，比让代码工人照着图片去找位置可容易多了，而且界面肯定和UI设计的更相似。也就是人家网站靠这种方法不止考虑用户加载了，还考虑了开发效率啊

后续添加：
我也请教了几个老师，又有新发现。切不切取决于应用的需求，当前网络带宽环境下，大图片也是可以的，不用切，因为你会在降像素，不会就直接加载一个20兆的背景图片吧.而且现在大多数都是div定位，表格已经没落了。上文提出的提高开发效率的说法（换句话就是图省事）也是得到肯定的。
（欢迎讨论）

为什么网页背景图片都切开相关推荐

html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...
HTML如何变换背景图片,javascript如何更改网页背景图片？
JavaScript中更改网页背景图片可以通过style对象的backgroundImage属性来实现.语法为Object.style.backgroundImage=url(URL). JavaSc ...
html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的.先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好. 前几天用CSS研究出相同效果的样式代码 ...
25套五彩缤纷的矢量网页背景图片素材【免费下载】
丰富多彩的矢量网页背景图片素材是设计师的宝贝,也是很好的装饰电脑桌面的壁纸.网页背景图片素材有同心圆,彩虹,闪烁的星星,圆点,箭头和云彩等各种形状,五彩缤纷.在网站设计中使用矢量背景和矢量元素是一个新 ...
html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
html网页背景图片平铺代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
解决网页背景图片高度无法达到100%平铺界面问题
网页背景图片无法根据浏览器大小实现宽度100%的情况: 通过css属性来实现一种视觉错觉来实现高度100% body{background: #c0c0c0;background-image: url ...

为什么网页背景图片都切开

为什么网页背景图片都切开相关推荐

最新文章

热门文章