全面了解2者間的聯繫「常用照片尺寸與像素的關係」

一，電商設計常用圖片解析度

二，圖片尺寸/容量/解析度/清晰度各自的含義

三，像素與照片尺寸的關係

四，像素，解析度，尺寸三者之間的關係

一，電商設計常用圖片解析度

解析度的單位是dpi，也就是像素/每英寸,電商設計中基本上所有圖片的解析度都是72,大家不要想得太複雜，平時做圖新建文件的時候直接填72就好了，因為一般都是放在網頁上顯示，如下圖。

但要注意的是設計的圖片如果是用於線下印刷，就不能這麼設置了，具體可以參考我之前寫過的一篇文章——淘寶美工必須知道的平面設計知識。

做電商設計了解了以上說的這些平時的工作就夠用了。下面講深入一點的，可以不用看，因為理解起來有點複雜。感興趣的話可以瞅瞅。

二，理解圖片容量、像素、尺寸、解析度各自含義：

通過之前的學習，我們知道了圖片有這4個參數，下面豆芽給大家總結一這下4個參數的具體含義。

1、容量（占內存）：是指圖像文件的存貯空間，也就是文件的大小，一般以Kb和Mb來表示。（1MB=1024kb）

2、像素：是指寬高像素點的乘積或者乘積式來表示：如3000×4000px，或者是1200萬像素。

3.尺寸：是指圖像列印後的物理尺寸，一般用厘米/米或者（英）寸表示。

4、解析度：是指單位長度中像素點的總數，它代表像素的密度，一般以：像素/英寸、或者像素/厘米表示。解析度=像素/尺寸

如：解析度=72像素/英寸，它的含義就是在1英寸長度內有72個像素點，由此可見，單位長度內的像素越高，解析度越高，圖像越細膩。

三，像素與照片尺寸

那麼要拍出清晰的5寸照片其像素數應該是多少呢？當每英寸里含有72個像素點(即圖片解析度)以上，就可拍出清晰的照片。

假如我們按圖片解析度為300計算，5寸照片（即5英寸*3.5英寸）在長度方向上應有：300×5＝1500（像素），在寬度方向上應有：300（像素/英寸）×3.5（英寸）＝1050(像素)，即在5寸照片的面積上含有的像素數應為：1500×1050＝15.75（萬像素），也就是說當我們把相機的最低像素值設置在1500×1050像素（30萬像素）時即可拍出比較清晰的照片來了。按此類推，如拍攝10寸的照片有115萬像素就可以了。換句話說，您只要滿足200萬的像素，足可拍出很清晰的10寸照片來了。這是一個的概念。

再和大家提一個概念，我們買手機的時候，銷售員總是會向我們提到說：這款手機的像素是800萬，1200萬，等等，現在知道它們是怎麼計算出來的嗎？

如果不知道的話，豆芽再給大家解釋一下。下面這2張圖，第一張圖用相機拍的，那麼我們就說這款相機的像素=5328*4000=2131.2萬像素（相機像素是可自行調整的，還可以設置得更高一些，但這樣的話單張圖片占內存就要大些，16G的內存卡能裝的圖片張數就要少些）。

第二張圖是用手機拍的，那麼這台手機的像素=3024*4032=1219萬像素。約為1200萬像素。

所以銷售員口中的1200萬像素，大家明白指的是什麼了吧。

四，像素、解析度、尺寸三者關係

像素=解析度×尺寸，即尺寸不變的情況下，解析度越高，像素就越高；解析度越低，相對地，像素也會減少，兩者之間是成正比關係。

就以我手機拍的這張照片（今天為自己做了一份下午茶——芒果布丁，味道真的好好啊，香甜軟糯，Q彈爽口，絲毫不遜色於甜品店裡的大師做的味道，開心……）為例，幫大家加深理解一下這三者之間的關係。

將它拖入PS中，然後執行圖像-圖像大小的命令，會彈出一個對話框，如下

可以看到它的尺寸為3024*3024像素，解析度為72像素/英寸。看到上圖中我箭頭指向的方向，點這裡，可以換算它的尺寸單位，

這裡我們將像素換算成英寸，可以看到換算成英寸之後3024*3024像素就變成了42*42英寸。

解析度的單位是像素/英寸（像素每英寸），由此可以計算出這張圖片的解析度=3024/42=72像素/英寸。

接下來在保證它的像素不變的情況下，我把它的解析度改成300，要想保持原本的像素，寬高就得改成10.08英寸了，因為3024/10.08=300像素/英寸，這樣修改的話，圖片的清晰度是不會改變的。

最後我們再強行將它的解析度改成300，寬高都不變

可以看到它的尺寸變成了12600*12600像素，很顯然，這張圖片按實際尺寸放大後，肯定是模糊的。下面這3張圖分別是原圖和修改過後的2張圖，底下有關圖片的信息（像素，尺寸，容量，解析度，）我都標註出來了，大家可自行體會一下。

前2張按它的實際尺寸放大後，圖片的清晰度是正常的，第三張就模糊了，而且占內存也大多了，高達16.3MB。截取它們在PS中按實際像素放大後的部份細節給大家看看，可以看到前面2張圖畫質是清晰的，而第三張圖明顯就模糊多了。

現在我們來理解像素與清晰度之間的關係。在解析度一定的情況下，像素是圖片的尺寸大小的標誌。

像素大，只能說明該圖片的尺寸大，並不能說明其清晰程度。比如上圖在保持解析度為72不變的情況下，可以把3024的像素，隨意改成多少都行，只不過如果最終改的像素大於3024（比如改成6048px）的話，圖片就會變得不清晰（在PS中按圖片的實際像素查看），如果小於3024px的話，清晰度就是正常的。大家自己也可以隨便拿一張照片在PS里試試看效果。