JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<thead>
	<tr><th>Graphic (279 x 324)</th><th>Browser Scaled (620 x 720)</th></tr>
</thead>
<tbody>
	<tr>
        <td><img src="http://w3dk.com/design/graphics/img/compass-45pc-279x324.png" width="279" height="324" alt="Image scaled in a graphics program"></td>
		<td><img class="right" src="http://w3dk.com/design/graphics/img/compass-original-620x720.png" width="279" height="324" alt="Image scaled by your browser"></td>
	</tr>
</tbody>
</table>

CSS

img.right{
    -webkit-transform: scale(0.5);
}

JavaScript

/**
The image on the left is resized in a graphics program from 620x720px to 279x324px  (45%)
The image on the right is resized in the browser from the original 620x720px image
- Is there any difference in your browser?
*/