推薦閱讀

陳小成

影響圖片大小的因素-如何將圖片的KB做的更小

時(shí)間：2014-06-25 | 分類(lèi)：操作幫助

瀏覽：24248

以下一組數(shù)據(jù)，足以說(shuō)明網(wǎng)頁(yè)打開(kāi)速度的重要性。

網(wǎng)頁(yè)打開(kāi)的最佳速度： 2秒!     許多研究都表明，用戶(hù)最滿(mǎn)意的打開(kāi)網(wǎng)頁(yè)時(shí)間，是在2秒以下。

用戶(hù)能夠忍受的最長(zhǎng)等待時(shí)間的中位數(shù)，在6～8秒之間。

這就是說(shuō)，8秒是一個(gè)臨界值，如果你的網(wǎng)站打開(kāi)速度在8秒以上，那么很可能，大部分訪問(wèn)者最終都會(huì)離你而去。 　　

研究顯示，如果等待12秒以后，網(wǎng)頁(yè)還是沒(méi)有載入，那么99%以上的用戶(hù)會(huì)關(guān)閉這個(gè)網(wǎng)頁(yè)，不再等待。 　　

但是，如果在等待載入期間，網(wǎng)站能夠向用戶(hù)顯示反饋消息，比如一個(gè)進(jìn)度條，那么用戶(hù)可以忍受的時(shí)間會(huì)延長(zhǎng)到38秒。

Google做過(guò)一個(gè)試驗(yàn)，顯示10條搜索結(jié)果的頁(yè)面載入需要0.4秒，顯示30條搜索結(jié)果的頁(yè)面載入需要0.9秒，結(jié)果后者使得Google總的流量和收入減少了20%。 　　

Google地圖上線的時(shí)候，首頁(yè)大小有100KB，后來(lái)下降到70~80KB。結(jié)果，流量在第一個(gè)星期上升了10%，接下來(lái)的3個(gè)星期又再上升了25%。 　　

Amazon的統(tǒng)計(jì)也顯示了相近的結(jié)果，首頁(yè)打開(kāi)時(shí)間每增加100毫秒，網(wǎng)站銷(xiāo)售量會(huì)減少1%。

 

影響網(wǎng)頁(yè)打開(kāi)速度的因素主要有以下幾個(gè)方面：

（1）服務(wù)器：服務(wù)器的運(yùn)算速度決定，一般的服務(wù)器都沒(méi)有問(wèn)題；

（2）服務(wù)器帶寬：這個(gè)是很重要的因素之一，一個(gè)標(biāo)準(zhǔn)1U服務(wù)器的托管費(fèi)用，從4000元到數(shù)萬(wàn)元一年不等，其中，機(jī)房穩(wěn)定性，帶寬，出口訪問(wèn)速度，就是很重要的原因，也是價(jià)格區(qū)別大的原因。

（3）程序語(yǔ)言：程序代碼冗余，內(nèi)容與樣式?jīng)]有分離，不合理腳本程序，查詢(xún)語(yǔ)句，死循環(huán)，程序錯(cuò)誤等都可能導(dǎo)致網(wǎng)頁(yè)打開(kāi)速度慢；

（4）網(wǎng)頁(yè)圖片：這個(gè)是非常重要的一個(gè)原因，圖片的數(shù)量多，圖片過(guò)大，都會(huì)明顯影響網(wǎng)頁(yè)打開(kāi)速度；

（5）訪問(wèn)者自己的網(wǎng)速（這個(gè)問(wèn)題只有用戶(hù)自己解決，我們無(wú)能為力。）

 

本文主要講其中最重要的因素之一：圖片影響了網(wǎng)頁(yè)打開(kāi)速度。

 

問(wèn)題分為兩個(gè)：（1）哪些因素影響了圖片的大小；（2）哪些方法可以減小圖片的大小。

1、影響圖片大小的因素

說(shuō)明：這里的大小，指的是一張圖片有多少KB，而不是圖片的顯示尺寸（像素）。大家不要混淆了。

