Chrome Mac не очень хорошо отображает очень маленькие PNG

Question 1

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

enter image description here

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

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

enter image description here

css google-chrome png-24 image-rendering

1

Pankaj Phartiyal 15 Мар 2013 в 09:43

Я с той же проблемой. Просто чтобы проиллюстрировать проблему. Я догадываюсь, что это происходит только с экранами Mac с высоким разрешением, использующими Chrome! Образец проблемы

–

Malte Schulze-Boeing

28 Окт 2013 в 19:14

Answer

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

Question 2