使用图像干预的Laravel渐进式图像

时间:2018-12-17 07:57:19

标签: php laravel laravel-5 progressive-web-apps

我想知道如何在我的网站中应用渐进式图像。 我正在使用图像干预。我寻求某种方法进行图像干预 但我不明白。喜欢

$img = Image::make('public/foo.png');
$img->interlace();

原始图像和隔行扫描的图像没有区别。 谁能帮助我了解渐进式图像以及如何在我的网站中使用图像迭代来应用它?

1 个答案:

答案 0 :(得分:3)

在此插图中您可以看到:

An illustration of interlacing over a 16×16 image

  

隔行扫描(也称为隔行扫描)是一种对位图图像进行编码的方法,以便部分接收图像的人可以看到整个图像的降级副本。

     

...

     

例如:隔行GIF是一种GIF图像,看起来像是通过缓慢打开的百叶帘进入的图像。图像的模糊轮廓逐渐被连续的七次比特流波所代替,这些波流填充了缺失的行,直到图像达到其完整分辨率为止。

     

Interlacing (bitmaps) on Wikipedia

换句话说,除非您尝试在现代Web浏览器中以低速连接加载它们,否则您将看不到两个图像之间的视觉差异。 (请参阅:Firefox DevTools has now a network throttling tool to simulate slow connections


顺便说一句,您的代码为correct。我猜你只是想看看隔行图像和非隔行图像之间的区别,只要它们不大且加载速度快,就无法做到。


为了更好地理解: