• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 案例實(shí)戰(zhàn):最優(yōu)化圖像

        • 2019-12-05 10:35:22
        • 閱讀次數(shù):
        • 作者:盈嵐科技小編
        • 來源:http://www.margaycoffee.com

        最優(yōu)化圖像通常是在網(wǎng)頁設(shè)計(jì)時(shí)處理網(wǎng)頁圖像時(shí)的一種說法,究竟何為最優(yōu)化圖像呢?簡單地說,就是讓制作出來的圖像不但質(zhì)量好,而且文件小,易于在網(wǎng)絡(luò)上傳輸,這就是最優(yōu)化圖像。所以,要達(dá)到最優(yōu)化圖像的目標(biāo),在處理圖像時(shí)就不能只追求圖像品質(zhì)而忽視文件大小了。

        影響文件大小的幾個(gè)重要因素是分辨率、圖像尺寸、顏色數(shù)目和圖像格式。所以,在網(wǎng)站建設(shè)時(shí),要最優(yōu)化圖像,就必須考慮這些相關(guān)因素,特別是對顏色數(shù)目和圖像格式要考慮得更多一些。為了兼顧圖像質(zhì)量和文件大小,在使用網(wǎng)頁圖像時(shí),不同類型的圖像要選用不同的圖像格式。

        因?yàn)檫@兩種格式支持真彩色24位,表現(xiàn)出的色彩會更豐富一些,這樣也可以確保圖像的質(zhì)量,而不至于為了減少文件大小而產(chǎn)生圖像失真。如果是一般的圖形、按鈕或圖標(biāo),則均可以使用GIF格式。下面以示例形式介紹如何最優(yōu)化圖像。

        【操作步驟】

        第1步,啟動Photoshop,打開網(wǎng)頁圖像。

        第2步,選擇【文件】|【存儲為Web所用格式】命令,打開【存儲為Web所用格式】對話框,如圖8.87所示,切換到【四聯(lián)】窗口模式顯示圖像,同時(shí)顯示【優(yōu)化】設(shè)置面板。

        第3步,在【四聯(lián)】模式的窗口中,單擊選擇一個(gè)預(yù)覽窗口(被選中的窗口有一個(gè)黑色邊框)。第4步,在【優(yōu)化】面板的【保存的設(shè)置】下拉列表框中選擇一種圖像格式。

        第4步,在【優(yōu)化】面板的【保存的設(shè)置】下拉列表框中選擇一種圖像格式。

        提示:雖然存在有非常多的圖片格式,但是依據(jù)壓縮方法不同,所有的圖片都能進(jìn)一步歸類為兩大類別:無損和有損。無損數(shù)據(jù)壓縮保證了圖像在沒有任何品質(zhì)和信息丟失的情況下重現(xiàn),而有損數(shù)據(jù)壓縮的結(jié)果就是可能造成品質(zhì)和信息的丟失。在平面設(shè)計(jì)領(lǐng)域最主流的無損媒介格式包括GIF、PNG和TIFF,而JPEG是最主流的有損壓縮的圖形格式。

        第5步,選擇GIF格式,在此面板中將顯示圖像顏色數(shù)及其他參數(shù)。選擇GIF格式時(shí),在顏色列表中將顯示出圖像所使用的所有顏色。在該列表中用戶可以增加、更改或刪除顏色來改變圖像效果,以及進(jìn)行鎖定顏色、設(shè)置透明顏色等操作。

        如果選擇JPEG格式,則可以通過設(shè)置【質(zhì)量】的值來改變文件大小,【質(zhì)量】值越高文件越大;反之文件越小,其失真程度也就越嚴(yán)重。

        第6步,在窗口右下角設(shè)置圖像的大小和品質(zhì)。

        第7步,設(shè)置各項(xiàng)參數(shù),使圖像大小和圖像效果都達(dá)到最佳水平。然后在窗口左側(cè)4個(gè)視圖中比較不同格式和優(yōu)化參數(shù)下的視覺效果,還可以查看圖像格式、文件大小、下載速度及顏色數(shù)目等信息。

        提示:設(shè)計(jì)網(wǎng)頁時(shí),當(dāng)用戶在窗口右側(cè)進(jìn)行設(shè)置時(shí),應(yīng)隨時(shí)觀察預(yù)覽窗口中的圖像效果,以及窗口下方的提示信息,以便確定一個(gè)最佳的圖像設(shè)置。例如,可以在3個(gè)預(yù)覽窗口中分別選擇JPEG、GIF和PNG3種不同的格式。從中可以看到,3種圖像格式下圖像顯示的效果區(qū)別。而3種格式設(shè)置下,圖像的大小卻相差很大。選擇JPEG和PNG格式時(shí)圖像均較大,而GIF格式設(shè)置下的圖像卻很小,但是部分漸變顏色在GIF格式下顯得不是很自然。因此,對此圖形來講,選擇JPEG格式是最合適的。

        提示:一般來說,網(wǎng)頁使用的圖像格式大多為GIF格式,主要是因?yàn)榇烁袷骄邆淞藞D像效果好、文件小,以及支持透明背景和動畫等諸多優(yōu)點(diǎn)。但并不是只要選擇GIF格式就很好了,用戶還需進(jìn)行相應(yīng)的參數(shù)設(shè)置才能達(dá)到最佳效果。

        第8步,通過比較,可以單擊并選中最優(yōu)化輸出的圖像。最后,單擊【存儲】按鈕,打開【將優(yōu)化結(jié)果存儲為】對話框,設(shè)置文件名、格式和設(shè)置選項(xiàng)。

        第9步,單擊【保存】按鈕,關(guān)閉對話框,保存最優(yōu)化的圖像。


        當(dāng)前文章標(biāo)題:案例實(shí)戰(zhàn):最優(yōu)化圖像

        當(dāng)前URL:http://www.margaycoffee.com/news/wzzz/3139.html

        上一篇:設(shè)計(jì)網(wǎng)頁標(biāo)志

        下一篇:案例實(shí)戰(zhàn):分割圖像

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號)
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>