網頁設計互動式圖像_網頁製作中插入圖片的代碼是什麼

1、網頁設計中圖像格式主要是

常用的圖片格式有JPG、GIF、PNG。
1、jpg：jpg全名是JPEG。JPEG圖片以 24 位顏色存儲單個點陣圖。JPEG 是與平台無關的格式，支持最高級別的壓縮，不過，這種壓縮是有損耗的。漸近式 JPEG 文件支持交錯。
2、gif:GIF分為靜態GIF和動畫GIF兩種，擴展名為.gif，是一種壓縮點陣圖格式，支持透明背景圖像，適用於多種操作系統，「體型」很小，網上很多小動畫都是GIF格式。其實GIF是將多幅圖像保存為一個圖像文件，從而形成動畫，最常見的就是通過一幀幀的動畫串聯起來的搞笑gif圖，所以歸根到底GIF仍然是圖片文件格式。但GIF只能顯示256色。和jpg格式一樣，這是一種在網路上非常流行的圖形文件格式。
3、png：PNG，圖像文件存儲格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG的名稱來源於「可移植網路圖形格式(Portable Network Graphic Format，PNG)」，也有一個非官方解釋「PNG's Not GIF」，是一種點陣圖文件(bitmap file)存儲格式，讀作「ping」。PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，並且還可存儲多到16位的α通道數據。PNG使用從LZ77派生的無損數據壓縮演算法，一般應用於JAVA程序、網頁或S60程序中，原因是它壓縮比高，生成文件體積小。

2、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

3、網頁設計里滑鼠經過圖像怎麼設置超鏈接

你是要設置滑鼠經過的樣式？

還是在圖片上添加鏈接？

4、網頁設計滑鼠經過圖像

這樣：
.titlelink {display:block; width:90px; height:130px; backgrond:url(1.jpg) no-repeat;}
.titlelink:hover {background:url(2.jpg) no-repeat;}

5、Dreamweaver網頁設計時，從設計界面設計滑鼠經過圖像，像本頁面上方的我要提問、我要回答、搜索答案等等

說的不是很清楚，上面三個按鈕沒有滑鼠經過圖像1

1、Dreamweaver 菜單欄插入>>>> 表單選擇按鈕了（網頁上一般的按鈕）
2、Dreamweaver 菜單欄圖像對象>>>>>滑鼠經過圖像（按要求上傳兩張背景照片這個是滑鼠經過變化背景圖像，帶連接）

6、網頁設計里常用的圖片格式有哪些？

