Caveats

Stroke width should be in CSS pixels

When preserving line width, stroke width should be in CSS pixels. Image size doesn’t matter. This is how it looks like:

Example

Incorrect stroke width will result in something like this:

Example

Preserving line width works only on strokes

Create your images with strokes instead of filled path to preserve line width.

Toggle original image to see that there’s no difference when stroke is not preserved.

Example

Transparent colors should be omitted or set as none or transparent

Quite common catch is to set white color and then wonder why image is messed up. If you don’t want fill, omit it or set it to none or transparent.

Example