Question

我将大图像设置为背景：

<body onload="StartTimers();" onmousemove="ResetTimers();"
style="background-image: url('img/bkgrnd.jpg'); background-size: 100%;">

这就是问题所在;它是1.72mb（1900 x 1400）。我真的不想在Photoshop中缩小图像尺寸并丢失图像质量。但它减慢了我的加载时间。我想要做的一件事是加快我的网页的加载时间。

我认为使用切片图像将是最好的方法。所以我试图使用Photoshop制作的切片图像。问题是它创建的HTML代码创建了一个表，无论我如何尝试保存它。但是我需要背景中的图像，并且表格并不理想。

我试图通过以下两种方式在身体中设置切片图像：

body{
background-image: url(images/bkgrd_01.jpg), 
url(images/bkgrd_02.jpg),......url(images/bkgrd_27.gif);



<body background="url(images/bkgrd_01.jpg), 
url(images/bkgrd_02.jpg), url(images/bkgrd_03.gif),.......
url(images/bkgrd_27.jpg)">

有谁知道如何将切片图像作为页面正文的背景图像？

Answer 1

1.tinypng.com

2.photoshop ctrl + alt + shift + s 100％

如何将切片图像作为身体的背景图像？

1 个答案: