2016-05-27 9 views
1

私は背景に設定大きい画像を有する:スライスされたイメージをボディの背景イメージにするにはどうすればいいですか?

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

問題です。 1.72MB(1900×1400)です。私はPhotoshopで画像のサイズを小さくして画質を落としたくはありません。しかし、それは私の読み込み時間を遅くしています。私がやろうとしていることの1つは、Webページの読み込み時間を短縮することです。

スライスされた画像を使用しているとわかりました。だから私はPhotoshopで作られたスライスされたイメージを使用しようとしています。問題は、作成するHTMLコードがテーブルを作成することです。どのように保存しようとしても問題ありません。しかし、私はバックグラウンドでイメージを必要とし、テーブルは理想的ではありません。

私は身体の中のこれらの2つの方法でスライス画像を設定しようとしました:

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

tinypng.comこれはフォトショップ –

+0

PhotoshopのCTRL + ALT +シフト+ Sは100%ではない行うよりも優れています画像品質を失う –

+0

tinypng.comは本当にうまくいきます... 1.72MBから215kbに88%節約! –

答えて

1

1.tinypng.com

2.photoshopのCTRL + ALT + + Sをシフト100%

関連する問題