網頁設計 - jpg或png，哪一個最適合網頁

我一直是一位網頁開發人員，我已經習慣將所有設計轉換成png文件格式來構建我的網頁。儘管PNG，與JPG相反，允許圖像透明，這是一個更好的解決方案嗎？網頁設計 - jpg或png，哪一個最適合網頁

這個問題關於頁面加載時間和最佳網頁設計實踐，以及文件大小與圖像質量。

您認爲最好的解決方案是什麼？

來源

2009-11-08 yoda

+12

你的英語很好。不需要道歉。 – Andrew 2009-11-08 23:34:30

這取決於。

PNG是清晰的圖像具有低數量的顏色更好，

JPG是一個低帶寬的圖像更好 - 但它並不像脆，因此不是非常的GUI不錯。

通常，JPG用於照片和圖片，而PNG（或GIF）用於佈局。

您可能會發現this page有趣，因爲它回顧了PNG與GIF的基礎知識。

來源

2009-11-08 23:34:06

這會更好地回答問題。我不知道爲什麼，但我比所選的答案更瞭解這一點。 – 2014-01-15 01:20:15

這回答的問題更好，鏈接的答案是非常有幫助的。 – 2014-01-15 01:30:16

對於有很多細微差別顏色的照片圖像，jpg通常是首選。 png與計算機生成的圖形很好地協作。

這是我的經驗法則。

來源

2009-11-08 23:35:10

鑑於平均網絡連接速度的不斷提高，我並不認爲頁面加載時間會成爲更多的關注點[鴨子！用你最終獲得的資源來思考你想要達到的目標是非常有用的：例如帶寬是否有限？然後趨向於更重的壓縮是一件容易的事情。網站的圖形內容是否會擴展，確保服務器空間的成本隨着時間的推移而增加？然後趨向於較大的壓縮將延遲這一成本。這是一個藝術品組合網站嗎？然後 - 啊哈！ - 採樣器工作中的壓縮僞影可能實際上是可取的！你想鞭打一場比賽嗎？那麼截圖應該可以是超清晰的。

一般的話，我會重複說了些什麼，但也許在稍有不同的語言：對於網站傢俱，這往往是計算機生成的，並會被緩存頁面之間重複使用，傾向於PNG ;對於站點內容，這通常是頁面特定的，並且可能足夠大並且足夠複雜以掩蓋有損壓縮，因此傾向於jpg。

特別提到切換到png的地方，你認爲它是合適的，通過PNGCrush運行一切都是理所當然的 - 否則它們將無法在每個瀏覽器中顯示你期望的顏色，並且你的整體質量設計將會減少。

來源

2009-11-09 01:26:07 Sledge

如果您將您的網站瞄準通常具有不良互聯網連接的人，那麼您必須擔心頁面加載。但你說得對，當你說png文件上的顏色並不總是按照他們的意思顯示的時候，這是一個問題。 – yoda 2009-11-09 18:29:39

如果您的網站形象很嚴重，那麼很明顯，根據定義，您並不是針對那些網絡連接非常糟糕的用戶。事實上，當你設計寬帶速度傳輸時，你正在做的是鼓勵需要比56k撥號更好的基線標準 - 這是一件好事。 – Sledge 2009-11-09 21:59:22

我是一個首發，大部分我做的是如果圖像太大，我會做小，除非它是背景圖像。如果是佈局，我選擇PNG和JPG圖片。

來源

2014-02-17 03:14:17