1、PDF格式，是Photoshop圖像處理軟體的專用文件格式，文件擴展名是．psd，也是Photoshop中新建圖像的默認格式。它是唯一支持所有可用圖像模式（點陣圖、灰度、雙色調、索引顏色、RGB、CMYK、Lab和多通道）參考線、Alpha通道、專色通道和圖層（包括調整圖層、文字圖層、圖層效果和圖層蒙板）的格式，是一種非壓縮的原始文件保存格式。網站設計中PSD文件有時容量會很大，但由於可以保留所有原始信息，在圖像處理中對於尚未製作完成的圖像，選用PSD格式保存是最佳的選擇。
當對一張照片處理完成後，保存時選擇Pdf格式，能夠保存各個圖層，通道，蒙版等的所有信息，當再次打開時想要修改某個細節如：刪除某個圖層樣式，修改某個調整圖層或將某個Alpha通道作為選區載入等，都是很方便的。但是一般psd格式圖像文件較大，不便於傳輸，所以一般採用這種格式保存作為作品的備份。
2、GIF圖片格式，GIF是一種調色板型（palette type）（或者說是索引型）的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式，這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代，它導致了大量多餘的曇花一現的「新」圖片（blinking 「new」 images），循環的@符號（rotating @ signs），birds dropping，a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代，在等待一個更新頁面的ajax請求的時候，我們仍然會看到「loading」動畫，網站建設但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說，如果你有需要，就可以使用動畫支持。
GIF也支持透明度，透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。
3、 PNG圖片格式，PNG的圖片又分為 PNG-8 、 PNG-24 兩種，其中，PNG-8 與 GIF 類似，支持 256 色調色板，而 PNG-24 只支持 48 位真彩色，凡是 GIF 擁有的優勢 PNG-8 都擁有，GIF 所沒有的優勢 PNG-8 也有，同樣的文件，PNG-8 格式比 GIF 要小， PNG-8 的特點使得它在網站設計切圖環節深受網站設計師的喜愛。PNG 可以以任何顏色深度存儲圖像，也支持高級別的無損耗壓縮、支持伽瑪校正，支持交錯，受最新 Web 瀏覽器的支持，能夠提供長度比 GIF 小30%的無損壓縮圖像文件，最高支持 48 位真彩色圖像以及 16 位灰度圖像，漸近顯示和流式讀寫，深圳網站設計不足的是較舊的瀏覽器和程序可能不支持 PNG 文件。
4、JPEG圖片格式，是目前網路上最流行的圖像格式，是可以把文件壓縮到最小的格式，在 Photoshop軟體中以JPEG格式儲存時，提供11級壓縮級別，以0—10級表示。其中0級壓縮比最高，圖像品質最差。即使採用細節幾乎無損的10 級質量保存時，壓縮比也可達 5：1。以BMP格式保存時得到4．28MB圖像文件，在採用JPG格式保存時，其文件僅為178KB，壓縮比達到24：1。經過多次比較，採用第8級壓縮為存儲空間與圖像質量兼得的最佳比例。JPEG格式的應用非常廣泛，特別是在網路和光碟讀物上，都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式，因為JPEG格式的文件尺寸較小，下載速度快。
5、BMP圖片格式，BMP是英文Bitmap（點陣圖）的簡寫，它是Windows操作系統中的標准圖像文件格式，在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。隨著Windows操作系統的流行與豐富的Windows應用程序的開發，BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富，深圳網站設計幾乎不進行壓縮，但由此導致了它與生俱生來的缺點--佔用磁碟空間過大。所以，目前BMP在單機上比較流行。BMP點陣圖文件默認的文件擴展名是BMP或者bmp（有時它也會以.DIB或.RLE作擴展名）。
6、TGA圖片格式: TGA的結構比較簡單，屬於一種圖形、圖像數據的通用格式，在多媒體領域有著很大影響，在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。
其他還有些網頁設計中比較冷門點的格式，如TIF、PCX等格式，一般就用的非常少，這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。

7、網頁設計中有哪幾種常用的圖片格式

1、PDF格式，是Photoshop圖像處理軟體的專用文件格式，文件擴展名是．psd
2、GIF圖片格式，GIF是一種調色板型（palette type）（或者說是索引型）的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題。
3、 PNG圖片格式，PNG的圖片又分為 PNG-8 、 PNG-24 兩種，其中，PNG-8 與 GIF 類似，支持 256 色調色板，而 PNG-24 只支持 48 位真彩色，凡是 GIF 擁有的優勢 PNG-8 都擁有，GIF 所沒有的優勢 PNG-8 也有，同樣的文件，PNG-8 格式比 GIF 要小
4、JPEG圖片格式，是目前網路上最流行的圖像格式，是可以把文件壓縮到最小的格式，在 Photoshop軟體中以JPEG格式儲存時，提供11級壓縮級別，以0—10級表示。其中0級壓縮比最高，圖像品質最差。即使採用細節幾乎無損的10 級質量保存時，壓縮比也可達 5：1。
5、BMP圖片格式，BMP是英文Bitmap（點陣圖）的簡寫，它是Windows操作系統中的標准圖像文件格式，在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。
6、TGA圖片格式: TGA的結構比較簡單，屬於一種圖形、圖像數據的通用格式，在多媒體領域有著很大影響，在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。

