title: Why does my 9-patch loading screen look so funky?
body: <p><strong>Update</strong></p>
  
  <p>I think I have a better understanding of the 9-patch file format now. It's getting better but I <a href="https://stackoverflow.com/questions/38163429/how-can-i-get-9-patch-to-center-my-image-on-a-cordova-launch-screen?noredirect=1#comment63755251_38163429">still have some questions</a>.</p>
  
  <p><strong>Original Post</strong></p>
  
  <p>Now I know my art work isn't perfect and I'm probably not doing myself any favors with the comic sans, but there's something very wrong with the bottom left and bottom right heart lines in <strong>Landscape >> Rendered on Nexus 5</strong>, and the <strong>Portrait >> Rendered on Nexus 5</strong> has some extra flaws too.</p>
  
  <p>I generated the 9-patches with <a href="https://romannurik.github.io/AndroidAssetStudio/nine-patches.html" rel="nofollow noreferrer">https://romannurik.github.io/AndroidAssetStudio/nine-patches.html</a></p>
  
  <ul>
  <li>XXXHDPI</li>
  <li>Zip download</li>
  <li>Content Padding (default settings)</li>
  </ul>
  
  <p>They're being used in a Meteor Cordova Android app's launch screen.</p>
  
  <h1>Landscape</h1>
  
  <p><strong>A 9-patch png file</strong>
  <a href="https://i.stack.imgur.com/oYsqf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oYsqf.png" alt="enter image description here"></a></p>
  
  <p><strong>Rendered on Nexus 5</strong>
  <a href="https://i.stack.imgur.com/IxiuN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IxiuN.png" alt="enter image description here"></a></p>
  
  <h1>Portrait</h1>
  
  <p><strong>A 9-patch png file</strong>
  <a href="https://i.stack.imgur.com/g11dy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g11dy.png" alt="enter image description here"></a></p>
  
  <p><strong>Rendered on Nexus 5</strong>
  <a href="https://i.stack.imgur.com/lMWOL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lMWOL.png" alt="enter image description here"></a></p>