PHP实例：页面利用渐进式JPEG来提升用户体验度

《PHP实例：页面利用渐进式JPEG来提升用户体验度》要点：
本文介绍了PHP实例：页面利用渐进式JPEG来提升用户体验度，希望对您有用。如果有疑问，可以联系我们。

PHP实战今天才认识到原来JPEG文件有两种保留方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式).两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同.

PHP实战Baseline JPEG

PHP实战这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中.打开这个文件显示它的内容时,数据将依照存储时的顺序从上到下一行一行的被显示出来,直到所有的数据都被读完,就完成了整张图片的显示.如果文件较大或者网络下载速度较慢,那么就会看到图片被一行行加载的效果,这种格式的JPEG没有什么优点,因此,一般都推荐使用Progressive JPEG.

PHP实战

PHP实战Progressive JPEG

PHP实战和Baseline一遍扫描不同,Progressive JPEG文件包括多次扫描,这些扫描顺寻的存储在JPEG文件中.打开文件过程中,会先显示整个图片的模糊轮廓,随着扫描次数的增加,图片变得越来越清晰.这种格式的主要优点是在网络较慢的情况下,可以看到图片的轮廓知道正在加载的图片大概是什么.在一些网站打开较大图片时,你就会注意到这种技术.

PHP实战

PHP实战渐进式图片带来的好处是可以让用户在没有下载完图片就可以看到最终图像的大致轮廓,一定程度上可以提升用户体验.(瀑布留的网站建议还是使用标准型的)

PHP实战

PHP实战另外渐进式的图片的大小并不会和基本的图片大小相差很多,有时候可能会比基本图片更小.渐进式的图片的缺点就是吃用户的CPU和内存,不过对于现在的电脑来说这点图片的计算并不算什么.

PHP实战说了这边多下面就改讲讲怎么讲图片保留为或者转化为Progressive JPEG了.

PHP实战1、PhotoShop

PHP实战在photoshop中有“存储为web所用格式”,打开后选择“连续”就是渐进式JPEG.

PHP实战 

PHP实战具体教程参考

PHP实战2、Linux

PHP实战检测是否为progressive jpeg ： identify -verbose filename.jpg | grep Interlace(如果输出 None 说明不是progressive jpeg；如果输出 Plane 说明是 progressive jpeg.)

PHP实战将basic jpeg转换成progressive jpeg：> convert infile.jpg -interlace Plane outfile.jpg

PHP实战3、PHP

PHP实战使用 imageinterlace 和 imagejpeg 函数我们可以轻松办理转换问题.

PHP实战
<?php
    $im = imagecreatefromjpeg('pic.jpg');
    imageinterlace($im, 1);
    imagejpeg($im, './php_interlaced.jpg', 100);
    imagedestroy($im);
?>

PHP实战4、Python

PHP实战
import PIL
from exceptions import IOError
img = PIL.Image.open("c:\\users\\biaodianfu\\pictures\\in.jpg")
destination = "c:\\users\\biaodianfu\\pictures\\test.jpeg"
try:
  img.save(destination, "JPEG", quality=80, optimize=True, progressive=True)
except IOError:
  PIL.ImageFile.MAXBLOCK = img.size[0] * img.size[1]
  img.save(destination, "JPEG", quality=80, optimize=True, progressive=True)

PHP实战5、jpegtran

PHP实战jpegtran -copy none -progressive <inputfile> <outputfile>

PHP实战6、C#

PHP实战
using (Image source = Image.FromFile(@"D:\temp\test2.jpg")) { 
  ImageCodecInfo codec = ImageCodecInfo.GetImageEncoders().First(c => c.MimeType == "image/jpeg"); 
  EncoderParameters parameters = new EncoderParameters(3);
  parameters.Param[0] = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 100L);
  parameters.Param[1] = new EncoderParameter(System.Drawing.Imaging.Encoder.ScanMethod, (int)EncoderValue.ScanMethodInterlaced);
  parameters.Param[2] = new EncoderParameter(System.Drawing.Imaging.Encoder.RenderMethod, (int)EncoderValue.RenderProgressive); 
  source.Save(@"D:\temp\saved.jpg", codec, parameters);
}

PHP实战以上就是使用渐进式JPEG图片来提升页面体验度的全部内容了,很简单实用,这里保举给小伙伴们.

《PHP实例：页面利用渐进式JPEG来提升用户体验度》是否对您有启发，欢迎查看更多与《PHP实例：页面利用渐进式JPEG来提升用户体验度》相关教程，学精学透。维易PHP学院为您提供精彩教程。

转载请注明本页网址：
http://www.vephp.com/jiaocheng/13516.html