HTML：以低分辨率渲染高分辨率图像

Question

我有一个包含大量1080p图像的文件夹。在该文件夹中，我有一个index.php，它将显示所有图像，每行缩小为4个图像。但是，图像仍然呈现为完整尺寸和分辨率，因此有时需要一段时间才能加载所有这些图像。我想渲染图像，但分辨率较低，加快了加载时间。这可能吗？此外，它可以与HTML 5的视频元素类似地完成吗？

您可以在http://quantumquantonium.ddns.net/images_and_videos/screenshots/epic

查看我想要以较低质量加载图片的网站

Answer 1

在这种情况下使用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

Answer 2

单独使用html是不可能的，但使用php插件可以动态转换图像大小。