title: How to show the same logo image with proper dimensions on all devices and browsers?
body: <p>I'm designing a website using <strong>Bootstrap framework 2.0.1</strong>.</p>
  
  <p>But I'm having one issue with the image logo I used on my website. The logo image looks fine on PC and laptops but when I see this logo image on devices like iPhone and iPad it loses it's quality, the image logo looks blur and stretched.</p>
  
  <p>So my question to you is how should I overcome this issue?</p>
  
  <p>Do I need to create three different copies of same logo image with different dimensions and use them respectively for laptop/PC, iPhone and iPad? If yes how? </p>
  
  <p>If there is any other better solution for this problem please let me know.</p>
  
  <p>Thanks in advance.</p>