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

enter image description here

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

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

enter image description here

1
Pankaj Phartiyal 15 Мар 2013 в 09:43
Я с той же проблемой. Просто чтобы проиллюстрировать проблему. Я догадываюсь, что это происходит только с экранами Mac с высоким разрешением, использующими Chrome! Образец проблемы
 – 
Malte Schulze-Boeing
28 Окт 2013 в 19:14

1 ответ

Лучший ответ

У меня такая же проблема. Похоже, что при очень слабом контрасте 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, который решает аналогичную проблему.

4
Community 20 Мар 2017 в 13:18
Протестировал, решил проблему на хроме. спасибо, paulcpderson :)
 – 
Pankaj Phartiyal
30 Окт 2013 в 11:24