Best practice for SVG sizing and anti aliasing treatment in browsers?

Hello community,

Is there any best practice in sizing SVG artwork in terms of aspect ratio in respect of how different browsers implement anti-aliasing algorithms in order to get the best result?

I’d normally use a multiple/divisor of existing screen resolutions in terms of real world panels - 1024x768, 1920 x 1080, 1920 x 1200, 1440p etc so something like 512², 1024², 2048², 4096² as used for decades in CGI but in that world you also have more control of what particular resizing/anti alias algorithm is used (bicubic/quadratic etc). If anyone has any information on what different browsers use for rescaling responsive vector and raster content it would be useful to help out.

Cheers, Sam


Here is my site Read-Only: LINK
(how to share your site Read-Only link)