title: Size of Blob created from Uint8Array gives nonsense values
body: <p>So I was wondering why this <code>Blob</code> object has a <code>size</code> of 5:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var x = new Uint8Array(2);
  x[0] = 255;
  x[1] = 10;
  console.log("Typed array length is " + x.length + ".")
  console.log("Typed array byte length is " + x.byteLength + ".")
  console.log("Blob size is " + new Blob(x).size + ' "bytes".')</code></pre>
  </div>
  </div>
  </p>
  
  <p>For me it makes no sense, because an <code>Uint8Array</code> element can be stored inside a byte. (<code>Uint8Array</code> items can handle a value from 0 to 255.)</p>
  
  <p>Also, changing <code>x[0]</code> or <code>x[1]</code> seems to change <code>new Blob(x).size</code>. <code>x.byteLength</code>, however, gives the expected result to me.</p>
  
  <p>I can't find any explanation for this, even though I've searched everywhere. </p>