0755-23698839
132-6576-8769

做网站用还是不用Sprites图片拼接技术

创络讲堂 2012-01-31 08:00:00 6001次 https://www.chuangluo.com/news_124.html 作者:创络科技

做网站的都知道有一种将网站背景图片拼接到一张图片上的技术:CSS Sprites图片整合技术。深圳网站建设公司【创络】大约在两年前的一小段时间内非常痴迷于这种技术的使用。因为它确实可以从很大程度上降低网站服务器的请求次数,从而提高网站的访问速度,然而,为什么我们会很快的放弃这种技术呢?原因是:这样做出来的网站很难维护。

我们先来了解一些和Sprites技术相关的信息,对于非动画的GIF更建议使用PNG8因为它同样能做到一样的效果,而且能为你节省10%-30%的文件体积。而Sprites技术就是将网站上的所有图片集成到一张PNG或者GIF图片上去。常见的图片切割技术是图片顺序由上至下、左至右添加。而background-position一般采用数字组合形式定位,这样能减少维护带来的不必要麻烦。SS Sprites图片中的图片都是紧挨在一起的,目的是最大限度的缩小文件体积。把颜色较近或相同的组合在一起可以降低颜色数,因为少色数的图片文件体积会相对的小。

一般我们会采用水平排列图片而非垂直排列,目的当然还是缩小图片文件的体积,因为垂直排列的图片会比水平排列的图片体积要大。适当地把对等相同的图像合并,以节省空间及减少体积。区分开不需要合并的图像。最右或左边为最灵活动位置最适宜摆放文本前的ICO,不会受到其它PNG图片的干预,因此不需要预留空间。

由于整个网站的图片全部都在这一个图片上面,因此,我们需要在每一个DIV中通过精确的position属性来定位。如果有一天客户要求改变某一个DIV的大小,那么整个CSS文档就用全部重新写,这是多么痛苦的一件事情啊?而最令人吃惊的,没有任何一位客户可以保证他在未来不会去修改网站。因此,我们只好选择放弃使用这种技术,转而从其他方面努力提高网站的速度。

  • 优酷视频云技术交流群将逐步停用QQ群转战阿里钉钉
    2018-01-19 08:00:00
    阿里钉钉,一款对外宣称是专为中国企业打造的免费智能移动办公平台,含PC版,Web版和手机版,让工作更简单,随时随地移动办公,目前看起来已经进入白热化推广阶段,今日,笔者所在优酷视频云技术交流群宣布将逐步停用QQ群,重心转战阿里钉钉。
  • 纯CSS技术:如何让DIV不管网页内容多少都始终在网页底部显示
    2013-05-15 08:00:00
    经常有网站需要这样的效果,就是不管网页内容多少,网站的一个DIV都始终在页面底部显示,以满足不同尺寸显示器的显示需求,不让网站留有空白。创络在12年7月份上线的新后台中有使用过,现在开始在客户网站中使用。
  • 不懂技术怎么运作网站
    2013-01-05 08:00:00
    鼓励,是一个神奇的事物!你可以把他理解为怂恿甚至是诱骗,但实际上,缺少了它的话,世界上就会少了好多创新。
  • 电子商务师:网页设计技术十大戒律
    2011-01-11 08:00:00
    网页设计技术十大戒律:不要滥用Flash,不要让广告遮挡了网站内容、不要让网页看起来杂乱无章、不要过渡使用玻璃反射效果、不要在公司名称中增减字母、要适应改变等。
  • 如何做好微信小程序界面
    2022-11-29 08:56:59
    在多种多样的小程序都不断开始抢占流量的今日,怎么样能让自家的小程序给访问者留下深刻印象,使访问者感到舒适,并愿意留下来多看几眼呢,这是设计者和企业需要认真考虑的问题。
  • 根据百度搜索网页标题规范修改了网站标题
    2019-12-25 17:36:50
    创络做为一家深圳网络公司,我们深知网站标题的重要性,在百度搜索网页标题规范已经发布一年之后,我们才即谨慎又不安的修改了网站标题。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839