2. 程式人生 > >關於Android中圖片大小、記憶體佔用與drawable資料夾關係的研究與分析

關於Android中圖片大小、記憶體佔用與drawable資料夾關係的研究與分析

阿新 • • 發佈：2019-02-02

研究內容

本篇內容主要探討以下場景：同一張圖片，放置在不同的drawable資料夾，在同一裝置上執行，對圖片大小及記憶體佔用有什麼影響。

研究方法

  • 控制變數法
  • 分析法

測試環境

採用錘子T1手機(1080*1960，xxhdpi)進行測試

對於記憶體的檢視，使用AS自帶的記憶體檢視工具。

圖片大小使用如下程式碼獲取

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-literal" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102); box-sizing: border-box;">void</span> printBitmapSize(ImageView imageView) {
        Drawable drawable <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">=</span> imageView<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>getDrawable();
        <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (drawable <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">!=</span> <span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">null</span>) {
            BitmapDrawable bitmapDrawable <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">=</span> (BitmapDrawable) drawable;
            Bitmap bitmap <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">=</span> bitmapDrawable<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>getBitmap();
            <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">Log</span><span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>d(<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">TAG</span>, <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">" width = "</span> <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">+</span> bitmap<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>getWidth() <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">+</span> <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">" height = "</span> <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); box-sizing: border-box;">+</span> bitmap<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>getHeight());
        } <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">else</span> {
            <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">Log</span><span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">.</span>d(<span class="hljs-built_in" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102); box-sizing: border-box;">TAG</span>, <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">"Drawable is null !"</span>);
        }
    }</code><ul class="pre-numbering" style="margin: 0px; padding: 6px 0px 40px; box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">1</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">2</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">3</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">4</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">5</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">6</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">7</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">8</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">9</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">10</li></ul>

研究過程

下面將給出測試的過程的截圖，然後進行分析和總結

下面的測試使用的是一張720*1280解析度的png圖片，32位色，佔用硬碟大小為77.11k

下面給出測試工程程式碼，非常簡單

主介面

<code class="hljs java has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-class" style="margin: 0px; padding: 0px; box-sizing: border-box;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">MainActivity</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">extends</span> <span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">AppCompatActivity</span> {</span>

    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">static</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">final</span> String TAG = <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">"MainActivity"</span>;

    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">private</span> ImageView img;

    <span class="hljs-annotation" style="margin: 0px; padding: 0px; color: rgb(155, 133, 157); box-sizing: border-box;">@Override</span>
    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">protected</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box;">onCreate</span>(Bundle savedInstanceState) {
        <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">super</span>.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        img = (ImageView) findViewById(R.id.img);
    }

    <span class="hljs-annotation" style="margin: 0px; padding: 0px; color: rgb(155, 133, 157); box-sizing: border-box;">@Override</span>
    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box;">onWindowFocusChanged</span>(<span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">boolean</span> hasFocus) {
        <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">super</span>.onWindowFocusChanged(hasFocus);
        printBitmapSize(img);
    }

    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box;">printBitmapSize</span>(ImageView imageView) {
        Drawable drawable = imageView.getDrawable();
        <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (drawable != <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">null</span>) {
            BitmapDrawable bitmapDrawable = (BitmapDrawable) drawable;
            Bitmap bitmap = bitmapDrawable.getBitmap();
            Log.d(TAG, <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">" width = "</span> + bitmap.getWidth() + <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">" height = "</span> + bitmap.getHeight());
        } <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136); box-sizing: border-box;">else</span> {
            Log.d(TAG, <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">"Drawable is null !"</span>);
        }
    }

}</code><ul class="pre-numbering" style="margin: 0px; padding: 6px 0px 40px; box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">1</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">2</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">3</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">4</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">5</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">6</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">7</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">8</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">9</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">10</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">11</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">12</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">13</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">14</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">15</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">16</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">17</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">18</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">19</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">20</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">21</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">22</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">23</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">24</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">25</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">26</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">27</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">28</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">29</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">30</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">31</li></ul>

佈局介面

