Качество фильтра SVG при использовании в качестве фона CSS

Question

Я пытаюсь использовать SVG-файл в качестве фона для div, и все работает отлично, за исключением случаев, когда я добавляю фильтр в SVG-файл, который он отображает очень грубо. Есть ли какие-то настройки, которые мне нужно добавить в CSS или внутри SVG-файла, чтобы повысить качество? У меня есть веб-приложение, в котором есть куча значков, и он пытается осветлить сайт, загрузив один файл и компенсируя фоны, но при этом сохраняя высокое качество и масштабируя значки. Неужели я ошибаюсь?

Я использую Inkscape для создания файла SVG

Вот мой CSS:

.icoErase{ 
    width: 1em; 
    height: 1em; 
    background-image: url('../images/FormIcons.svg'); 
    background-size: auto 6em; 
    background-position: -1em -1em; 
    background-repeat: no-repeat; 
} 

Answer 1

Я мог бы предложить создание атрибутов явного filterRes на элементе фильтра в вашем SVG в любом месте от 1000 до 2000 Браузеры иногда выбирают неправильные настройки по умолчанию.