Вопрос. А как кто вставляет svg файлы в проект? Мне нужно подменить

Question

Вопрос. А как кто вставляет svg файлы в проект? Мне нужно подменить

png на svg и заметил что
<img src="/images/logo.svg">
не работает именно в google chrome

конечно можно вставить через
background-image: url();
но это как то неудобно имхо.

подскажите как кто делает?

#frontend #html #javascript #programming #russian

0

26.03.2021

12 ответов

17 просмотров

Діма Автор вопроса

SancheZ
точно путь абсолютный? Может быть относительный на...

ну у меня в проекте начинается с https::

0

26.03.2021

Nickie Youngblood

Смотри, что в консоли.

0

26.03.2021

SancheZ

Діма
ну у меня в проекте начинается с https::

просто слеш уберите перед images

0

26.03.2021

LZD

может это не свг

0

26.03.2021

Taras Karpyn

Есть несколько ньюансов, если тебе надо изменить цвет свг иконки (например даже приразработке темной/светлой темы для сайта) ты не сможешь изменить fill если свг находиться в img или background-image, так что надо его вставлять прямо в html, если как просто иконку то можно на бифор + background-image или в img ваше без разницы

0

26.03.2021

Діма Автор вопроса

Taras Karpyn
Есть несколько ньюансов, если тебе надо изменить ц...

Так в том и смысл, что я могу вставить просто svg картинку в код, и все работает. Но картинка занимает 100500 строк. просто засоряет мне код. если во всем проекте так поменять то не будет хорошо. Цвет мне менять как раз не нужно.

0

26.03.2021

Taras Karpyn

Діма
Так в том и смысл, что я могу вставить просто svg ...

Сожми ее в 1 строку используя html minify (сайт такой)

0

26.03.2021

Діма Автор вопроса

Taras Karpyn
Есть несколько ньюансов, если тебе надо изменить ц...

Имеешь в виду что если background-image то только инлайном вставлять? если в style.css вставишь то не будет работать?

0

26.03.2021