: Is it a bad idea to use a svg as a background image for a website file size wise? I need to save out some images for a website project at work. These images will span the full background
I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I couldn't get the file size to anything acceptable. It turned out that jpg or png seemed like it was a better bet now because I could compress it down much smaller.
At work I am being told that I should be using svg for this project but from the research I have done I don't see a way to compress down to a reasonable size. Am I missing some technique to get svg to scale much smaller?
More posts by @Vandalay110
1 Comments
Sorted by latest first Latest Oldest Best
You need to test the compatibility on diferent target devices, mainly mobil ones to see if your background works.
According to this: caniuse.com/#feat=svg-css It is now safe to use it inline.
If the image is a flat design I would use a png. I would not use a svg for background, just for diagrams. I do not think a background needs to be "that" scalable. But this is just me.
The file size of a svg depends on how many nodes you have, gradients, internal incrusted stuff, exessive code. So it is hard to know what is the image about.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.