title: Handleling image size on multiple device display on cordova-ionic-angular app
body: <p>I'm building a new app with this great tool and i have a question to solve.</p>
  
  <p>What is the best way to handle imnage size for multiple scren and multiple devices.</p>
  
  <p><strong>Apple</strong> = retina and non-retina
  <strong>Android</strong> = ldpi, mdpi, hdpi, xhdpi, xxhdpi and tablets (all this with multiple screen resolution)
  <strong>BlackBerry10</strong> = one resolution (but not equal to the others)
  <strong>WindowsPhone8</strong> = one resolution (but not equal to the others)</p>
  
  <p>For this case, what is the best way ?</p>
  
  <ol>
  <li><p>Use SVG images (Optimizacion, perfomance, size of app) ??</p></li>
  <li><p>Dedicate CSS tags for device pixel ratio (CSS Image Replacement) (the designer can kill me :smile: lol ) see the list <a href="http://bjango.com/articles/min-device-pixel-ratio/" rel="nofollow">http://bjango.com/articles/min-device-pixel-ratio/</a></p></li>
  <li><p>CSS Sprite sheet</p></li>
  <li><p>Another way</p></li>
  </ol>
  
  <p>Before the decision, think in what is the best to apply in all devices.</p>
  
  <p>Thanks in advance</p>