SVG pixel ratio is 1:2 from code to rendering
<p>When rendering my SVG the x, y, width and height are doubling in pixels. What is causing this?</p>

<p><strong>EDIT:</strong></p>

<p>Monitor is 3840 X 2160 with 200% scale in windows</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;style&gt;
        #svg {
            border-style: solid;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;svg id="svg" width="300px" height="200px"&gt;
        &lt;image x="20" y="20" width="100px" height="100px" xlink:href="test_image.png"&gt;&lt;/image&gt;
    &lt;/svg&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/6qc6K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6qc6K.png" alt="enter image description here"></a></p>