I'm a UI designer working and I want to get a better understanding of what is required for the most efficient and streamlined way to handover of assets to developers - both for the developer and also for me.
I was of the understanding that since SVG files are lossless, they can be resized "on the fly" using CSS/HTML and therefore can just be supplied once (instead of at all the various sizes) - is this a reasonable assumption?
I work with very detailed pages where there are a lot of instances of the same icons and I'm trying to avoid having to "mark for export" (I use Adobe XD) every single instance of an icon on every page. My preference is to provide a master UI file which contains once single instance of each icons in the project.
Any thoughts / input appreciated!
I have not been able to try anything because I'm not a developer and can't see how this works in the code.
My answer is "it depends".
Much like optical sizes for fonts, even though SVG is by its nature scalable, doesn't mean the format makes images look good at all sizes, even when it's all vectors and no raster.
I'd just inventory what sizes are needed and test the image to see if any adjustment is necessary for certain sizes and in case provide the variants for those.