title: Html upload profile picture without distorting the image
body: <p>I would like to upload a profile picture of a user on the page, but my problem is that the users upload different kinds of images. Some of them, the height is too big, some the width is too big.
  Currently, Im stretching the image, and it is affecting image quality.</p>
  <p>I want to be able to do it like dating sites such as baadoo etc.</p>
  <p>How can i achieve this?</p>
  <p>Or which third party upload control can i use to achieve this.</p>
  <pre><code> background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  </code></pre>