彭澤賽

摘要：網(wǎng)站中若是存在大量圖片，則會(huì)明顯影響到網(wǎng)絡(luò)訪問(wèn)的速度。這其中的原因是什么呢？很多人都會(huì)說(shuō)這是因?yàn)閳D片太大，所以影響到網(wǎng)絡(luò)訪問(wèn)的速度。這里說(shuō)的圖片大指的是什么呢？大的圖片是如何影響到網(wǎng)絡(luò)訪問(wèn)的速度的呢？對(duì)影響到網(wǎng)絡(luò)訪問(wèn)速度的圖片，目前的技術(shù)是如何對(duì)其進(jìn)行處理的呢？本文將就這些問(wèn)題進(jìn)行詳細(xì)闡述。

關(guān)鍵詞：圖片；傳輸；壓縮；訪問(wèn)速度

中圖分類號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）07-0046-02

Abstract： site if the existence of a large number of pictures， it will significantly affect the network access speed. What is the reason？ A lot of people will say this is because the picture is too large， so the impact to the network access speed. What is here said of the picture thumb？ The big picture is how to affect the network access speed？ To affect the network access speed pictures， current technology is how to carry on the treatment？ This paper will deal with these problems in detail.

Key words： image； compression； transmission； access speed

1 引言

在網(wǎng)絡(luò)技術(shù)日趨成熟的今天，人們從網(wǎng)絡(luò)上獲取所需信息已經(jīng)成為日常生活的一部分。這種方式之所以逐漸成為人們獲取信息的主流方式，不僅僅是因?yàn)榫W(wǎng)絡(luò)的無(wú)處不在以及其傳播的高效率，還因?yàn)榫W(wǎng)絡(luò)上除了可以獲取得到和報(bào)紙、廣播一樣的文字信息之外，還可以獲得鮮活的圖片和視頻信息。正因?yàn)榇罅康膱D片配上文字信息，不僅僅能夠滿足人們獲取信息的需要，還能給人們以視覺上的滿足。因此，在網(wǎng)絡(luò)上，圖片是一種必不可少的傳遞信息的載體和手段。也正因?yàn)檫@個(gè)原因，所有的網(wǎng)站在明確知道圖片的存在會(huì)明顯影響網(wǎng)絡(luò)訪問(wèn)速度的前提下，仍然在網(wǎng)站中添加了大量的圖片。事實(shí)證明，絕大多數(shù)的用戶寧愿選擇稍作等待，也要得到圖文并茂的信息，也不愿意得到不用等待，直接可以獲取的單純的文字信息。不過(guò)，若是用戶等待的時(shí)間過(guò)長(zhǎng)，顯然也會(huì)影響到用戶對(duì)于網(wǎng)站的選擇。所以，在設(shè)計(jì)網(wǎng)站之初，所有的設(shè)計(jì)者都會(huì)充分考慮到大量圖片對(duì)于網(wǎng)絡(luò)訪問(wèn)速度的影響。也就是說(shuō)，網(wǎng)站中放置大量的圖片是必不可少的，但是需要使用各種手段來(lái)提升網(wǎng)絡(luò)訪問(wèn)的速度。通常采用的手段主要有兩種：對(duì)圖片進(jìn)行壓縮；建立單獨(dú)的圖片服務(wù)器。

2 圖片大小的計(jì)算

用戶打開頁(yè)面的過(guò)程其實(shí)可以簡(jiǎn)單理解為就是從服務(wù)器站點(diǎn)下載頁(yè)面內(nèi)容的過(guò)程。服務(wù)器端頁(yè)面上的文字，圖片等信息下載完成之后，用戶便會(huì)在瀏覽器端看到這個(gè)頁(yè)面完整的信息。在下載的過(guò)程中，文字信息先下載完，圖片信息后下載完，所以通常情況下，都是先看到文字信息，然后才看到圖片信息。為什么文字信息先下載完，而圖片信息后下載完呢？以中文為例，我們所使用的漢字默認(rèn)占2個(gè)字節(jié)的長(zhǎng)度，而圖片的存儲(chǔ)大小則取決于圖片的顯示模式和像素。以一個(gè)RGB模式的800*600的圖片為例，他的大小為：800*600*3=1440000字節(jié)。在此，便可以回答本文開頭所提出的問(wèn)題：所謂的圖片太大指的是圖片本身所占的空間太大。從上面的簡(jiǎn)單例子可以看出，一張800*600的圖片只是一張很普通的圖片，對(duì)于大多數(shù)圖片來(lái)說(shuō)，這張圖片算是小的。但是他在網(wǎng)絡(luò)傳輸過(guò)程中，卻相當(dāng)于720000個(gè)漢子的大小。如此巨大的差別，顯然能夠使得用戶在瀏覽器端明顯的感覺到等待圖片下載的過(guò)程。

3 圖片的傳輸