<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-pi" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102); box-sizing: border-box;"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 0, 136);">RelativeLayout</span> <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">xmlns:android</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">android:layout_width</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"match_parent"</span>
    <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">android:layout_height</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"match_parent"</span>></span>

    <span class="hljs-tag" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 0, 136);">ImageView
</span>        <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">android:id</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"@+id/img"</span>
        <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">android:layout_width</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"wrap_content"</span>
        <span class="hljs-attribute" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(102, 0, 102);">android:layout_height</span>=<span class="hljs-value" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 136, 0);">"wrap_content"</span> /></span>
<span class="hljs-tag" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(0, 0, 136);">RelativeLayout</span>></span></code><ul class="pre-numbering" style="margin: 0px; padding: 6px 0px 40px; box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">1</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">2</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">3</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">4</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">5</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">6</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">7</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">8</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">9</li><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">10</li></ul>

在不設定圖片的情況下，App佔用記憶體8.31M

以下為測試部分

把圖片放置在drawable資料夾下，圖片大小為2160 * 3840，記憶體佔用39.88M

把圖片放置在drawable-mdpi資料夾下，圖片大小為2160 * 3840，記憶體佔用39.84M

把圖片放置在drawable-hdpi資料夾下，圖片大小為1440 * 2560，記憶體佔用22.26M

把圖片放置在drawable-xhdpi資料夾下，圖片大小為1080 * 1920，記憶體佔用16.11M

把圖片放置在drawable-xxhdpi資料夾下，圖片大小為720 * 1280，記憶體佔用11.86M

把圖片放置在drawable-xxxhdpi資料夾下，圖片大小為540 * 960，記憶體佔用10.29M

結果分析

從上面的測試結果，我們可以得出如下結論：

  1. 同一張圖片，放在不同目錄下，會生成不同大小的Bitmap
  2. Bitmap的長度和寬度越大，佔用的記憶體就越大
  3. 圖片在硬碟上佔用的大小，與在記憶體中佔用的大小完全不一樣

下面我會對上面幾個問題一一解釋。

我們以放在drawable資料夾下面的圖片為例，載入到記憶體之後，2160*3840大小的Bitmap佔用的記憶體為

2160 * 3840 * 4 = 3317,7600 byte = 3,2400kb = 31.640625 M

所以drawable資料夾下的App記憶體佔用 = 原始記憶體8.31M+圖片記憶體31.64M= 39.95M ，與實際記憶體佔用39.88M存在0.1755%的誤差，在誤差範圍之內。

先簡單解釋一下上面的計算公式，長*寬是圖片的畫素總數，乘以4則是因為一個畫素佔用A、R、G、B四個通道，每個通道佔用8位，所以描述一個畫素需要32位即4個位元組。

一個顏色通道需要8位描述，2^8=256，所以每個顏色通道就有256種狀態。如果把彩色圖轉化成灰階圖的話，也有256種狀態分割從白色到黑色之間的過渡顏色。

當然，也並不是所有格式的圖片每個畫素佔用4位元組，這和圖片在載入時設定的Bitmap.Config有關，預設的是Bitmap.Config.ARGB_8888，其他型別如下：

  • Bitmap.Config.ALPHA_8 此時圖片只有alpha值，沒有RGB值， 
    一1個畫素佔用一個位元組
  • Bitmap.Config.ARGB_4444 一個畫素佔用2個位元組，alpha(A)值，Red（R）值，Green(G)值，Blue（B）值各佔4個bites共16bites,即2個位元組
  • Bitmap.Config.ARGB_8888 一個畫素佔用4個位元組，alpha(A)值，Red（R）值，Green(G)值，Blue（B）值各佔8個bites，共32bites,即4個位元組。這是一種高質量的圖片格式，在電腦上普通採用。它也是Android手機上一個Bitmap的預設格式。
  • Bitmap.Config.RGB_565 一個畫素佔用2個位元組，沒有alpha(A)值，即不支援透明和半透明，Red（R）值佔5個bites ，Green(G)值佔6個bites ，Blue（B）值佔5個bites,共16bites,即2個位元組。對於沒有透明和半透明顏色的圖片來說，該格式的圖片能夠達到比較的呈現效果，相對於ARGB_8888來說也能減少一半的記憶體開銷。因此它是一個不錯的選擇。

