I'm currently building a website aimed at modern browsers and mobile devices. In terms of performance, is it better to inline SVG's directly inside the HTML using <svg>
or is it better to use <img>
and/or background-image instead. I run gzip on the server to further compress my content and prefer not to rely on Javascript.
Pros for inline:
Pros for separate file: