title: How to increase the canvas bit depth to create a higher quality picture in javaScript? and how to increate the canvas size when outputting
body: <p>I'm new to HTML5 and JavaScript, and I'm trying to use the canvas element to create a high(ish) quality output image. </p>
  
  <ol>
  <li>The current purpose is to allow users to all their own images (jpeg, png, svg). this works like a charm. however when I render the image it's always a 32-bit png. how can I create a higher quality picture using JavaScript(preferably) ?</li>
  <li>when I output the file, it always seems to keep the same resolution as the canvas, how can I change this using JavaScript(preferably)</li>
  </ol>
  
  <p>Thanks in Advance guys, I looked around for a while but I couldn't find the answer to this :(</p>