在網站中使用PNG圖像

Question

在網站中使用PNG圖像可以嗎？我沒有真正看到他們使用太多，所以想知道缺點是什麼。必須有一些作爲想必大家會使用他們呢？......

他們是，例如，MSIE和Chrome兼容等等

Answer 1

它們可以就好了使用這些天。較早版本的IE（6.0及更早版本）不支持它們的所有透明模式，這是人們避開格式的最大原因。其他瀏覽器，如Firefox，Chrome，Opera，Konqueror或Links沒有這樣的問題。

Answer 2

除非您使用過濾器，否則IE 6將只在PNG圖像中呈現類GIF透明度。
欲瞭解更多詳情，請參見here

除此之外，它們工作正常，現在它們變得更受歡迎。

Answer 3

PNG文件往往成爲今天的標準，特別是因爲PNG是一種專爲網絡設計的開放格式。 W3C建議爲網站使用PNG，因爲在處理圖形，徽標等時使用PNG將生成更緊湊的文件。PNG是一種無損壓縮格式。

儘管PNG是唯一允許您使用透明度的格式，但您可能希望對較大的圖片使用JPG（這通常是有損壓縮格式）。

你猜怎麼着？即使谷歌正在使用png圖片作爲奧林匹克徽標。

Answer 4

下面是執行其頭版上的PNG一些財富500強公司網站：

• microsoft.com
• apple.com
• google.com（谷歌的標誌是一個PNG）
• hp.com（他們實際上使用twinhelix的IEPNGFIX和透明PNG）

實際上，我發現沒有（我只看到約10）的唯一一個是西門子公司

Answer 5

PNG實際上很經常使用今天。很少有這些網站至少沒有幾個PNG。他們也不怕。唯一存在的問題是IE6，並且有兩種可能的解決方案：

• DirectX過濾器。只是谷歌，網絡充滿了這一點。它的工作原理沒有對PNG文件進行任何修改，但有一些GOTCHA--就像透明區域對用戶輸入（點擊）也是透明的，你不能將它與另一個背景圖片結合起來。
• 設置PNG的背景顏色。這不需要在網頁上有任何特殊的編碼，但並不總是合適的。這個想法是，一個PNG文件可以指定一個默認的「背景」顏色和IE6榮幸。由於PNG經常顯示在一個堅實的或接近堅實的背景上，所以這個效果非常好。使用TweakPNG實用程序設置背景。

Answer 6

讓我們不要忘記堆棧溢出標誌是一個PNG，使用它的另一個原因！

Answer 7

PNG是一種更通用的網絡圖形格式，具有出色的alpha透明度以及良好的壓縮和無專有限制（當Compuserve聲稱擁有所使用的壓縮格式時，GIF曾經是長期IP版權案例的主題） 。

然而，陪審團仍然在他們的使用一般。他們似乎是小標誌和圖標，但對於大型詳細的圖像特別好，GIF是文件的大小在很大程度上具有可比性和JPEG仍具有最佳的整體文件大小，以質量比（這可以使一個很大的區別，以網站的加載時間）。

PNG作爲一種格式正在獲得牽引力，你可以期待看到它在你看起來越來越多的地方使用。僅alpha透明度功能使PNG成爲有趣的界面元素的有用格式，例如覆蓋和切面。

Answer 8

是的，它可以使用PNG，但有一些值得指出的東西。

• Internet Explorer 6不支持透明度。 正如一些評論指出的，你可以使用過濾器來解決這個問題。但是，在相對容器上使用它時會彈出某些問題，或者使用後臺重複。我個人使用的vml implementation沒有這些問題。

• 它通常不要混用（如重疊）與其他圖像類型png格式，如JPEG文件是一個好主意。儘管它們具有相同的背景顏色，但IE可能會顯示稍微不同的內容，因此它們不會很好地混合。

• Mac OS X使用存儲的伽馬校正渲染png。您可能需要刪除它。我使用pngcrush。

• 嵌套半透明表面可以是在某些瀏覽器速度很慢。