google的页面设计

水木社区手机版

主题:google的页面设计
楼主|wangyou|2008-04-18 10:03:09|只看此ID
http://www.google.cn/search?complete=1&hl=zh-CN&q=cad&meta=lr%3Dlang_zh-CN&aq=f

大家看看这个页面，页面上看似有很多图片，可是看了代码，实际上他只用了一张背景图片，请问是怎么实现的？
--
FROM 168.160.18.*
1楼|dev|2008-04-18 11:43:14|只看此ID
CSS sprites

【在 wangyou (月亮 ) 的大作中提到: 】
: 标题: google的页面设计
: 发信站: 水木社区 (Fri Apr 18 10:03:09 2008), 站内
:
: http://www.google.cn/search?complete=1&hl=zh-CN&q=cad&meta=lr%3Dlang_zh-CN&aq=f
:
: 大家看看这个页面，页面上看似有很多图片，可是看了代码，实际上他只用了一张背景图片，请问是怎么实现的？
: --
:
: ※ 来源:·水木社区 http://newsmth.net·[FROM: 168.160.18.*]
--
FROM 222.130.192.*
2楼|withinsea|2008-04-18 11:53:43|只看此ID
这个作用还是挺大的……
除了传输速度以外
单张图片大大方便美工制作阿

【在 dev (Zzzzzz..) 的大作中提到: 】
: CSS sprites
--
FROM 123.112.115.229
3楼|roy|2008-04-18 11:58:14|只看此ID
方便吗？我觉得编辑大图片挺耗机器的……

【在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 这个作用还是挺大的……
: 除了传输速度以外
: 单张图片大大方便美工制作阿
: ...................
--
FROM 211.151.91.*
4楼|withinsea|2008-04-18 12:17:30|只看此ID
web 上用的 skin 图片能有多大……

【在 roy (天上掉大饼：知行合一) 的大作中提到: 】
: 方便吗？我觉得编辑大图片挺耗机器的……
--
FROM 123.112.115.229
5楼|xudoz|2008-04-19 12:57:38|只看此ID
减小http请求数

【在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 这个作用还是挺大的……
: 除了传输速度以外
: 单张图片大大方便美工制作阿
: ...................
--
FROM 125.119.234.*
6楼|atia|2008-04-21 15:07:08|只看此ID
css sprite
减少http request的次数，从而提高performance
【在 wangyou (月亮 ) 的大作中提到: 】
: http://www.google.cn/search?complete=1&hl=zh-CN&q=cad&meta=lr%3Dlang_zh-CN&aq=f
: 大家看看这个页面，页面上看似有很多图片，可是看了代码，实际上他只用了一张背景图片，请问是怎么实现的？
--
FROM 202.95.81.*
7楼|hilyjiang|2008-04-21 15:09:13|只看此ID
CSS Sprite 可以减小服务器的压力，但是页面加载速度会受到影响。
图标太多的情况下还是拆成小图标，分服务器存放。

【在 atia (不想一个人) 的大作中提到: 】
: css sprite
: 减少http request的次数，从而提高performance
--
FROM 59.57.224.*