Линейный градиент SVG выглядит пиксельным

Итак, я экспортировал фоновое изображение svg из эскиза и вставил его на страницу, но в браузере оно выглядит очень резким (с полосами). Какие-нибудь советы?

    <linearGradient x1="-2.48949813e-15%" y1="50%" x2="100%" y2="50%" id="linearGradient-4">
        <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
        <stop stop-color="#FFFFFF" stop-opacity="0.02" offset="50%"></stop>
        <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
    </linearGradient>

Скрипка


svg html css linear-gradients
person Eduard Dyckman    schedule 02.08.2017    source источник
comment
Я думаю, вам нужно будет объяснить, что вы подразумеваете под резким.   -  person Paul LeBeau    schedule 02.08.2017
comment
Вы имеете в виду то, что обычно называют бандажом? Полосы немного разных оттенков цвета?   -  person Paul LeBeau    schedule 02.08.2017
comment
Да, точно! Спасибо за уведомление.   -  person Eduard Dyckman    schedule 02.08.2017