将图像居中并固定到像素

Question

我有一个像素适合的设计图标，但是根据视口的宽度，它会显示出不希望的抗锯齿效果。

这是固定在像素上的图标：

抗锯齿：

（要查看的专业站点：https://stage.quercusoficinasydespachos.com/）

问题似乎是容器div居中并且浏览器从视口宽度计算其位置。如果视口的像素数量为奇数，则分数将为分数。

这是我的实际标记：

    <div class="column">
      <div>
         <a>@svg('desk')</a>
      </div>
    </div>

和CSS：

.column {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 600px;
}

是否可以将图像四舍五入到像素中心？谢谢！

[EDIT]它在Firefox OSX上发生。 Chrome渲染图标固定为像素。