I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the future I could animate some layers, so it gives me flexibility.
I am using illustrator for the quality it delivers, but when I place my screen shot and save as an svg some file sizes are 15mb, while others are much less, there is an inconsistency, not sure what the difference is in my process.
In all the folio items I use the same process, using my mac to take a screen shot and place it inside an illustrator template.
For a visual this is an example, I exported it as a .png and there is definitely quality loss, but here I have a subtle background and the screenshot in one.
My question is how can I use a screen shot inside my illustrator canvas while maintaining a relatively low file size saved as preferably .svg format (quality is obviously important).
Is svg even the optimal solution, is it unwise to use that since its kind of arbitrary, there really is no artwork, but quality is a big factor to me that is why I chose it.
So basically how can I use screen shots inside an illustrator to get maximum quality with keeping relatively low file size, is there a better alternative?