title: Navigation drawer header image
body: <p>I try to create a <code>Navigation Drawer</code>. I want to use my image in header of <code>Navigation Drawer</code>. </p>
  
  <p>When I use my jpg image and open <code>Navigation Drawer</code>,  it opens very slowly and not working properly. I also want that my image should show in circle like in gmail App. I have put my jpeg image in <code>drawable</code> folder of 500kb size.</p>
  
  <p>What can be done to solve this problem?</p>
  
  <p>header.xml</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout 
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="190dp"&gt;
  
     &lt;ImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerInParent="true"
          android:id="@+id/headerImage"
          android:scaleType="centerCrop"
          android:src="@drawable/avina"/&gt;
  
     &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_below="@+id/headerImage"
          android:id="@+id/headertext"
          android:text="Avinash"
          android:textSize="20sp"/&gt;
  &lt;/RelativeLayout&gt; 
  </code></pre>