明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

給你的頁面圖片減肥

[摘要]經(jīng)過一番優(yōu)化,原來379KB大小的JPEG圖像被壓縮到了77.7KB,而且圖像質(zhì)量并不差!想知道應(yīng)該怎么做嗎?看看下面的文章……筆者有自己的個人主頁,經(jīng)常需要在設(shè)計網(wǎng)頁時加入一些圖片?墒怯性S多比較精細一些的圖片個頭都不小,非常影響整個網(wǎng)頁的運行效率。我們在設(shè)計網(wǎng)頁時如何才能在圖像質(zhì)量和圖像大小之...

經(jīng)過一番優(yōu)化,原來379KB大小的JPEG圖像被壓縮到了77.7KB,而且圖像質(zhì)量并不差!想知道應(yīng)該怎么做嗎?看看下面的文章……

筆者有自己的個人主頁,經(jīng)常需要在設(shè)計網(wǎng)頁時加入一些圖片。可是有許多比較精細一些的圖片個頭都不小,非常影響整個網(wǎng)頁的運行效率。我們在設(shè)計網(wǎng)頁時如何才能在圖像質(zhì)量和圖像大小之間找到一個合適的比率呢?友立公司出品的PhotoImpact(Photo 硬派)軟件中所帶的圖像優(yōu)化器可以幫你的忙。下面筆者就來介紹一下它的使用方法:

第一步,運行“PhotoImpact”軟件,打開要優(yōu)化的圖像。

第二步,打開“圖像優(yōu)化器”,單擊“Web”菜單中的“圖像優(yōu)化器”選項,打開“圖像優(yōu)化器”命令框,單擊右邊預(yù)覽窗口下方的“JPEG 圖像優(yōu)化器”按鈕。

第三步,設(shè)置模式。單擊“JPEG 選項”選項卡,在“模式”右邊的下拉框選擇創(chuàng)建JPEG文件的模式,這里有漸進、標(biāo)準(zhǔn)或標(biāo)準(zhǔn)優(yōu)化三種模式,“漸進”可以使圖像在下載時以逐漸淡入的方式顯示,“標(biāo)準(zhǔn)”將創(chuàng)建與所有瀏覽器都兼容的圖片,但這樣的文件體積要比“漸進”模式的文件大,而“標(biāo)準(zhǔn)優(yōu)化”則可以用非漸進的壓縮技術(shù)創(chuàng)建盡可能小的圖像文件。

第四步,設(shè)置采樣模式!岸尾蓸印笨梢愿纳茐嚎s狀況,但也可能會損失一些色彩信息。這里我們在“二次采樣”中選擇“YUV411”模式,這種模式的壓縮率是最高的。

第五步,設(shè)置壓縮率。拖動“質(zhì)量”右側(cè)的滑動條來調(diào)整壓縮程度,或者直接在輸入框中輸入數(shù)值也行。數(shù)值越小,文件體積也就越小,但圖像的質(zhì)量也就相對越差。這里調(diào)節(jié)時注意一些,壓縮的不能太厲害了,否則圖像可能會變得慘不忍睹了哦!一邊拖動滑塊,一邊注意在預(yù)覽窗口中查看效果,個人認(rèn)為質(zhì)量在40左右就可以了。

第六步,設(shè)置圖像柔化度。單擊“柔化”右邊的下拉框,選擇一個數(shù)值,數(shù)值越高,圖像顯得越平滑,尺寸也會越小,也會更模糊一些。然后在“文件類型”中選擇真彩色(。

第七步,批處理。為了掌握好壓縮率與圖像質(zhì)量之間的關(guān)系,您可以用“批處理”命令來了解一下各個壓縮率下的圖像效果。單擊“批處理”按鈕,打開對話框,在這里設(shè)置好壓縮質(zhì)量的范圍及測試次數(shù)后,單擊“確定”按鈕進行批處理壓縮測試。完成后,您可以在“批處理結(jié)果”對話框中查看測試結(jié)果,滿意哪個結(jié)果,單擊“選取”按鈕即可。

經(jīng)過上面的設(shè)置,你已基本完成了圖像的優(yōu)化,這時候你可以單擊原始圖像下方的“瀏覽器預(yù)覽”按鈕用默認(rèn)的瀏覽器查看一下圖像在網(wǎng)頁上的效果了。圖像下方有圖像的大小、下載時間等參數(shù)。你可以單擊“調(diào)制解調(diào)器速度”菜單按鈕,選取好連接速度,計算一下優(yōu)化后圖像的下載時間,這樣就可以進行有的放矢的調(diào)整了!

Photoshop默認(rèn)保存的文件格式,可以保留所有有圖層、色版、通道、蒙版、路徑、未柵格化文字以及圖層樣式等。




標(biāo)簽:給你的頁面圖片減肥