Img svg не работает в chrome?

Question

[kiranananda]

Здравствуйте!

С недавнего времени перестали отображаться svg изображения в Chrome. Причем во всех остальных браузерах работает все. И что интересно, я сайт не обновлял и ничего не менял, просто перестало работать. Вот код как вставляю.
<img src="/images/icon_map.svg" alt="">
Ошибок не пишет, если открыть файл через дебагер открывает. Если вставить тэг Embed работает. Что не так подскажите пожалуйста...

Comments

[Виктор]

Добавь ссылку на сайт

[kiranananda]

ecosocial.online только надо зарегаться. Там сразу видно будет пустые места. Есть еще такой момент, что на каких то хромах работало, это вот у дизайнера все работало, а вот у жены его на компе уже нет :)

[DotDash]

ну кто же svg через img подключает? Подключайте сразу через svg и работайте с ним как с svg

[kiranananda]

DotDash
Всмысле вот так вот ?

<object type="image/svg+xml" data="/images/icon_map.svg"></object>

[kiranananda]

А в css тогда как? Конечно img мне сразу размеры нужные добавлял, да где то удобно картинку тянуть, но в большинстве случаев дефолтный размер, что бы руками не задавать...

[DotDash]

kiranananda, либо так, либо напрямую

<svg width="20">
  <rect fill="#fc0" width="20" height="20"/>
  <line stroke="black" x1="0" y1="0" x2="20" y2="20"/>
</svg>

современные браузеры (кроме ie) вполне понимают и работают по css с тегом svg

[kiranananda]

DotDash Ну это издевательство над разработчиками :). Так весь код превратиться незнамо во что )...

Answer 1

[Владимир Проскурин]

У вас какой-то корявый SVG. Это даже не вектор, это растровые картинки в векторе.
Вот этот вот файл ecosocial.online/images/icon_map.svg представляет картинку вот таким образом

<image xmlns="http://www.w3.org/2000/svg" id="icon_map" width="106" height="73" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhE...

т.е. картинка у вас в формате png, в виде base64 строки.

Comments

[kiranananda]

Хм, а какой выход, я далек от дизайна, то есть пинать дизайнера что бы все переделал? Самое интересно раньше работало ведь и в других браузерах тоже...

[Владимир Проскурин]

kiranananda, просите дизайнера нормальный вектор. То, что сейчас, это не вектор, это растр сохраненный в векторный формат. Если у дизайнера нет этих иконок в векторе, пусть кидает png в 2х размере.

Answer 2

[Максим]

это не SVG а шляпа какая то ...
тогда уж просто ваш png выложите и всё

Comments

[kiranananda]

Понял, ща дизайнеру дам ссылку на тему ))

[Максим]

kiranananda, ыгы ...если что то вякнет ...пошли его ...

[kiranananda]

Максим Ленский Добрейшей души человек )))

[Максим]

kiranananda, https://codepen.io/topicstarter/pen/moRMOp - вот так примерно ...я не рисовал точь в точь