網(wǎng)頁(yè)常用的PNG,GIF,JPG圖片壓縮率對(duì)比分析說(shuō)明

發(fā)布時(shí)間：2010-02-16 14:40:45 作者：佚名

fireworks對(duì)圖片的壓縮率比photoshop要更好.

令人感到驚訝的是,根據(jù)我的一個(gè)項(xiàng)目調(diào)查表明(調(diào)查:http://www.webdesignerwall.com/),還有相當(dāng)多的設(shè)計(jì)人員在用fireworks.就我個(gè)人而言,我很少用fireworks.photoshop是我做設(shè)計(jì)的首選軟件,從圖片編緝到整站制作.但是你知道嗎,fireworks對(duì)圖片的壓縮率比photoshop要更好.我不是一個(gè)軟件工程師,所以我也無(wú)法解釋為什么fireworks的壓縮率會(huì)更好.但是我可以舉一些例子向你證明這個(gè)事實(shí).

我們就以網(wǎng)頁(yè)常用的:PNF,GIF,JPG這三個(gè)格式來(lái)講一下.

PNG的壓縮率

為了測(cè)試,我使用了一張沒(méi)有經(jīng)過(guò)壓縮的透明圖像.首先我用photoshop來(lái)輸出圖像為:PNG-24,這樣生成的文件大小為:352kb.然后我再用fireworks來(lái)壓縮生成的文件大小為:332kb.在這兩張圖像我們從視覺(jué)來(lái)看,是沒(méi)有多大的區(qū)別(至少我看來(lái)是這樣的),但文件的大小卻相差大約20kb.

設(shè)計(jì)理論,網(wǎng)頁(yè)美工教程,網(wǎng)頁(yè)設(shè)計(jì)教程

gif的壓縮率

接下來(lái)我們來(lái)看一下gif格式是怎么樣子的,先定義,256色,自適應(yīng)無(wú)抖動(dòng).fireworks=88kb,photoshop=92kb.我們可以看到相差是4kb.雖然看起來(lái)相差無(wú)幾,但是fireworks有更多的細(xì)節(jié)調(diào)節(jié)功能.
設(shè)計(jì)理論,網(wǎng)頁(yè)美工教程,網(wǎng)頁(yè)設(shè)計(jì)教程

jpg的壓縮率

現(xiàn)在來(lái)看來(lái)jpg的壓縮率,在photoshop中設(shè)圖像輸出60%的質(zhì)量,最后文件的結(jié)果:80kb.在fireworks中設(shè)質(zhì)量為80%質(zhì)量的圖像輸出,其文件大小為:72kb.我們可以看到結(jié)果差不了多少.但是fireworks還是比photoshop少8kb.

設(shè)計(jì)理論,網(wǎng)頁(yè)美工教程,網(wǎng)頁(yè)設(shè)計(jì)教程

有什么大不了的

你可能會(huì)想:這有什么大不了的.這只有幾KB而已......不要小看這幾KB的差異,便它能夠?qū)δ愕膸捄拓?fù)載時(shí)間有很大的影響--不相信,那我舉個(gè)例子給你看.比如說(shuō)你的網(wǎng)站有一張圖像,我用fireworks壓縮,這樣圖偈就可以減少20kb.比如說(shuō)你的網(wǎng)站一天有16,000的訪問(wèn)量,那么:20kb*16,000=320,00kb.也就是說(shuō)每天可以減少320mb的帶寬.這只是一張圖像,但是如果是十張,一百?gòu)埬?那么你可以節(jié)省下多少的銀子.最重要的是也可以提高網(wǎng)站的加載速度.那么你現(xiàn)在還會(huì)覺(jué)得"沒(méi)有什么大不了"嗎?

設(shè)計(jì)理論,網(wǎng)頁(yè)美工教程,網(wǎng)頁(yè)設(shè)計(jì)教程

結(jié)論:

所以你可以試一下用用fireworks.