那麼為啥在硬碟上儲存只需要77.11k，放到記憶體裡面就需要30多M呢？

因為這根本不是一回事呀~

存放在硬碟上的圖片檔案，會根據各自的壓縮規則進行壓縮，比如Jpeg這種有失真壓縮的圖片格式，最常使用可變字長編碼的哈弗曼編碼，會使用哈弗曼樹，也就是最優二叉樹，根據某些資料出現的頻率對資料段編碼，從而減少佔用的硬碟大小。

比如說“10111”這個序列在圖片的二進位制資料中出現的概率最大，那我們可以用“01”來代替這一段資料，原來5位的資料，用2位就可以表示了，這就是壓縮率60%。當然這只是打個比方，在實際操作中需要考慮“異字首原則”等編碼的基本原則。

而如果把影象讀取到記憶體中就不一樣了，因為我們需要每一個畫素都能在螢幕上顯示，所以會把每個畫素點都載入至記憶體中，不會對相同畫素進行壓縮或者是替換，所以你也應該能明白前面提到的Bitmap佔用記憶體大小的計算公式的由來了。

說到這裡，其實後兩個結論已經解釋清楚了，那麼為什麼“同一張圖片，放在不同目錄下，會生成不同大小的Bitmap”呢？

如果你真的看懂了我之前寫的文章，那麼這個問題應該不算問題。

我的測試裝置為錘子T1，1080*1960，xxhdpi，所以說，如果把這張放置在xxhdpi的話，應該不會對影象進行放縮，也就是原始大小，所以我們在前面得到drawable-xxhdpi資料夾下，圖片大小為720 * 1280是完全可以理解的，就是圖片本身的大小。

當圖片放置在drawable-hdpi中時，圖片大小為1440 * 2560，長寬變為原來的兩倍，這是因為不同解析度之間的倍數關係導致的，來一張圖

我們可以很明顯的看到xxhdpi是hdpi的2倍，所以如果單獨放置在某個drawable資料夾，手機會自動根據當前的螢幕密度對圖片進行放縮。

比如上面，當把圖片放置在xxxhdpi裡面的時候，在xxhdpi的裝置上，圖片長 = 720 * (3/4) = 540，圖片寬 = 1280 * (3/4) = 960，這與上面的測試結果是完全一致的。

至於為什麼在前面的測試中，drawable和drawable-mdpi是一樣的大小，是因為drawable-mdpi是系統預設的畫素密度，其他畫素密度都以它為基數，當只在drawable中存在圖片時，如果使用該圖片，那麼將按照drawable-mdpi的放縮比例進行放縮。

結論

從上面的測試我們可以得出以下幾個結論：

  1. 當圖片放置在不同drawable資料夾中，且只有這一張圖片時，執行裝置會根據自身的螢幕密度，對圖片進行放縮，放縮比例符合前面圖上的規則
  2. 圖片檔案的大小與在記憶體中佔用的大小沒關係，記憶體中實際佔用大小與圖片解析度、畫素顯示引數有關

所以，在一個App裡面使用一套UI理論上應該是沒有問題的，但是要注意

  • 最好使用較高解析度的切圖，並且放置在正確的drawable資料夾中，比如按照xxhdpi的解析度進行切圖，放置在drawable-xxhdpi中
  • 對於可以使用.9格式的圖片，最好使用.9，減少資源大小
  • 如果有條件，最好提供多套UI切圖。如果只有一套切圖，系統需要對圖片進行壓縮，會進行大量運算，影響裝置效能。同時，在某些情況下，系統對圖片的壓縮會可能會出現鋸齒，造成資訊的丟失
  • 如果是多套切圖的話，最好不要直接用工具按照比例放縮，這樣小圖示會丟失一些細節。當然，這部分是美工來做的，可以讓她參考這篇文章利用PS CS6的新功能保持ICON細節飽滿完美

思考一下，如果把一個本來應該放在drawable-xxhdpi裡面的圖片放在了drawable資料夾中會出現什麼問題呢？

在xxhdpi裝置上，圖片會被放大3倍，圖片記憶體佔用就會變為原來的9倍！

