• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> 網(wǎng)頁圖像切圖與壓縮

網(wǎng)頁圖像切圖與壓縮

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站建設(shè)部 點擊數(shù)： 更新時間：2010-04-06
• 　　這里，小編將會跟大家介紹一種現(xiàn)在很流行的圖像壓縮工具Fireworks。確切地說，它并不是一款圖像壓縮軟件，但它具有強大的圖像壓縮功能，并且，它能夠一次性輸出圖像到網(wǎng)頁中。由于切圖功能經(jīng)常用于切割使用photoshop制作的圖像DEMO(在制作網(wǎng)頁前，經(jīng)常需要用圖像處理軟件制作首頁的樣式，然后使用切圖軟件來切割制作的圖像，以便把圖像的各個位置確定在頁面的表格中，這樣便于網(wǎng)站首頁整體的協(xié)調(diào)。這張使用圖像處理軟件制作的文件稱為DEMO)，所以小編接下來就用DEMO來說明切割的過程。
  
  　　首先，使用Fireworks打開要切圖的圖像文件。
  
  　　第二步，點擊左側(cè)工具欄中的切割按鈕，在圖像中畫出切割的區(qū)域（區(qū)域之間不要相互重疊）。這里所說的切圖實際上就是畫出頁面中的表格位置。因為每一個切割的圖片在輸出時都將被放置到與圖片大小等大的單元格中。這個步驟是由Fireworks自動完成的。
  
  　　第三步，當圖片切割完成后，選擇file/exportpreview，在彈出的窗口中進行輸出設(shè)置。
  在這個窗口中，可以選擇輸出圖像的文件格式，可以是GIF或者JPEG。這里選擇80%圖像質(zhì)量的JPEG格式。如果你覺得圖像壓縮的不夠小，可以選擇壓縮比更大的JPEG-SmallerFile或者自定義壓縮比。這個壓縮功能之所以強大，是因為它能夠根據(jù)所選壓縮比的不同，實時地在窗口中顯示按這個比率壓縮后的圖像。設(shè)置好輸出格式后，點擊export按鈕，選擇輸出的文件夾。點擊OK后，所有圖片都被Fireworks自動切割，頁面不再是由一幅圖片構(gòu)成，而是由很多小圖和表格組成的。
  
  　　小編記得以前在學校的時候，網(wǎng)站設(shè)計老師就跟我們說過，但網(wǎng)站上需要一張大圖片來進行裝飾效果時，就需要把這張大圖片切割成小圖片，以此給瀏覽者最好的瀏覽效果。
• 網(wǎng)站設(shè)計：網(wǎng)站設(shè)計中動畫如何分類 :上一篇
  什么網(wǎng)站算好站? :下一篇