首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >body标签背景图像建议必填

body标签背景图像建议必填
EN

Stack Overflow用户
提问于 2011-01-06 16:50:50
回答 3查看 300关注 0票数 0

我有一个新的网站布局从我们的客户。但布局包含1280X1795pxs景观作为背景图像。客户不想更改此背景。

现在我的问题是,使用此图像作为背景的最佳实践是什么?

因此页面速度也优化了,加载时间也优化了。

非常感谢。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-01-06 18:24:36

如果这个镜像不需要更改,那么最好的解决方案是使用自适应的缓存控制和htaccess:http://www.askapache.com/htaccess/apache-speed-cache-control.html

票数 1
EN

Stack Overflow用户

发布于 2011-01-06 16:59:03

如果您网站使用PHP,则使用apc缓存机制将图像存储在缓存中,或者使用任何框架使用框架的默认机制进行缓存。

Sanil S

票数 0
EN

Stack Overflow用户

发布于 2011-01-06 17:57:15

根据图像的内容,简单的图像压缩技术和选择正确的文件格式可以提供很大帮助。

如果你有一个很好的模式,试着找到它重复的地方,并将图像裁剪到那个大小。然后,在页面的CSS中,只需在正文中添加:

代码语言:javascript
运行
复制
body { background: url("pattern.jpg") repeat-all; }

如果您有一个只在一个方向上重复的模式,比如一个只能向下重复的“列”模式,那么可以使用

代码语言:javascript
运行
复制
body { background: url("column.png") repeat-y #your-background-rgb-colour; }

这将使它在页面上重复,但不会在页面上重复。在整个页面中重复图像也是如此,只需使用repeat-x。

接下来是图像格式。这是我们变得非常主观的地方,但这是我对它的看法。您有四个主要选项:

  1. .jpg对必须是照片真实感的图像使用此选项,没有任何颜色裁剪。对于web查看,通常你可以使用大约70%的quality.
  2. .gif来处理只需要一定数量颜色的图像。Gif图像可以非常小,但代价是失去不必要的颜色从image.
  3. .png (有限的调色板) png格式这种png格式的工作方式与我上面描述的gif相同的方式,但在某些情况下,这可以产生一个较小的result.
  4. .png (全位)类似于jpg,这种png格式允许所有的颜色和照片逼真的图像。然而,它通常提供比jpg更大的图像,但具有较少的压缩伪影(图像中的块状比特)。

不过,只要尝试一下压缩设置,你就会发现一些令人愉悦的东西。

内森·C。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4613175

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档