圖片太大，導(dǎo)致下載時(shí)間變長(zhǎng)，也就是從服務(wù)器端傳輸?shù)娇蛻舳说臅r(shí)間會(huì)變長(zhǎng)。具體過(guò)程是怎么樣的呢？一般情況下，在網(wǎng)絡(luò)上傳輸?shù)臄?shù)據(jù)包的大小是固定的。比如，在以太網(wǎng)中傳輸?shù)膯蝹€(gè)數(shù)據(jù)包允許的大小約為1500字節(jié)。但是這1500字節(jié)并不是凈載數(shù)據(jù)的大小。在這個(gè)1500字節(jié)里面還包括傳輸?shù)呐渲门c服務(wù)信息，因此，真正的凈載數(shù)據(jù)還不足1500字節(jié)。按照前面關(guān)于圖片大小的描述，小于1500字節(jié)的圖片很少，幾乎沒(méi)有。那么這就意味著一個(gè)數(shù)據(jù)包不能完全傳輸一張圖片，需要進(jìn)行分片。分片的含義就是：在網(wǎng)絡(luò)傳輸過(guò)程中，某一個(gè)對(duì)象的容量太大，不能在一個(gè)數(shù)據(jù)傳輸單元里面完全傳輸，則需要使用多個(gè)傳輸單元來(lái)對(duì)這個(gè)對(duì)象進(jìn)行傳輸，這多個(gè)傳輸單元是一個(gè)序列，這些序列的存在就是為了讓某一個(gè)較大的對(duì)象安全、完整的傳輸?shù)侥康牡亍６竭_(dá)目的地之后，因?yàn)橹霸诎l(fā)送端對(duì)圖片進(jìn)行了分割以便進(jìn)行傳輸，所以當(dāng)分片序列傳輸完畢之后還需要對(duì)這些片進(jìn)行重新組合，讓其成為一個(gè)完整的圖片。這其中還有一點(diǎn)更復(fù)雜：以太網(wǎng)中單個(gè)數(shù)據(jù)包允許的大小為1500字節(jié)。因此，傳輸單元大于1500字節(jié)便要進(jìn)行分片，而在X.25網(wǎng)中單個(gè)數(shù)據(jù)包允許的大小為576字節(jié)，這就意味著當(dāng)圖片在較為復(fù)雜的網(wǎng)絡(luò)中傳輸?shù)臅r(shí)候，有可能會(huì)進(jìn)行多次分片。比如說(shuō)：在以太網(wǎng)發(fā)送端進(jìn)行分片之后傳輸，若在到達(dá)目的地的過(guò)程中需要經(jīng)過(guò)X.25網(wǎng)，那么在進(jìn)入X.25網(wǎng)之前還需要對(duì)這個(gè)1500字節(jié)的數(shù)據(jù)包進(jìn)行再次分片，以控制傳輸單元的大小不超過(guò)576字節(jié)。這樣經(jīng)過(guò)再次分片的傳輸序列到達(dá)目的地之后，對(duì)傳輸單元的重組則需要花費(fèi)更多的時(shí)間。這樣，在用戶的感覺看來(lái)，等待的時(shí)間便也相應(yīng)變長(zhǎng)。因此，圖片所占的空間大除了表面上認(rèn)為的需要大量的時(shí)間傳輸之外，還因?yàn)榭臻g太大會(huì)導(dǎo)致在傳輸過(guò)程中需要進(jìn)行分片和重組。

4 圖片對(duì)于網(wǎng)絡(luò)速度的影響

上述便是圖片太大影響網(wǎng)絡(luò)訪問(wèn)速度的原因，這其中延長(zhǎng)的時(shí)間除了圖片容量大所消耗掉的傳輸時(shí)間之外，還包括傳輸過(guò)程中分片和重組所消耗掉的時(shí)間。基于這個(gè)原因，通常的解決辦法便歸結(jié)于在不影響圖片顯示質(zhì)量的前提下減小圖片所占的空間，但圖片顯然不可能無(wú)限制的壓縮，所以在對(duì)圖片充分進(jìn)行壓縮的前提下，也增加圖片傳輸?shù)耐ǖ?，這便是通常所說(shuō)的圖片服務(wù)器。

5 圖片的壓縮

圖片的壓縮大概可以分為兩種方式：一種是通過(guò)改變圖片格式來(lái)實(shí)現(xiàn)壓縮。圖片有很多格式，不同的格式因?yàn)轱@示方式，像素組合方式等諸多因素的影響，便會(huì)有不同的大小。需要放在web服務(wù)器上的圖片，將其修改成能夠在網(wǎng)絡(luò)上傳輸?shù)模胰萘肯鄬?duì)較小的圖片格式，這是一種常見的圖片壓縮方式；另外一種則是對(duì)圖片空間的壓縮。圖片一般可認(rèn)為是由像素組成。對(duì)圖片空間的壓縮其實(shí)就是在不影響圖片正常顯示的前提下減少像素。而不管是哪一種壓縮方式，都是以犧牲圖片本身的質(zhì)量為代價(jià)。也就是說(shuō)，經(jīng)過(guò)壓縮的圖片，和原圖相比，顯示的效果，顯示的質(zhì)量等方面都會(huì)有差異。這個(gè)差異的大小取決于原圖本身的質(zhì)量和壓縮的程度?？傃灾?，對(duì)圖片的壓縮其實(shí)就是犧牲圖片部分的質(zhì)量，提升傳輸?shù)男?，在圖片的顯示效果和傳輸?shù)男手g取得一個(gè)相對(duì)的平衡。若一味的追求網(wǎng)絡(luò)傳輸?shù)乃俣?，則可能導(dǎo)致圖片顯示質(zhì)量的下降，從而對(duì)整個(gè)web站點(diǎn)的質(zhì)量產(chǎn)生影響；若致力于追求圖片的顯示質(zhì)量，則會(huì)影響到網(wǎng)絡(luò)傳輸?shù)乃俣取?/p>

