JAVA轉換jpg圖片爲漸進式圖片

很早以前看到一篇《web前端圖片極限優化策略》，瞭解有jpg分爲baseline-jpeg和preogressive-jpeg。

具體的區別以下：

baseline-jpeg：

在文件較大或者網絡下載速度較慢的狀況下，用戶在瀏覽器端看到圖片被一行行加載的效果。

preogressive-jpeg：

在文件較大或者網絡下載速度較慢的狀況下，用戶在瀏覽器端先看到整個圖片的模糊輪廓，隨着掃描次數的增長，圖片變得愈來愈清晰。目前百度圖片就是用此種方式。

用JAVA轉換的相應代碼以下：

package com.tuzki.sannychan;

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.Iterator;

import javax.imageio.IIOImage;
import javax.imageio.ImageIO;
import javax.imageio.ImageWriteParam;
import javax.imageio.ImageWriter;
import javax.imageio.stream.ImageOutputStream;

public class ProgressiveJPEG {

	public static void main(String[] args) throws Exception {
		File file=new File("D:/Picture/pj.jpg"); 
		BufferedImage image = ImageIO.read(file); 
		Iterator<ImageWriter> it = ImageIO.getImageWritersByFormatName("jpeg"); 
		ImageWriter writer=null; 
		while(it.hasNext()) { 
		     writer=it.next(); 
		     break; 
		     //System.out.println(it.next()); 
		} 
		if(writer!=null) { 
		     ImageWriteParam params = writer.getDefaultWriteParam(); 
		     params.setProgressiveMode(ImageWriteParam.MODE_DEFAULT); 
		     //params.setCompressionQuality(0.8f); 
		     ImageOutputStream output = ImageIO.createImageOutputStream(new File("D:/Picture/pj-p.jpg")); 
		     writer.setOutput(output); 
		     writer.write(null,new IIOImage(image,null,null), params); 
		     output.flush(); 
		     writer.dispose(); 
		     System.out.println("ok"); 
		} 

	}

}

用linux命令能夠查看jpeg圖片是否爲漸進式圖片：

//轉換前，結果爲：None，代表非漸進式
[root@master1 ~]# identify -verbose  pj.jpg  | grep Interlace
  Interlace: None

//轉換後，結果爲：JPEG，代表是漸進式  
[root@master1 ~]# identify -verbose  pj-p.jpg  | grep Interlace
  Interlace: JPEG

用瀏覽器測試：

將圖片放到tomcat目錄的webapps\examples目錄下，而後使用chrome訪問該圖片

http://127.0.0.1:8084/examples/pj-p.jpg

用F12打開調試窗口，在network頁面選擇網絡環境爲GPRS，而後刷新頁面，能夠比較清晰感覺到圖片由模糊逐漸清晰的過程。

用這種方式展現圖片的用戶體驗較好。