Какой тег лучше использовать что бы добавить SVG изображение?

#html #css #svg #изображения

Object:

 


Embed:




iframe:




IMG:




background-image:

#image {
  background-image: url(image.svg);
}

    

Ответы

Ответ 1

Лучший тег для svg - это svg! Потому что только так вы в дальнейшем сможете им манипулировать.
А вообще все зависит от целей, если просто показать картинку - img, если фоном пустить
- то используйте background-image.


Ответ 2

Всё зависит от ваших потребностей, каждый метод дает определенные возможности и накладывает
ограничения.

Если вам просто надо вставить готовую картинку, то стоит делать это так:




Соответственно, всё, что вы сможете - это менять ширину и высоту картинки, не более.
Менять свойства элементов, анимировать их и всё прочее вы не сможете. А значит, никакого
интерактива. Всё тоже самое справедливо и для вставки SVG как фонового изображения
через CSS.