title: Why is the image rendered with decimal pixels?
body: <p>I'm trying to create a blank page with just the Google logo and I've noticed something very strange: the image isn't rendered in its full size of 272x92, instead it's being reduced.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body&gt;
          &lt;img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm testing this in the latest Chrome browser and here's a screenshot of the render:</p>
  
  <p><a href="https://i.stack.imgur.com/OFKCb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OFKCb.png" alt="enter image description here"></a></p>
  
  <p>As you can see the image's dimensions are decimals resulting in a blurry render.</p>