如何使切片圖像成為身體的背景圖像？
[英]How do I make a sliced image the background-image of the body?
問題描述
我有一個大圖像設置為背景：
<body onload="StartTimers();" onmousemove="ResetTimers();"
style="background-image: url('img/bkgrnd.jpg'); background-size: 100%;">
那就是問題所在; 它是 1.72mb (1900 x 1400)。 我真的不想在 Photoshop 中縮小圖像大小並降低圖像質量。 但它減慢了我的加載時間。 我正在嘗試做的一件事是加快我的網頁的加載時間。
我認為使用切片圖像將是最好的方法。 所以我試圖使用由 Photoshop 制作的切片圖像。 問題是它創建的 HTML 代碼會生成一個表格，無論我如何嘗試保存它。 但是我需要背景中的圖像，而表格並不理想。
我嘗試通過這兩種方式在 body 中設置切片圖像：
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)">
有誰知道如何將切片圖像作為頁面正文的背景圖像？
1 個解決方案
解決方案1
1 已采納 2016-05-28 00:04:57
1.tinypng.com
2.photoshop ctrl+alt+shift+s 100%
為什么 backgroundimage 在 chrome 中不是 cssImageValue？ 我如何使用 canvas 處理背景圖像但不制作新圖像？
[英]why backgroundimage is not cssImageValue in chrome? how can i use canvas deal with background-image but not make a new image?
如何為照片制作自定義背景圖像 <div> 在里面 <head> 基於從URL傳遞的變量？
[英]How can I make a customized background-image for a <div> in the <head> based on variable passed from URL?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.