<!DOCTYPE html>
<html>
<head>
<style>
div {
    font-size: 4em;
}
</style>
</head>
<body>
<img id="test-image" src="longcattop.png">
<div id="test-output"></div>
<script>
var testImage  = document.getElementById('test-image');
var testOutput = document.getElementById('test-output');
testImage.onload = function() {
    testOutput.innerHTML =
        "width: "  + testImage.naturalWidth + ", " +
        "height: " + testImage.naturalHeight;
    alert(testOutput.innerHTML);
};
</script>
</body>
</html>

Check if naturalWidth / naturalHeight works w/ DPR
Check if naturalWidth / naturalHeight works w/ DPR

    $ ./mach run --device-pixel-ratio=1 tests/html/get-natural-height.html
    ALERT: width: 600, height: 254
    $ ./mach run --device-pixel-ratio=2 tests/html/get-natural-height.html
    ALERT: width: 600, height: 254
    $ ./mach run --device-pixel-ratio=.5 tests/html/get-natural-height.html
    ALERT: width: 600, height: 254

It doesn't. Answers #6769.
