éè¦ç
ä»ç»ä¸åèªçå®ä¹ï¼
ããpxï¼ pixelï¼åç´ ï¼çµåå±å¹ä¸ç»æä¸å¹
å¾ç»æç
§ççæåºæ¬åå
ããpt: pointï¼ç¹ï¼å°å·è¡ä¸å¸¸ç¨åä½ï¼çäº1/72è±å¯¸
ããppi: pixel per inchï¼æ¯è±å¯¸åç´ æ°ï¼è¯¥å¼è¶é«ï¼åå±å¹è¶ç»è
»
ããdpi: dot per inchï¼æ¯è±å¯¸å¤å°ç¹ï¼è¯¥å¼è¶é«ï¼åå¾çè¶ç»è
»
ããdp: dipï¼Density-independent pixel, æ¯å®åå¼åç¨çé¿åº¦åä½ï¼1dp表示å¨å±å¹åç´ ç¹å¯åº¦ä¸º160ppiæ¶1pxé¿åº¦
ããsp: scale-independent pixelï¼å®åå¼åç¨çåä½å¤§å°åä½ã
ãã以ä¸æ¯æ¢ç®å
³ç³»ï¼
ããä¸ãptåpx
ããå
¬å¼ä¸ï¼ 1pt= (DPI / 72) px
ããå½photoshopä¸æ°å»ºç»å¸çå辨ç为72ppi( å³ 72dpiæ¶ )ï¼ 1pt=1px; å½æ°å»ºç»å¸å辨ç为72*2=144ppiæ¶ï¼1pt=2px
ããäºãppiådpi
ããdpiæåç¨äºè¡¡éæå°ç©ä¸æ¯è±å¯¸çç¹æ°å¯åº¦ãDPIå¼è¶å°å¾çè¶ä¸ç²¾ç»ãå½DPIçæ¦å¿µç¨å¨è®¡ç®æºå±å¹ä¸æ¶ï¼å°±åºç§°ä¹ä¸ºppiãåçï¼ PPIå°±æ¯è®¡ç®æºå±å¹ä¸æ¯è±å¯¸å¯ä»¥æ¾ç¤ºçåç´ ç¹çæ°éãå æ¤ï¼å¨çµåå±å¹æ¾ç¤ºä¸æå°çppiådpiæ¯ä¸æ ·çï¼å¯è®¤ä¸º
ããå
¬å¼äºï¼dpi=ppi
ããä¸ãppi计ç®æ¹æ³
ããppiæ¯æå±å¹ä¸çåç´ å¯åº¦ï¼å
¶è®¡ç®æ¹æ³ä¸ºï¼
ããå
¬å¼ä¸ï¼ ppi= å±å¹å¯¹è§çº¿ä¸çåç´ ç¹æ°/对è§çº¿é¿åº¦ = â (å±å¹æ¨ªååç´ ç¹^2 + å±å¹çºµååç´ ç¹^2)/对è§çº¿é¿åº¦
ãã以å°ç±³2s为ä¾ï¼è¯¥å±å¹å辨ç为720px*1280pxï¼4.3è±å¯¸ãåç¹å¯åº¦ä¸º â (720^2 +1280^2) /4.3 = 342ppiã
ããåãpxådp
ããdp为å®åå¼åæ¶çé¿åº¦åä½ï¼æ ¹æ®ä¸åçå±å¹å辨çï¼ä¸pxæä¸åç对åºå
³ç³»ã
ããå®å端å±å¹å¤§å°åä¸ç¸åï¼æ ¹æ®å
¶åç´ å¯åº¦ï¼å为以ä¸å ç§è§æ ¼ï¼
ãã1dpå®ä¹ä¸ºå±å¹å¯åº¦å¼ä¸º160ppiæ¶ç1pxï¼å³ï¼å¨mdpiæ¶ï¼1dp = 1pxã
以mdpi为æ åï¼è¿äºå±å¹çå¯åº¦å¼æ¯ä¸ºï¼ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5
: 2 : 3;å³ï¼å¨xhdpiçå¯åº¦ä¸ï¼1dp=2px;å¨hdpiæ
åµä¸ï¼1dp=1.5pxãå
¶ä»ç±»æ¨ã
ããå
¬å¼åï¼ 1dp=(å±å¹ppi/ 160)px
ãã以WVGAå±ä¸ºä¾ï¼è¯¥å±å¹ä¸º480px*800pxï¼æ3.8寸å±ç®ï¼ç¹å¯åº¦ â (480^2 + 800^2) / 3.8 = 245ï¼çº¦çäº240ï¼å¯¹åºäºhdpiå±å¹ï¼æ以该å±å¹1dp=1.5px
ããäºãdpåsp
ããdpåspé½æ¯å®åçå¼ååä½ï¼dpæ¯é¿åº¦åä½ï¼spæ¯åä½åä½ãspä¸dp类似ï¼ä½æ¯å¯ä»¥æ ¹æ®ç¨æ·çåä½å¤§å°é¦é项è¿è¡ç¼©æ¾ãAndroidç³»ç»å
许ç¨æ·èªå®ä¹æå尺寸大å°(å°ãæ£å¸¸ã大ãè¶
大çç)ï¼
ããå
¬å¼äºï¼å½æå尺寸æ¯âæ£å¸¸âæ¶1sp=1dpï¼èå½æå尺寸æ¯â大âæâè¶
大âæ¶ï¼1sp>1dpã
ããä¸è¬æ
åµä¸å¯è®¤ä¸ºsp=dpã
ããæ»ç»ï¼ç±äºå设计æ¶ä»¥xhdpi为模æ¿ï¼xhdpiæ¡ä»¶ä¸ï¼1dp=2pxãè¥æ°å»ºç»å¸æ¶ï¼å°ç»å¸å辨ç设为144ppiï¼å1pt=2px=1dpãæ¤æ¶ï¼å³å¯å°ptçåäºdpãæ 注é¿åº¦çæ¶åï¼å°é¿åº¦åç´ é¤ä»¥2å³ä¸ºdpå¼ã
ããPSï¼å¨photoshop ccä¸åå¾æ¶ï¼å¯ç´æ¥å¨.png
å¾çå¾å±å称åå ä¸200%è·å¾2å大å°çå¾ï¼å
¶ä»æ¯ä¾çåå¾ä»¥æ¤ç±»æ¨ãè¾åºç两åå¾ä¸æ¨¡ç³çåææ¯ï¼è¯¥å¾æ¯photoshopä¸ç¨å½¢ç¶å·¥å
·ç»åºæ¥çæªè¢«
æ
æ ¼åçå¾å½¢ï¼èä¸æ¯å·²è¢«æ
æ ¼åçå¾å±æå¤é¨å¯¼å
¥çå¾çã
温馨提示:答案为网友推荐,仅供参考