标题标志在 Firefox 中非常像素化，但在 Chrome/Safari 中非常好，无论图像文件类型如何答案

【问题标题】：Header logo is very pixelated in Firefox but perfectly fine in Chrome/Safari, regardless of image file type标题标志在 Firefox 中非常像素化，但在 Chrome/Safari 中非常好，无论图像文件类型如何
【发布时间】：2018-03-30 19:45:15
【问题描述】：

wordpress 网站上的标题徽标存在问题。徽标在 Firefox 上出现了令人难以置信的像素化，但在 Google Chrome 和 Safari 上却很流畅且符合预期。即使在尝试了 .png、.svg 甚至 .jpg 之后，该徽标在 Firefox 浏览器上仍然显得非常像素化。即使在缩小/放大图像分辨率后，仍会出现像素化。

图像渲染等 CSS 属性对图像没有影响。有什么理由会这样，或者有什么可能的解决办法吗？

Comparison Photo between logo in FF and Chrome

【问题讨论】：

请附上minimal reproducible example
大概，您可以按照本指南使用-moz-transform：wpza.net/wordpress-logo-appearing-pixelated-in-chrome — 请告诉我？

标签： html css wordpress google-chrome firefox

【解决方案1】：

试试这个 CSS 的图片：

image-rendering: auto;

【讨论】：

正如我所说的@Periplo，我试过这个没有用。