title: Best way to include images in HTML email?
body: <p>I'm creating some HTML emails with images included. For each email the size of the images + email is less than 150kb. </p>
  
  <p>I'm trying to make them work well for the main clients mentioned here <a href="http://www.campaignmonitor.com/resources/will-it-work/email-clients/" rel="noreferrer">http://www.campaignmonitor.com/resources/will-it-work/email-clients/</a></p>
  
  <p><br />
  As far as I can tell there are two main ways of including images with the email:</p>
  
  <ul>
  <li><p><strong>Embedding the images directly.</strong></p>
  
  <ul>
  <li><em>Pros:</em> Images load as soon as email is opened (in most clients).</li>
  <li><em>Cons:</em> Does not seem to work well on mobile browsers.</li>
  </ul>
  
  <p><br /></p></li>
  <li><strong>Hosting them yourself and just using links to them in the email</strong>
  
  <ul>
  <li><em>Pros:</em> Seems to have better compatibility.</li>
  <li><em>Cons:</em> Receiver always has to click 'Display all images' button/link, added complexity of maintaining the images on a server.</li>
  </ul></li>
  </ul>
  
  <p><br /></p>
  
  <p>It seems to me that embedding the images would be the best solution, as it means users will see them straight away after opening the email. <strong>Is this correct or would you suggest another way?</strong> </p>
  
  <p>Thank you very much for your help :-)</p>