另外一個難以解釋的問題

我還試著將上面那張圖片放置在drawable-xxhdpi資料夾下，觀察在不同螢幕密度裝置的表現

xxhdpi裝置(T1)，圖片大小為720 * 1280，記憶體佔用 = 11.86M-8.31M= 3.55M

xxhdpi裝置(N5) ，圖片大小為720 * 1280，記憶體佔用 = 20.19M-16.82M = 3.37M

xxhdpi裝置(魅族m351)，圖片大小為720 * 1280，記憶體佔用 = 20.17M-17.84M = 2.33M

xhdpi裝置(華為g716-l070) 記憶體佔用 = 7.72M-2.66M = 5.06M

hdpi裝置(聯想A360e)，圖片大小為360 * 640，記憶體佔用 = 2.83M-2.96M = -0.7M

hdpi裝置(酷派7269)，圖片大小為320 * 568，記憶體佔用 = 6.85M-2.78M = 4.07M

然後我就凌亂了，這是什麼玩意！除了俺的大錘子和原生的N5符合圖片記憶體計算公式，其他的裝置都是什麼玩意！聯想手機的還是負值！不過我在模擬機上測試得到的也是類似的效果，這個測試與上面的應該是同一種情況，具體原因不得而已。

有知曉原因的可以告訴我，謝謝。


相關推薦

關於Android中圖片大小、記憶體佔用與drawable資料夾關係的研究與分析

