html img сглаживание

Question

При использовании небольшого png-изображения в качестве src для тега <<code>img> некоторые детали теряются.anti-aliasied.

В качестве примера проверьте это изображение и увеличьте его. После загрузки и открытия, например, в Photoshop, оно выглядит как положено.

Я хочу использовать это в качестве логотипа (таким образом, немного больше, чем 16x16px) без размытия.Можно ли установить тег, чтобы отключить этот тип сглаживания?

Answer 1

используйте следующее для поддержки webkit и moz

image-rendering: pixelated;
image-rendering: -moz-crisp-edges;

ресурс: https://css -tricks.com / almanac / properties / i / image-рендеринг /