8、網頁製作中插入圖片的代碼是什麼

1、在代碼中經常用到的插入圖片代碼是img屬性，格式就是<img src="" alt=""> src後面是添加圖片的地址，後面的alt是對圖片的描述。

2、在插入圖片前，要將html文件和圖片文件放在一個文件夾內，這里的img文件夾就是專門存放圖片的地方。

3、然後回到代碼欄，在src中輸入鏈接地址img/pic_01.jpg，要將圖片的具體地址和名稱全部寫全才可以在網頁中看到，否則就會顯示連接失敗錯誤而無法觀看到圖片。

4、將文件保存後，在瀏覽器中我么就可以看到此刻的圖片被添加進來了，位於網頁的左上角位置。

5、如果想要移動圖片的所在位置，就需要先對其包裝一下，用一個盒子將其包裹，然後調整盒子的位置就相當於移動的是圖片的位置了。

6、如圖，之前設置的盒子距離頂部100px.然後距離左側100px，這樣就將盒子擠到了現在所在的位置，如圖所示。

9、網頁設計流程是什麼？

設計流程：

主題明確：

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。

設計思路：

1、簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

4、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計：

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識別系統），應按照其中的VI進行色彩運用。

形式內容：

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

三維空間的構成：

網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。

通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。

虛擬現實：

人們已不滿足於HTML（標准通用標記語言下的一個應用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。

VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

多媒體：

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

便於使用：

如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業信息和服務項目呢？使用一些醒目的標題或文字來突出您的產品與服務。

並且即使您擁有最棒的產品，如果客戶從您的網站上看不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這對於網頁設計而言是失敗的。

導向清晰：

網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，建議在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內容：

在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎？是在線還是離線？

因此，如果是產品或服務介紹網站，應該有留言、電話、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在並由此產生信任感。

測試改進：

測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。應該與用戶共同安排網站測試。

內容更新：

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。

(9)網頁設計互動式圖像擴展資料：

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設計：

在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：

1、網頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網頁標題字數過少可能包含不了有效關鍵詞，字數過多不僅搜索引擎無法正確識別標題中的核心關鍵詞，而且也讓用戶難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站鏈接。

2、網頁標題應概括網頁的核心內容

當用戶通過搜索引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加鏈接）和網頁摘要信息，要引起用戶的關注，網頁標題發揮了很大的作用。

如果網頁標題和頁面摘要信息有較大的相關性，摘要信息對網頁標題將發揮進一步的補充作用，從而引起用戶對該網頁信息點擊行為的發生（也就意味著搜索引擎推廣發揮了作用）。

另外，當網頁標題被其他網站或者本網站其他欄目/網頁鏈接時，一個概括了網頁核心內容的標題有助於用戶判斷是否點擊該網頁標題鏈接。

3、網頁標題中應含有豐富的關鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網頁標題中所包含的關鍵詞具有較高的權重，盡量讓網頁標題中含有用戶檢索所使用的關鍵詞。

以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵詞，這時通常採用「核心關鍵詞+公司名/品排名」的方式來作為網站首頁標題。

開頭所列舉的某網路營銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的「核心關鍵詞」，反而沒有了核心。

做美工看起來並不是一件容易的事情。首先，要對整個站點和企業有個大致的了解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。

參考資料：

網路-網頁設計（網站技術）

10、哪些圖像的格式可以用於網頁設計?它們各自有什麼特點？

首先介紹網頁設計中常用圖片的三種格式：GIF,JPEG,PNG。
GIF
GIF是一種調色板型（palette type）（或者說是索引型）的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式，這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代，它導致了大量多餘的曇花一現的「新」圖片（blinking 「new」 images），循環的@符號（rotating @ signs），birds dropping，a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代，在等待一個更新頁面的ajax請求的時候，我們仍然會看到「loading」動畫，但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說，如果你有需要，就可以使用動畫支持。
GIF也支持透明度，透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。

