Chrome Mac не очень хорошо рендерит PNG

Question

У меня PNG-24 экспортирован из Photoshop CS6, и это выглядит так в Chrome.

Вы можете заметить белые штрихи вокруг треугольников.

Тот же PNG отображается правильно в других браузерах. Рендеринг в Firefox похож на это.

css google-chrome image-rendering png-24

Источник

user924917 15 мар '13 в 05:43

1 ответ

Решение

Другие вопросы по тегам css google-chrome image-rendering png-24

user1886161 16 июл '13 в 23:24 2013-07-16 23:24 · Accepted Answer · 2013-07-16 23:24

У меня точно такая же проблема. Похоже, когда контраст очень слабый, Chrome пытается "решить проблему".

После большого скрежета зубов я обнаружил, что добавление:

    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */

чтобы проблема элемента CSS решил проблему.

Также см. Этот пост: https://superuser.com/questions/530317/how-to-prevent-chrome-from-blurring-small-images-when-zoomed-in котором рассматривается аналогичная проблема.