0

私は、何千もの投稿がある Wordpress サイトを運営しています。各投稿には、高さ 240px x 幅 135px にトリミングし、Web 用に保存機能を使用して Photoshop でファイル サイズを縮小した、投稿ごとに少なくとも 1 つのメイン jpeg 画像があります。したがって、アーカイブ ページの場合、これらの画像を 1 ページに 20 ～ 30 個読み込むことができます。

サイトを中心にアプリを設計していて、画像を高品質に見せたいので、240 x 135 のサイズは高解像度の画面ではうまくいきません。そのため、寸法を更新する必要があります。

私の質問は、各投稿が個々のページ内で 603 x 339 の画像を使用するように設定し、その後、CSS を使用してそれらの 603 x 339 の画像を 240 x 135 に縮小するために、小さい画像の投稿をリストするアーカイブ ページを設定する場合です。ロード時間はどれくらい悪くなりますか？アーカイブ ページには 240 x 135 で表示するように設定された 20 ～ 30 枚の画像が読み込まれますが、大丈夫でしょうか? または、元の 603 x 339 画像の実際のファイル サイズが、ページの速度に大きな悪影響を与えるのでしょうか?

4

2 に答える 2

2

確かにロードタイムは大幅に増加します

更新： ファイルシステムに画像（603x339）があるとします。ここで指定されたクラスを使用します。次に、

$resizeObj -> resizeImage(240 ,135 , 'crop');
$resizeObj -> saveImage('sample-resized.jpg', 100);

サイズ変更された画像を作成し、その画像をアーカイブページで使用します。この画像を削除すると、ファイルシステムのサイズを節約できますが、毎回計算量が増えます。ただし、メインページでは、変更されていないため、ファイルシステムで画像を使用できます。

代替ソリューション：

WordpressにはImageMagickエンジンと呼ばれるプラグインがあります

これを使用すると、実際にクライアントマシンに送信する前に、画像のサイズを変更できます。これにより、表示したいサイズの画像を送信できます（クライアント側で再度サイズ変更する必要はありません）。

したがって、負荷を必要なものに制限します。

または、システム自体の画像サイズを縮小する画像圧縮ツール（ Cesiumなど）を使用するだけです。

于 2013-03-14T03:04:00.170 に答える
1

CSS を使用したスケーリングでは、画像全体を読み込む必要があります。その後、ブラウザーは画像を表示する前にそれを縮小する必要があるため、画像を元のサイズで表示するよりもおそらくわずかに遅くなります。速度を上げるには、事前にスケーリングされた画像をクライアントに送信する必要があります。

于 2013-03-14T03:09:01.223 に答える