HTML：在低分辨率下渲染高分辨率圖像

Question

我有一個大小爲1080p的圖像的文件夾。在那個文件夾中，我有一個index.php，可以顯示所有圖像，每行縮小爲4個圖像。但是，圖像仍呈現爲全尺寸和分辨率，因此有時需要一段時間才能加載所有這些圖像。我想渲染圖像，但以更低的分辨率獲得更快的加載時間。這可能嗎？另外，HTML 5的視頻元素能否做到這一點？

您可以查看網站，我想在http://quantumquantonium.ddns.net/images_and_videos/screenshots/epic

Answer 1

這是不可能單獨使用HTML，但是有一個PHP插件，您可以在飛行中變換圖像的大小加載在低質量的圖像。在這種情況下

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