Welcome to the Treehouse Community
Looking to learn something new?
Matheus Scherer1,802 Points
Hello, when using SVG files, is there any difference of exporting from a larger or smaller artboard?
Example: Export a 1000x1000px file as SVG and using it as a 20x20px or Export a 20x20px file as SVG and using it as a 1000x1000px
I know that SVG is a vector and will be visually the same, but is there any technical differences? Like load time, or file size?
Chris Shaw26,650 Points
If you do export at
1000x1000px then yes there will be a considerable difference in file size because a lot more math will be involved in the XML output, for the best performance it's always recommended you only save your SVG files out at the maximum size you need them which generally you wouldn't expect them to be any larger than 1000px but you also need to take into account that browsers put load on your systems GPU to render out the vector graphic which can take a toll on the overall websites performance if you're animating it for instance.
My personal choice is never to go any wider than 600px and any higher than 400px, but that's just me.