很多朋友在完成一份網(wǎng)頁作品時往往欣喜不已,尤其是在本地瀏覽時的那份UI的完美呈現(xiàn),但是在實際部署時往往發(fā)覺網(wǎng)頁的瀏覽會很慢,尤其是在小水管網(wǎng)速的情況下,使用PageSpeed查看發(fā)現(xiàn)原來是圖片拖累了加載速度,當然PageSpeed也很厚道的提供了份壓縮好的圖片給我們,我們可以直接用PageSpeed壓縮的圖片,在網(wǎng)頁前端完成后我們往往會忽略很多后續(xù)工作,壓縮優(yōu)化圖片就是其中一項重要的工作。
下面我向大家介紹下壓縮圖片的小工具,具體的效果由個人把握,當然減少體積的前提是損失質(zhì)量,具體還要看大家權(quán)衡。
PNGOUT
一個非常好用的小工具,我們可以訪問Ken Silverman的主頁以獲取其最新版本,下載好PNGOUT.EXE然后將其放至指定目錄,當然這是控制臺程序,也就是說我們必須在命令提示符的狀態(tài)下才能使用。簡單的命令如下:
pngout 輸入文件 輸出文件
比如pngout logo.gif logo_out.png,那么logo_out.png就是我們壓縮好的,輸入文件支持png、gif、bmp、jpg、tga、pcx等格式,輸出文件貌似只支持壓縮成png。當然還有很多指示壓縮級別的開關(guān)選項,具體可以查看作者給我們提供的在線手冊。
RIOT
如果說大家對PNGOUT控制臺命令行過敏的話不妨試試這個,我們可以訪問其官方主頁獲得最新版本,不過貌似其官方網(wǎng)站上始終下載不了,我后來在國外某知名下載站點弄到后放在這里提供給不能下載的童鞋們,RIOT給我們提供了一個易用的GUI,當然更重要的是其可以壓縮輸出jpg、gif、png等3種格式,基本囊括了網(wǎng)頁上使用的圖片,如果大家對剛才介紹的PNGOUT戀戀不舍的話,我們的RIOT可以將PNGOUT作為插件進行調(diào)用,這樣我們可以借用RIOT的殼然后用PNGOUT的內(nèi)核進行PNG圖片的壓縮,怎么樣夠強大的吧,當然你需要把剛才下載的PNGOUT.EXE放在RIOT安裝目錄的plugins文件夾下,然后啟動RIOT并切換到PNG選項卡,然后如下圖設(shè)置:
具體怎么使用我相信很簡單,那些洋文應(yīng)該難不倒大家,不過要提醒的是在沒有熟練使用前記得備份你的源文件哦。
2011年5月11日更新
最近經(jīng)常在公共電腦上寫文章,圖片本地壓縮比較麻煩,不過我找到一個在線壓縮的,還是比較方便的,網(wǎng)址:http://www.punypng.com/。