如何将图像作为流提供

Question

多年来，我注意到使用网络（偶尔开发网站）时，有些网站提供的图片与其他网站有所不同。

1. 第一类首先提供低质量的图像，然后逐渐提供更多数据，以使图像更清晰。
2. 第二种形式的图像就像从上到下垂直扫描一样。

此图说明了我要说的

据我所记得，我曾经设置的每个PHP，NodeJS服务器都提供类似第二种的图像。

所以我的问题是如何在PHP或NodeJS（使用ExpressJS）中实现行为1？

PS ：

  

没有javascript / ajax /（正在使用任何第3方库）

     

我注意到此问题的网站未使用JS /多个请求来实现此目的。完全是服务器端的。

Answer 1

对于第一点，您可以使用PHP的图像魔术，

$im = new imagick();
$im->setResolution(200,200);
$im->readImage('path to the image');
$im->writeImage('path to store the new image with name of image and extension'); 
$im->clear(); 
$im->destroy();

  

在读取图像之前，您需要设置分辨率。然后根据您的用例重复脚本。

希望对您有帮助。