WordPress: Отобразить картинку без фильтров

Как оказалось, все современные браузеры настолько «умные», что автоматически улучшают изображение, применяя к ним фильтр антиалиазинга. До настоящего времени я это не замечал (в хорошем смысле). Но мне мне понадобилось показать изображение без обработок и ничего не получилось. Браузер любезно сгладил все неровности моношрифтов, и мои «жалобы» на Microsoft HelpViewer казались надуманными. Тогда я нашел способ отобразить «истинную картину» проблемы.
В style.css-файле дочернего шаблона добавляем новое правило:

img.noBlur {
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

Теперь в блог можно вставлять картинки так, чтобы к ним не применялся фильтр:

<img class="noBlur" src="https://dentnt.trmw.ru/wp-content/uploads/2014/11/HelpViewer_font0.png" alt="WordPress: Отобразить картинку без фильтров" />

WordPress: Отобразить картинку без фильтров

Хотя, Firefox все равно что-то пытается сделать с изображением, но это все равно нагляднее демонстрирует проблему со шрифтами, как если бы был скриншот без тэга noBlur (здесь браузер пытается применить сглаживание):
WordPress: Отобразить картинку без фильтров

DenTNT
DenTNT недавно публиковал (посмотреть все)