Anti-aliasing svg?

Question

css

There is a logo (from illustrator) when its size is reduced, the logo loses a lot in quality. I know it has something to do with inaccurate viewbox values, but is there any way to avoid this?

Answer 1

https://developer.mozilla.org/en/docs/Web/SVG/Attr...
UPD: It's also possible (even more likely) that the logo designer doesn't understand shit on the web (as is usually the case), and therefore does not realize that it is necessary to actually try to align the shapes on the pixel grid. Didn't hit the pixel - get a crooked result.

Answer 2

You would lay out an example though, and then asked to help.

Answer 3

yes, you need to work with the pixel grid, but + to everything, svg will display normally everywhere only if you change its size to a multiple of the count. times
i.e. there was an icon of 100 pixels, reduce to 50, not 70 80 or 85
then 100% everywhere everything will be ok