有多少KB會(huì)影響網(wǎng)頁(yè)打開(kāi)速度，但像素大小與KB大小，并不成正比。

當(dāng)訪問(wèn)網(wǎng)頁(yè)時(shí)，用戶(hù)需要下載這個(gè)圖片后才能顯示，所以訪問(wèn)者的網(wǎng)速越慢，你的圖片KB越大，打開(kāi)就越慢。

 

（1）圖片尺寸（像素）：同樣的一張圖，尺寸做得越大，圖片就越大，打開(kāi)就越慢；

         注：尺寸和像素，都是表達(dá)圖片長(zhǎng)和寬的單位。

（2）圖片的色彩豐富程度：色彩越豐富，顏色越多樣，在同樣尺寸大小時(shí)，圖片越大；

（3）圖片的清晰度：高清，高飽和度的圖片，在同樣尺寸大小時(shí)，圖片越大；

（4）圖片的格式：一般圖片格式網(wǎng)頁(yè)上常用的有，.jpg  .png .gif，

          一般情況下，色彩豐富的圖，用jpg會(huì)小一些；色彩單一的圖用gif，或者png要小一些；

          具體操作時(shí)，可以切換圖片格式，選擇圖片不失真前提下，最小KB的做為圖片使用格式即可。

        

我們知道了影響圖片大小KB的因素，就可以找到將圖片做得更小的方法。

 2、減少圖片大小KB的方法

思途分別用專(zhuān)業(yè)的圖像軟件photoshop 和簡(jiǎn)單的美圖秀秀做示例，希望幫助您快速的減小圖片的大小，從而保障你網(wǎng)頁(yè)的打開(kāi)速度。

（1）用photoshop調(diào)整圖片大小

第1步，第2步， 點(diǎn)擊圖像選項(xiàng)，選擇圖片大小設(shè)置

 

第3步，第4步，原始圖片是一張高達(dá)34.3M的圖片，直接上傳到網(wǎng)頁(yè)上肯定是不行的，我們根據(jù)圖片準(zhǔn)備放到網(wǎng)頁(yè)上的位置，（該位置有一個(gè)程序設(shè)計(jì)好的圖片最大顯示寬度和高度）將這里的圖片像素改為需要的大小。點(diǎn)擊保存。

 

第5步，建議選擇保存為  WEB 網(wǎng)頁(yè)所用格式，這個(gè)格式可以在網(wǎng)頁(yè)上不失真的最大幅度壓縮圖片大小KB 。

第6步，可以切換圖片格式，不同格式可以發(fā)現(xiàn)，下圖左下角圖片大小的變化，當(dāng)前已經(jīng)為40.41KB（這個(gè)大小是比較適合放到網(wǎng)頁(yè)上的）

第7步，可以切換同一格式示，圖片的清晰度，或者叫質(zhì)量度、飽和度，一般情況下，品質(zhì)在60時(shí)，圖片不會(huì)明顯的失真。

第8步，保存，準(zhǔn)備用于網(wǎng)站上傳。

（2）用美圖秀秀調(diào)整圖片大小(思途推薦使用)

第1步，第2步，按網(wǎng)頁(yè)顯示需要，調(diào)整圖片尺寸

第3步，保存操作

第4步，準(zhǔn)備保存圖片

第5步，可以選擇圖片格式，美圖秀秀支持，.jpg\.bmp\.png三種格式；

第6步，第7步，可以調(diào)整圖像畫(huà)質(zhì)，這里可以看到圖片的大小KB 會(huì)跟著變小，你需要選擇你顯示的尺寸不失真的最小大小就行了。

第8步，保存到電腦 ，準(zhǔn)備上傳到網(wǎng)站上。

 

（3）除了美圖秀秀外，還有很多軟件和工具，可以批量減少圖片的大小，思途推薦您可以試試使用。

 

圖片批量大小處理軟件：http://www.021rulin.com/peixun/fangfa-136

美圖秀秀：http://xiuxiu.meitu.com/