Javascript 如何使切片图像成为身体的背景图像？_Javascript_Html_Css_Image

Javascript 如何使切片图像成为身体的背景图像？

javascript html css image

Javascript 如何使切片图像成为身体的背景图像？,javascript,html,css,image,Javascript,Html,Css,Image,我有一个大图像集作为背景： <body onload="StartTimers();" onmousemove="ResetTimers();" style="background-image: url('img/bkgrnd.jpg'); background-size: 100%;"> 这就是问题所在；它是1.72mb（1900 x 1400）。我真的不想在Photoshop中缩小图像的大小而失去图像质量。但这会减慢我的加载时间。我正在尝试做的事情之一就是加快网页的加载时间

我有一个大图像集作为背景：

<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)">

正文{
背景图片：url（images/bkgrd_01.jpg），
url（images/bkgrd_02.jpg），……url（images/bkgrd_27.gif）；

有人知道如何将切片图像作为页面主体的背景图像吗？

1.tinypng.com

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

tinypng.com这比photoshop的ctrl+alt+shift+s 100%好，不会丢失图像质量这太好了…tinypng.com真的很好…从1.72mb到215kb，节省了88%！