title: Best file format for scalable vector graphics on the web?
body: <p>I am building a new website and I would like the logo of that website to look equally sharp across all devices (ranging from desktop computers to retina displays on the iPhone and iPad).</p>
  
  <p>The logo I have doesn't contain any gradients or pixels, so I could easily save it in a vector format. However, nobody can really tell what the best format would be for this. </p>
  
  <p>Is it SVG or PNG e.g.?</p>
  
  <p>And how would I create an SVG file? </p>
  
  <p>There is not much information available even on Google.</p>
  
  <p>Thanks for sharing your experience with this.</p>