An img element which determine own physical width and height by considering source png image's DPI.
$ npm install @daiiz/dpi-aware-image
$ npm install
$ npm run build
$ npm run demo
Open http:https://localhost:9001/demo/index.html
<style>
/* Optional */
dpi-aware-image {
display: inline-block;
--max-width: 100%;
--max-height: 300px;
}
</style>
<dpi-aware-image src='/demo/dist/icon.png'></dpi-aware-image>