私が取り組んでいるサイトがあり、画像の読み込みに永遠に時間がかかります。画像はサーバーから送信され、phpアップロードを使用してアップロードされています。画像は1212x2564などでアップロードされています。
これが私が使用しているhtmlimg属性です
<img src="upload/<?php echo $array['image'] ?>" width="500" />
私のサイトはhttp://www.willruppelglass.com/です。
画像の読み込みに時間がかかるのはなぜですか？
画像は膨大で、元の解像度でダウンロードされています。HTML パラメータまたは CSS を使用して画像に特定の幅を指定すると、元の画像が伸縮するだけで、解像度やファイル サイズは変更されません。
読み込みを高速化するには、実際の解像度が 500px の画像のサムネイル バージョンを作成する必要があります。
ご使用のOSをお知らせいただければ、サムネイル作成ツールをご提案させていただきます。
これらの画像は非常に大きいため、適切な時間内にロードされると予想される場合は、サイズを大幅に縮小する必要があります。
WebResizerを使用して無料でこれを支援したり、お気に入りのグラフィック編集プログラムを使用したりできます。
これらのことに慣れていない場合は、自動画像サイズ変更が含まれているため、wordpress などを使用する価値がある場合があります。特定の領域で使用する画像のサイズを定義することができ、元のフル サイズの画像をアップロードしても、wp は正しいサイトの画像を作成します。明らかに、これにはいくつかの構成が必要ですが、php を使用してゼロから画像リサイザーを構築しようとするよりも簡単かもしれません。
サーバー側の画像処理を使用して、Web で許容されるサイズに縮小する必要があります。
http://www.zeronese.net/knowledge-base/articles/article-1060.html
あなたの画像は大きすぎます。つまり、少し大きいだけでなく、大きすぎます。最大 1600px を超えるものはお勧めしません。