如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

不知道大家是否已经习惯了,打开一个网页之后,在网速慢的情况下,看着图片从上到下一点点的显示。但是如果你打开百度的图片搜索显示页面,就会发现,它的展示形式和我们的习惯上是不一样的。它有个从模糊到清晰的过程。大家可以自行百度任何一张图片来感受一下。下面的这2个对比效果图,是从网络上盗的图,这里向原作者表示感谢。这个图做的太好了,无法超越。大家看看对比效果。

图片优化前端显示,PHP修改图片交错显示 - jiaocuo_1

图片优化前端显示,PHP修改图片交错显示(图6-1)

图片优化前端显示,PHP修改图片交错显示 - jiaocuo_2

图片优化前端显示,PHP修改图片交错显示(图6-2)

在photoshop保存图片为png和gif格式的时候,是有这个交错显示的选项的。当保存为jpg格式的时候,选项中的“连续”就是我们所期待的“交错”效果。见下图。

图片优化前端显示,PHP修改图片交错显示 - png_jiaocuo_01

图片优化前端显示,PHP修改图片交错显示(图6-3)

图片优化前端显示,PHP修改图片交错显示 - png_jiaocuo_02

图片优化前端显示,PHP修改图片交错显示(图6-4)

图片优化前端显示,PHP修改图片交错显示 - png_jiaocuo_03

图片优化前端显示,PHP修改图片交错显示(图6-5)

本篇文章中,苏南大叔不是教大家使用PS的,所以,这里就不展开叙述了。我们说的是如何利用PHP做这个事情。注意,php.ini中必须开启GD库,不会开启的,请查看苏南大叔的其他php文章。https://newsn.net/tag/php/

代码非常简单,如下:

$image = imagecreatefromjpeg("youpath/to/imagefile");
imageinterlace($image,1);
imagejpeg($image,"youpath/to/imagefile");
imagedestroy($image);

其中关键函数就是 imageinterlace ,具体说明,参见这里:https://doc.php.sh/zh/function.imageinterlace.html

苏南大叔的博客,很早之前就启用了水印功能,https://newsn.net/say/blog-enable-watermarker.html 。所以,这里,我对原有的水印功能,做了点小小的修改。使之能够支持图片交错模式。

图片优化前端显示,PHP修改图片交错显示 - png_jiaocuo_00

图片优化前端显示,PHP修改图片交错显示(图6-6)

就加了这么一句话,然后苏南大叔的博客水印图,全部都被“交错”显示了。很不错的说。

  【php】秘籍文章入口,仅传授于有缘之人  php

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

打赏领取小礼物

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/php-change-image-mode.html
上一篇好文:centos,php71如何编译安装tidy扩展
下一篇好文:centos系统etc目录chmod误操作后无法进入ssh的挽救措施

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~