6 圖片服務(wù)器的建立

網(wǎng)絡(luò)中解決因?yàn)榇罅繄D片帶來(lái)的速度降低問(wèn)題，除了上述的對(duì)圖片本身進(jìn)行處理之外，還有一種方法就是：建立單獨(dú)的圖片服務(wù)器對(duì)網(wǎng)站中大量的圖片進(jìn)行處理。建立圖片服務(wù)器的優(yōu)點(diǎn)在于：減少web服務(wù)器承載的負(fù)荷，讓服務(wù)器更專注于處理網(wǎng)絡(luò)上來(lái)往的信息及數(shù)據(jù)，而不是消耗在對(duì)大量圖片的處理上，這樣對(duì)提升網(wǎng)絡(luò)訪問(wèn)的速度以及提升整體站點(diǎn)的效率是很明顯的；另一個(gè)優(yōu)點(diǎn)則是：圖片數(shù)據(jù)和其他數(shù)據(jù)的傳輸不在同一個(gè)通信信道上。這樣就減少了很多在傳輸過(guò)程中的碰撞及沖突，提升傳輸?shù)男省６辉谕粋€(gè)通信信道上傳輸，則意味著可以讓圖片和其他數(shù)據(jù)同時(shí)并行進(jìn)行傳輸，從而避免在同一傳輸信道傳輸數(shù)據(jù)過(guò)程中的排隊(duì)與等待。圖片服務(wù)器的建立對(duì)于提升因?yàn)榇罅繄D片的存在而降低的網(wǎng)絡(luò)訪問(wèn)速度是顯而易見的。

7 對(duì)圖片的處理方式

圖片之所以影響網(wǎng)絡(luò)訪問(wèn)速度，最根本的原因便是本文開頭所說(shuō)的圖片本身太大。圖片太大便會(huì)使得圖片傳輸?shù)臅r(shí)間變長(zhǎng)。而因?yàn)閳D片太大，傳輸過(guò)程中便需要分片和重組，這也會(huì)造成效率的低下和時(shí)間的延長(zhǎng)。針對(duì)于上述兩個(gè)原因，采取的相應(yīng)的措施便是對(duì)圖片本身進(jìn)行壓縮，以期減小圖片本身所占的空間；同時(shí)也建立圖片服務(wù)器，讓傳輸過(guò)程中大量圖片數(shù)據(jù)的分包和重組和其他數(shù)據(jù)的傳輸分開，互不干涉。同時(shí)也并行傳輸，很大程度上提升整體站點(diǎn)的處理效率。

8 總結(jié)

圖片給了我們鮮活，生動(dòng)的網(wǎng)絡(luò)世界。但是，因?yàn)榧夹g(shù)，設(shè)備等諸多方面的原因，我們?cè)跒g覽圖片時(shí)，很多時(shí)候還不能和瀏覽文字信息一樣暢通無(wú)阻。要解決這個(gè)問(wèn)題，如果是單純從技術(shù)的角度來(lái)想辦法的話，突破不會(huì)很明顯，因?yàn)槟壳霸诰W(wǎng)絡(luò)上傳輸圖片的技術(shù)已經(jīng)非常成熟。另一方面，若是網(wǎng)絡(luò)傳輸設(shè)備或者相關(guān)的硬件有新的突破，則可能帶來(lái)相關(guān)技術(shù)的再一次革新，那么，這個(gè)問(wèn)題完全有可能產(chǎn)生質(zhì)的突破，這個(gè)突破，顯然是我們一直以來(lái)所期待的。

參考文獻(xiàn)：

[1] 許彪，王曉東. 基于文件格式的J2ME圖片壓縮方法研究[J].計(jì)算機(jī)應(yīng)用與軟件，2010，27（4）：254-255.

[2] 李蓮，魏石磊.一種基于VP8編碼的Webp圖片壓縮格式研究[J].單片機(jī)與嵌入式系統(tǒng)應(yīng)用，2012，3：40-43.

[3] 楊雅輝， 鈕振瑛， 徐恪.P2P流媒體系統(tǒng)服務(wù)器部署的優(yōu)化設(shè)計(jì)[J].計(jì)算機(jī)研究與發(fā)展，2010，47（7）：1220-1224.

[4] 羅天洪， 羅文軍， 陳小安.網(wǎng)絡(luò)環(huán)境下協(xié)同設(shè)計(jì)的多服務(wù)器技術(shù)[J].重慶大學(xué)學(xué)報(bào)，2006，29（9）：6-9.