JPEG
JPEG圖片不象GIF圖片那樣只能有256種顏色，它可以包含數百萬種顏色，而且有極高的壓縮率。這使得JPEG圖片比較適合用來保存相片。事實上，大多數的相機以jpeg格式保存照片。JPEG是一種有損壓縮的格式,這意味著你每次進行編輯的時候都會有質量損耗，所以如果你打算進行多次編輯，那么最好把中間生成的圖片換一種格式存儲。但是,還有一些不會損耗圖片質量的操作，比如說裁剪圖片，旋轉圖片或者修改元信息。元信息包括，比如說，存儲在圖片文件中的注釋。
JPEG不支持透明度。

PNG
PNG是一種無損壓縮的格式，而且它有很多種類。單考慮實際的用途,我們可以把它分為兩種：
1.PNG8 2.真彩色PNG PNG8是一種調色板型(palette)圖象格式,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 調色板型PNG以及索引型 PNG，這些術語都可以互換使用。
那麼,PNG8比起GIF有哪些優缺點呢？
優點：
通常文件體積比較小
支持alpha（可變）透明度
缺點：
不支持動畫
第二種類型的PNG格式是真彩色PNG。這類圖片可以包含百萬種顏色,就象JPEG。你有時候會碰見它們以PNG24或PNG32命名。

對於PNG8和真彩色PNG，IE7都提供了alpha透明度正確的原生的支持。對於早期版本的IE瀏覽器你需要使用css和AlphaImageLoader濾鏡來修復全彩色PNG中的透明度問題。對於這個問題,在接下來的文章中，我們將會討論一些更多的細節。

在網頁設計中，大眾最認可的的圖片形式是GIF與JPEG格式。但這會使你感到困惑：那我在網站建設中到底應該用GIF格式還是JPEG格式？

方便記憶的簡易准則：
1．在你的電腦上製作的水平形式的條例、按鈕以及動畫圖片，這些圖片應該用GIF格式。
2．如果圖片是掃描的圖畫或照片時就用JPEG格式。

而什麼時候用PNG比較合適呢？
雖然PNG8應該作為PNG類型文件的首選,因為它的文件體積更小而且在早期版本的IE瀏覽器中不需要使用特別的css濾鏡就能很好地降級,但是在使用的時候仍然有需要注意的地方：
1.當PNG8的256種顏色不夠用的時候,你可能需要使用全彩色PNG。這種情況應該盡量避免。一方面，如果你想使用成千上萬的顏色,那麼這種情況下JPEG將會比較適合,而且能夠有更好的壓縮率。另一方面，如果顏色數在一千左右,你應該盡量把這種圖片轉換為PNG8格式,然後看看它是不是看起來還能夠接受。很多情況下,當顏色數達到200到1000的時候,人的肉眼就分辨不出來了。當然，這也得看是哪種圖片了；通常你可以非常安全地刪掉1000種顏色,但是有些時候只是刪掉2種顏色,圖片的效果就不能讓人接受了。不管怎麼樣, 盡可能地把真彩色PNG轉換為PNG8和JPEG格式，看看你能不能接受它們的質量和體積。
2.圖片的大部分象素是半透明的情況。如果圖片種只有一小部分是不完全透明的,象圍繞在圓角周圍的象素點,那麼PNG8的類GIF(GIF-like)降級通常都沒有問題。但是如果圖片的大部分是半透明的（象視頻播放器上的播放按鈕）,那麼你除了使用AlphaImageLoader hack你可能別無選擇。

最後，讓我們總結一下：
1.JPEG格式比較適合用來存儲照片
2.GIF格式可以用來做動畫
3.PNG8可以用來做小圖標（icons），按鈕，背景等等。

導航:首頁 > 萬維百科 > 網頁設計互動式圖像

網頁設計互動式圖像

與網頁設計互動式圖像相關的知識