Картинки мутные только на сафари, есть выход?

Question

[alexiusgrey]

Во всех других браузерах все ок - хром, мозилла, мс, опера, тор.
Насколько выявил закономерность, то свг, которые добавлены как
<img src="image.svg" />

Пробую добавлять инлайново, тогда не мутные на сафари, но начнут же орать, что "код невалидный" и кидать эти дурные подчеркнутые красным скиншоты. И так не так, и так не так. Ну и объективно не все свг на 4 строчечки, есть на 244.
Есть какой-то правильный способ, чтоб и на сафари картинки были не мутные?

Comments

[Ankhena]

Какое отношение валидность имеет к инлайн svg?

Мутность может происходить, если svg нарисована "мимо пикселей". Открыть, подправить.

[alexiusgrey]

Ankhena, ну огромный же может быть код, если ее рисовали. я не рисую, что дали в макете то и беру

[Ankhena]

alexiusgrey, ну сделайте это не самостоятельно.

Answer 1

[Михаил Р.]

Попробуйте следующие варианты:

img {
    image-rendering: optimizeQuality;
}

или:

<object type="image/svg+xml" data="img.svg" width="100" height="100"></object>

или:

<embed type="image/svg+xml" src="img.svg" width="100" height="100"/>

Comments

[alexiusgrey]

спасибо, помогло!