Как оказалось, все современные браузеры настолько «умные», что автоматически улучшают изображение, применяя к ним фильтр антиалиазинга. До настоящего времени я это не замечал (в хорошем смысле). Но мне мне понадобилось показать изображение без обработок и ничего не получилось. Браузер любезно сгладил все неровности моношрифтов, и мои «жалобы» на 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: Отобразить картинку без фильтров" />
Хотя, Firefox все равно что-то пытается сделать с изображением, но это все равно нагляднее демонстрирует проблему со шрифтами, как если бы был скриншот без тэга noBlur (здесь браузер пытается применить сглаживание):
- EVE-Online: Фильтры каналов - 23.11.2024
- Не приходит СМС для авторизации на сайте Госуслуги - 01.11.2024
- VSCode: Найти и удалить элементы xml - 29.10.2024