I am using right now svg images, because it looks great at any size, but not all the browsers has support for this. So, is it better practice work with .png/.jpg?

closed as off-topic by Benny Skogberg, greenforest, Matt Obee, Graham Herrli, Evil Closet Monkey Sep 16 '14 at 15:12

  • This question does not appear to be about user experience within the scope defined in the help center.
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 1
    Is this a technical implementation question? Or are you concerned with the usability of image types? – Möoz Sep 16 '14 at 3:17
  • 5
    This question appears to be off-topic because it is about technical requirements on images. Possibly better asked at Stack Overflow or Web Applications. – Benny Skogberg Sep 16 '14 at 6:20

I use this site as a reference. Pretty much all current browsers allow SVG, and even the versions before it too (pretty much).

For me, when it comes down to graphics, I use SVG because I create responsive sites, meaning I want my site to work on all devices, and SVG allows me to do that without having to create multiple versions of one image.

I suggest you use SVG it you're using icons that you want to be responsive along with your site, but stick to traditional PNGs if you want to create a static site.

However, I think eventually we'll all transition into SVGs because the future is pointing towards that way. Just like how it was GIFs before, now PNGs, and finally up coming are SVGs.


As Wikipedia correctly points out, JPEG is designed for digital photography, while PNG is a format better suited for non-photograpic images, like diagrams, icons, clipparts, etc... as JPEG lossy compression does a really poor job with these kind of images.

Using SVG is not even an option for digital photography. And it's a bad idea (for the reason you pointed out) in comparison with PNG for non-photographic images.

EDIT And here is a short and good answer to "What web graphics formats to use?".

Not the answer you're looking for? Browse other questions tagged or ask your own question.