存儲技巧，講解AI存儲為WEB所用格式的一些知識

雖然這是講解AI的存儲，但photoshop也可以參考一下。在AI中“存儲為WEB所用格式”的目的是為了優(yōu)化圖片在網(wǎng)站或其他屏幕端的展示效果，例如平板或手機(jī)。“優(yōu)化”這個詞是指在圖片大小和品質(zhì)之間的最優(yōu)組合。我們希望在網(wǎng)頁里能盡快加載圖片，那么圖片就必須要小，但是我們又不希望因此而損害圖片的品質(zhì)。“保存為WEB所用格式”這一命令讓我們可以預(yù)覽被優(yōu)化后的矢量圖，以便我們能調(diào)試到最佳效果。

我們會在這篇文章中帶大家回顧一下保存為WEB的圖片的格式，然后向大家展示哪類作品適合保存于哪種格式。UI設(shè)計師們快學(xué)起來！

進(jìn)入【文件>存儲為WEB所用格式】就會彈出對話框，可以說這個命令幾乎就是一個獨立的應(yīng)用，所以這個對話框窗口占據(jù)了整個屏幕。

你可以通過三種方式瀏覽你的作品。最左邊的“原稿”可以簡單地展示原稿效果，但由于你是要預(yù)覽被優(yōu)化后的效果，因此這個選項幾乎沒有作用。你也可以來到“優(yōu)化”這個選項，在這里可以預(yù)覽到優(yōu)化后的效果，或者你還可以選擇“雙聯(lián)”，這個選項會讓你將原稿和優(yōu)化后的作品左右對比進(jìn)行預(yù)覽。在下圖中，左邊的是原稿，右邊是優(yōu)化后的效果（在本例中，是作為GIF格式進(jìn)行優(yōu)化的）。

在左下角的下拉框選項中選擇預(yù)覽的比例值，你可以輸入比例來縮放預(yù)覽的圖片，也可以通過快捷鍵方式來調(diào)整和縮放圖片。

點擊左下角的“預(yù)覽”按鈕，你立刻能在自己的默認(rèn)瀏覽器中看到這張圖片的展示效果，如果你還想知道別的瀏覽器的效果，你就需要點擊按鈕右邊的地球圖標(biāo)來添加更多。

保存為WEB格式的界面中最為重要的部分就是圖片大小，在每個預(yù)覽圖的下方都會出現(xiàn)這個圖片的文件類型和大小。在下圖中可以看到，我們的左邊的原稿是ai格式，文件大小是1.85M，而右邊優(yōu)化后為GIF格式，文件大小變?yōu)榱?4.53K。既然是要在文件大小和品質(zhì)之間找到最佳平衡，因此你需要時刻保持對文件大小的關(guān)注。