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