前端图片优化显示,PHP修改图片交错渐进显示
发布于 作者:苏南大叔 来源:程序如此灵动~不知道大家是否已经习惯了,打开一个网页之后,在网速慢的情况下,看着图片从上到下一点点的显示。但是如果你打开百度的图片搜索显示页面,就会发现,它的展示形式和我们的习惯上是不一样的。它有个从模糊到清晰的过程。
效果展示
大家可以自行百度任何一张图片来感受一下。下面的这2个对比效果图,是从网络上盗的图,这里向原作者表示感谢。这个图做的太好了,无法超越。大家看看对比效果。
photoshop
效果
在photoshop保存图片为png和gif格式的时候,是有这个交错显示的选项的。当保存为jpg格式的时候,选项中的“连续”就是我们所期待的“交错”效果。见下图。
php
控制图片模式
本篇文章中,苏南大叔不是教大家使用PS的,所以,这里就不展开叙述了。我们说的是如何利用PHP做这个事情。注意,php.ini中必须开启GD库。
代码非常简单,如下:
$image = imagecreatefromjpeg("youpath/to/imagefile");
imageinterlace($image,1);
imagejpeg($image,"youpath/to/imagefile");
imagedestroy($image);
其中关键函数就是 imageinterlace
函数。苏南大叔的博客,很早之前就启用了水印功能,所以,这里,我对原有的水印功能,做了点小小的修改。使之能够支持图片交错模式。
就加了这么一句话,然后苏南大叔的博客水印图,全部都被“交错”显示了。很不错的说。
相关链接
- https://newsn.net/say/blog-enable-watermarker.html
- https://doc.php.sh/zh/function.imageinterlace.html
总结
苏南大叔的php
文章,都在下面的链接里面:



本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。
本站的忠实读者小伙伴,正在阅读下面这些文章: