HTML：高解像度の画像を低解像度でレンダリングする

Question

サイズが約1080pの画像がたくさんあるフォルダがあります。そのフォルダには、すべての画像を表示するindex.phpがあり、行ごとに4つの画像に縮小されています。しかし、画像はフルサイズと解像度のようにレンダリングされるため、これらの画像をすべて読み込むのにしばらく時間がかかることがあります。私は画像をレンダリングしたいが、ローリング時間を短縮するために解像度は低くする。これは可能ですか？また、HTML 5のビデオ要素と同様に行うことができますか？

あなたはそれだけではHTMLで可能ではないですが、PHPプラグインで、あなたがその場で画像サイズを変換することができhttp://quantumquantonium.ddns.net/images_and_videos/screenshots/epic

Answer 1

で私は低品質の画像をロードするウェブサイトを閲覧することができます。この場合

Answer 2

使用したPHPのImagickプラグイン

例：よりここ

<?php 

header('Content-type: image/jpeg'); 

$image = new Imagick('image.jpg'); 

// If 0 is provided as a width or height parameter, 
// aspect ratio is maintained 
$image->thumbnailImage(100, 0); 

echo $image; 

?> 

読む：php.net/manual/en/book.imagick.php