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

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

fireworks對圖片的壓縮率比photoshop要更好.

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

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

PNG的壓縮率

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

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

gif的壓縮率

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

jpg的壓縮率

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

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

有什么大不了的

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

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

結(jié)論:

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