研究內容研究方法測試環境研究過程結果分析結論 研究內容 本篇內容主要探討以下場景：同一張圖片，放置在不同的drawable資料夾，在同一裝置上執行，對圖片大小及記憶體佔用有什麼影響。 研究方法 控制變數法分析法 測試環境 採用錘子T1手機(1080*

利用VBA宏批量解決Word中圖片大小、居中設置

next align 如果 ali nes vba als pre format 需求：經常閱讀網上的研報（沒錢買排版漂亮的高質量研報），有些需要保存的復制下來到word裏，圖片很大都超出word的邊界了，也沒有居中，手工一張張調整不現實，上百頁的研報，幾十張圖片。 解決

Android中圖片佔用記憶體的計算

本人的網易部落格原文 在Android開發中，我現在發現很多人還不會對圖片佔用記憶體進行很好的計算。因此撰寫該博文來做介紹，期望達到拋磚引玉的作用。   Android中一張圖片（BitMap）佔用的記憶體主要和以下幾個因數有關：圖片長度，圖片寬度，單位畫素佔用的位元組

android中圖片的三級cache策略（記憶體、檔案、網路）之二：記憶體快取策略

前言 記得很久之前我寫了一篇banner的文章，好多朋友找我要程式碼，並要我開放banner中使用的圖片管理工廠-ImageManager。如果想很好地理解下面的故事，請參看我半年前寫的兩篇博文：android中圖片的三級cache策略（記憶體、檔案、網路） 一 和 an

android中圖片的三級cache策略（記憶體 檔案 網路） 一

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

drawleft，textview、EditText中圖片大小設定

很多時候我們在textview或者edittext等的控制元件裡面設定圖片，比如搜尋。 如果想要改變圖片的大小，只要在程式碼裡面設定： //比如drawleft設定圖片大小 //獲取

Android中的UID、GID與應用安全

Linux系統的檔案許可權機制：每個檔案都是屬於某個使用者的，這個使用者稱作檔案的所有者。檔案對於所有者、所有者所在組的使用者、以及其它任意使用者分別開放了不同的操作許可權，操作許可權分為：讀、寫、執行三種。只有獲得了檔案操作許可權的應用才能對檔案做相應的操作。這就保護了檔案的安全性，保證使用者對自己不具備許

Android中圖片的三級緩存策略

getitem 圖片顯示 current sco clas 實例 ase activit fileinput 一、簡單介紹 如今的Android應用程序中。不可避免

android中的MD5、Base64、DES/3DES/ADES加解密

tid log str dpa enc csdn 長度 ttext public MD5摘要算法： <span style="font-size:18px;

Android中圖片優化之WebP使用

一、什麼是 WebP？ WebP（發音 weppy，專案主頁），是一種支援有失真壓縮和無失真壓縮的圖片檔案格式，派生自影象編碼格式 VP8。根據 Google 的測試，無失真壓縮後的 WebP 比 PNG 檔案少了 45％ 的檔案大小，即使這些 PNG 檔案經過其他壓縮工具壓縮之後，WebP 還

unity優化《二》--Texture圖片空間和記憶體佔用分析

打包多種型別的專案，空專案和10張放在Resources資料夾中的圖為比較案例。以下是比較資料。 IPHONE： 1.空專案----空間佔用量42.3MB----IPA大小10MB 2.10張1200*520無壓縮Texure 單張圖佔用量2.8MB----空間佔用量70.2MB

Android中的Handler、Looper和MessageQueue的使用以及原理

       提到Handler大家一定都不陌生，通常我們都是在子執行緒通過在主執行緒中建立的Handler物件切換到主執行緒中去更新View的顯示內容，然而很少接觸Looper更沒有感覺到MessageQueue的存在，然而三者是密切相關的，那麼接下來分別介

解決BootStrap輪播圖片中圖片大小和父div不一致問題

問題出現 其實這個問題相當簡單，自己鼓搗好久，才發現還是自己基本功不紮實，當圖片的大小出現在原生的bootstrap類屬性限定中，圖片會按照自己的大小進行佈局，這樣就會出現圖片小於父div的情況，如下圖所示： 問題解決 找出圖片所屬類，更改類的屬性為blo

Android中圖片的淡入

Android中活動中圖片的淡入 我是一個計 算機小白，也許這樣就更能理解小白的心情，我想大神都是從這個階段過來的，這幾天想做一個手機桌布類的應用，剛開始做歡迎頁，想在歡迎頁加入一個淡入圖片，也許效果會很好，以前是學過的，可是學過的東西不一定都能刻在腦子裡，上網上查查資料，發現有很多大神

top命令中的幾個記憶體佔用

VIRT：virtual memory usage 虛擬記憶體 1、程序“需要的”虛擬記憶體大小，包括程序使用的庫、程式碼、資料等 2、假如程序申請100m的記憶體，但實際只使用了10m，那麼它會增長100m，而不是實際的使用量 RES：resident memory usage 常駐記憶體 1

Android中使用Handler造成記憶體洩露的分析和解決

Java使用有向圖機制，通過GC自動檢查記憶體中的物件（什麼時候檢查由虛擬機器決定），如果GC發現一個或一組物件為不可到達狀態，則將該物件從記憶體中回收。也就是說，一個物件不被任何引用所指向，則該物件會在被GC發現的時候被回收；另外，如果一組物件中只包含互相的引用，而沒有來自它們外部的引用（例如有兩個物件A和

Untiy中Drall Call、記憶體的優化

遊戲過程中常面臨遊戲記憶體，遊戲順暢度的問題，開發過程中既要保持遊戲製作精美又要考慮到遊戲順暢度的問題就交給開發者了 下面來簡單介紹一個遊戲開發和後期優化經常面對的Drall Call優化問題 Drall Call是什麼？我的理解是：Drall Call是CPU呼叫GPU

Android中的dispatchTouchEvent()、onInterceptTouchEvent()和onTouchEvent()

Android中觸控事件傳遞過程中最重要的是dispatchTouchEvent()、onInterceptTouchEvent()和onTouchEvent()方法。這個是困擾初學者的問題之一，我開始也是。這裡記錄一下dispatchTouchEvent()、onInter

SW練習中估算時間、記憶體限制輔助方法

1.記憶體限制 無論是SW.adv 還是SW.pro 題目中都有 “儲存限制 256MB\512MB” 解題同時，我們需要使用一些估算方法和措施，進行除錯 1.1 大概估算 //二維int陣列 1000

android中強引用、軟引用、弱引用。

強引用：直接引用一個物件軟引用：當記憶體不足&沒有其他地方引用時被gc回收。弱引用：無論記憶體是否充足，沒有其他地方引用時只要呼叫gc則被回收。ArrayList<String> list=new ArrayList<String>();