《PHP實(shí)例：頁面利用漸進(jìn)式JPEG來提升用戶體驗(yàn)度》要點(diǎn)：
本文介紹了PHP實(shí)例：頁面利用漸進(jìn)式JPEG來提升用戶體驗(yàn)度，希望對您有用。如果有疑問，可以聯(lián)系我們。

PHP實(shí)戰(zhàn)今天才認(rèn)識到原來JPEG文件有兩種保留方式他們分別是Baseline JPEG(標(biāo)準(zhǔn)型)和Progressive JPEG(漸進(jìn)式).兩種格式有相同尺寸以及圖像數(shù)據(jù),他們的擴(kuò)展名也是相同的,唯一的區(qū)別是二者顯示的方式不同.

PHP實(shí)戰(zhàn)Baseline JPEG

PHP實(shí)戰(zhàn)這種類型的JPEG文件存儲方式是按從上到下的掃描方式,把每一行順序的保存在JPEG文件中.打開這個文件顯示它的內(nèi)容時,數(shù)據(jù)將依照存儲時的順序從上到下一行一行的被顯示出來,直到所有的數(shù)據(jù)都被讀完,就完成了整張圖片的顯示.如果文件較大或者網(wǎng)絡(luò)下載速度較慢,那么就會看到圖片被一行行加載的效果,這種格式的JPEG沒有什么優(yōu)點(diǎn),因此,一般都推薦使用Progressive JPEG.

PHP實(shí)戰(zhàn)

PHP實(shí)戰(zhàn)Progressive JPEG

PHP實(shí)戰(zhàn)和Baseline一遍掃描不同,Progressive JPEG文件包括多次掃描,這些掃描順尋的存儲在JPEG文件中.打開文件過程中,會先顯示整個圖片的模糊輪廓,隨著掃描次數(shù)的增加,圖片變得越來越清晰.這種格式的主要優(yōu)點(diǎn)是在網(wǎng)絡(luò)較慢的情況下,可以看到圖片的輪廓知道正在加載的圖片大概是什么.在一些網(wǎng)站打開較大圖片時,你就會注意到這種技術(shù).

PHP實(shí)戰(zhàn)

PHP實(shí)戰(zhàn)漸進(jìn)式圖片帶來的好處是可以讓用戶在沒有下載完圖片就可以看到最終圖像的大致輪廓,一定程度上可以提升用戶體驗(yàn).(瀑布留的網(wǎng)站建議還是使用標(biāo)準(zhǔn)型的)

PHP實(shí)戰(zhàn)

PHP實(shí)戰(zhàn)另外漸進(jìn)式的圖片的大小并不會和基本的圖片大小相差很多,有時候可能會比基本圖片更小.漸進(jìn)式的圖片的缺點(diǎn)就是吃用戶的CPU和內(nèi)存,不過對于現(xiàn)在的電腦來說這點(diǎn)圖片的計算并不算什么.

PHP實(shí)戰(zhàn)說了這邊多下面就改講講怎么講圖片保留為或者轉(zhuǎn)化為Progressive JPEG了.

PHP實(shí)戰(zhàn)1、PhotoShop

PHP實(shí)戰(zhàn)在photoshop中有“存儲為web所用格式”,打開后選擇“連續(xù)”就是漸進(jìn)式JPEG.

PHP實(shí)戰(zhàn)?

PHP實(shí)戰(zhàn)具體教程參考

PHP實(shí)戰(zhàn)2、Linux

PHP實(shí)戰(zhàn)檢測是否為progressive jpeg ： identify -verbose filename.jpg | grep Interlace(如果輸出 None 說明不是progressive jpeg；如果輸出 Plane 說明是 progressive jpeg.)

PHP實(shí)戰(zhàn)將basic jpeg轉(zhuǎn)換成progressive jpeg：> convert infile.jpg -interlace Plane outfile.jpg

PHP實(shí)戰(zhàn)3、PHP

PHP實(shí)戰(zhàn)使用 imageinterlace 和 imagejpeg 函數(shù)我們可以輕松辦理轉(zhuǎn)換問題.

PHP實(shí)戰(zhàn)
<?php
??? $im = imagecreatefromjpeg('pic.jpg');
??? imageinterlace($im, 1);
??? imagejpeg($im, './php_interlaced.jpg', 100);
??? imagedestroy($im);
?>

PHP實(shí)戰(zhàn)4、Python

PHP實(shí)戰(zhàn)
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實(shí)戰(zhàn)5、jpegtran

PHP實(shí)戰(zhàn)jpegtran -copy none -progressive <inputfile> <outputfile>

PHP實(shí)戰(zhàn)6、C#

PHP實(shí)戰(zhàn)
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實(shí)戰(zhàn)以上就是使用漸進(jìn)式JPEG圖片來提升頁面體驗(yàn)度的全部內(nèi)容了,很簡單實(shí)用,這里保舉給小伙伴們.

《PHP實(shí)例：頁面利用漸進(jìn)式JPEG來提升用戶體驗(yàn)度》是否對您有啟發(fā)，歡迎查看更多與《PHP實(shí)例：頁面利用漸進(jìn)式JPEG來提升用戶體驗(yàn)度》相關(guān)教程，學(xué)精學(xué)透。維易PHP學(xué)院為您提供精彩教程。

轉(zhuǎn)載請注明本頁網(wǎng)址：
http://www.snjht.com/jiaocheng/13516.html