前幾天收到一個(gè)客戶的廣告圖片，一看大小，120多k，太大了，放在網(wǎng)頁(yè)上會(huì)嚴(yán)重影響網(wǎng)頁(yè)的加載時(shí)間，所以我要求客戶重新做過(guò)壓縮后再給我，可是客戶說(shuō)是通過(guò)第三方做的，一來(lái)一去比較麻煩，讓我看看有沒(méi)有辦法把圖片體積縮小。

      這張圖片如果是靜態(tài)的，還好說(shuō)，我直接使用卡卡網(wǎng)的圖片壓縮工具就可以把圖片體積縮小，可是這張是gif動(dòng)畫(huà)圖片，是不可以直接用工具壓縮的，現(xiàn)在的辦法唯有是先分解，然后對(duì)各圖片壓縮編輯，最后再合并制作成動(dòng)畫(huà)，通過(guò)三步來(lái)完成。

      因?yàn)闆](méi)有經(jīng)驗(yàn)，所以得百度一下，看到有網(wǎng)友說(shuō)可以用Adobe ImageReady配合Photoshop來(lái)搞，正好，我電腦裝有這兩個(gè)軟件，對(duì)這兩個(gè)軟件的操作也算是入門(mén)水平了，于是開(kāi)始操作。

      根據(jù)網(wǎng)友的提示，操作是這樣的：

      首先用Adobe ImageReady把gif動(dòng)畫(huà)圖片打開(kāi)，然后保存為psd格式的圖片，然后讓photoshop來(lái)提取每層的圖片進(jìn)行自由編輯，最后再把編輯后的圖片通過(guò)Adobe ImageReady制作成動(dòng)畫(huà)。

      簡(jiǎn)單說(shuō)下從psd圖片提取圖層的方法。

      方法1、先選定圖層，然后用選定工具把全圖選擇，按Ctrl+C復(fù)制，然后新建圖層，然后粘貼（Ctrl+V)
      方法2、在圖層按右鍵，復(fù)制圖層，然后就有選項(xiàng)了。
      方法3、把不需要的圖層刪除掉，只留下需要的圖層，然后把這個(gè)psd文件保存。

      這個(gè)方法是可行的，不過(guò)由于我的要求僅僅是把動(dòng)畫(huà)體積縮小一下，所以我又發(fā)現(xiàn)了一個(gè)可以在Adobe ImageReady里直接編輯的方法，那就是設(shè)置損耗來(lái)縮小體積。見(jiàn)下圖：

ImageReady損耗設(shè)置

      設(shè)置了損耗值，重新生成動(dòng)畫(huà)，體積就縮小了。我這里損耗只設(shè)置了8，就把120k的動(dòng)畫(huà)縮小到了70k，并且?guī)缀跏菬o(wú)失真壓縮，效果還是很明顯的。

最新評(píng)論