主張假如你的圖畫顏色較為單一、僅僅由色塊或許文字組成的時分能夠思考運用gif，由于這么能夠減少很大的體積。可是反過來說png能夠說是gif格局的替代品，并且實在體現很優異。相同的體現，png的更小。所以這種情況下你仍是能用png就別用gif了。有人說了，你說這么多廢話就直接說讓咱們用png好了。可是要思考一點，假如你規劃的商品面臨的用戶他們通常選用的瀏覽器比照老套或許一些舊的移動設備，比方非智能機等。或許說圖畫質量較差的機器。那你仍是得用gif，由于這些老物件不支持png。gif最多不會多于256種顏色。假如你的圖畫有許多過渡色、漸變色等仍然得挑選png。

那jpeg和png比照呢?

jpeg適合貯存有許多顏色的圖畫，由于通過緊縮后能夠在網絡上較快地加載。那么圖畫要是富含圖形或許文字的話能夠思考用png，反之亦然。否則jpg緊縮以后就會變得比照含糊。

關于jpeg本來咱得獨自拿出來說說，有些同學也許知道也許不知道，這玩意本來有兩種保留方法，一種是規范型，用鳥語講即是Baseline JPEG，還有一種是漸進型也即是Progressive JPEG。這是一對雙胞胎，啥都相同，可是縱使是咱們日子中的雙胞胎，許多都相同也必定有不相同的當地，這哥倆不相同的當地即是他~們~的~顯~示~方~式~不~同。

規范型的jpeg文件存儲方法是依照從上到下的掃描方法存儲的。每一行次序的保留在文件中。翻開這個文件的時分，就依照存儲時分的次序從上到下一行一行的顯現。直到所有的都翻開。所以假如你的文件很大或許用戶網絡通常、去幻想一下作用吧。本來這種顯現方法沒啥太大的有點。所以引薦后者。

而漸進型的是屢次掃描。在你翻開的時分會先顯現全部圖畫的概括。然后屢次掃描，圖畫主見明晰。這個優點無需多言，一起用戶在運用的時分能夠依據概括大致知道這個圖畫是啥。假如你的圖畫很大，能夠思考用這種。

比照兩種方法，看看后者，這么你的用戶體會不就提高許多了么?本來僅僅你保留的時分一個小動作是不是?可是關于用戶來講，那個體會是啥?前者：啥破玩意啊，半響出不來，要不即是一條條的，關掉關掉關掉!后者：哎，出來個框了，等一下，越來越明晰，激動啊!而這個，是不是也和咱們在研究用戶體會時，跟進度條的道理差不多呢?

當然假如你的圖畫是JPEG的規范型的話，你想轉化成漸進型，能夠這么做：在ps中翻開圖畫后，

存儲為web所用格局】，然后勾選【接連】即是漸進型了。

寫在最終，本來這篇文章不管你是規劃師仍是商品司理我覺得都能夠看一下，雖然是從運用的維度上來說規劃師運用更多一些。可是咱們是透過景象看本質。由于你的圖畫如何運用會對你的商品的用戶體會產生很大的影響。這個無需多言，我信任不一樣商品的規劃師必定都會有自個的感受。所以我仍是給這篇文章歸于用戶體會這個領域的。作為商品司理的咱們，這一點根本的常識應該去清晰。老肥堅定的以為，只要心中具有完美主義傾向的商品司理才有也許規劃出真恰好的商品，那種經常覺得“湊合吧，能夠了”，這么的商品司理做不出啥好東西，我也不想做，也不喜歡。