Seeking to implement a responsive SVG logo on a website that looks great across all devices is my current goal.
Considering the issues surrounding SVG usage, I aim to ensure broad device and browser support while also prioritizing loading speed. How do Adobe Illustrator's export settings factor into this equation?
When it comes to exporting SVGs in Illustrator, the choice of SVG profile is crucial. Which SVG profile would be most ideal?
Is SVG Tiny preferable due to its smaller file size? How widespread is the support for SVG Tiny among devices? What are the key differences to consider? (Without delving into this extensive W3 document.)
Also, should the "link" option be chosen as the image location for optimal performance? (Details following the exclamation mark.)
Alternatively, how reliable is browser support for the "embed" option?
Thank you!
P.S. While there will be a fallback alpha-PNG solution in place, my priority is to have strong support for the SVG format. (Perhaps considering a fallback like a JPG may be more feasible in this scenario, especially since addressing compatibility issues with older versions of IE can be complex when using alpha-PNG.)
Update: There are additional configurations available. Since text is not a concern for me, the relevant setting seems to be decimal places. For logos meant to display at a maximum of 200x200px (or 400x400px on Retina screens), would a value of "3" be optimal, or should I choose "2" to minimize the file size?