Не отображается рисунок svg в Опере, а в Мазиле все прекрасно отображается?

Question

[Нина]

Почему не отображается рисунок svg в Опере, Хроме, а в Мазиле и в Интернет Эксплорере все прекрасно отображается?
HTML код:



Причем, в видео, где написан такой же код - все отображается.
Версии браузеров:
Опера: Версия: 66.0.3515.95
Google Chrome: 80.0.3987.106
Firefox: 72.0.2 (64-битный)
Internet Explorer: 11.

Comments

[Ankhena]

Вы бы хоть код svg показали, а еще лучше сделали песочницу (jsfiddle.net codepen.io) с видимой проблемой.

[Нина]

Код svg не смотрела, а просто выделила в Фотошопе нужный слой, правой кнопкой - экспортировать как ... и выбрала .svg формат.

[Ankhena]

Нина, Но мы-то как узнаем что с ним не так, если вы не показываете код?

просто выделила в Фотошопе нужный слой, правой кнопкой - экспортировать как ... и выбрала .svg

Таким образом обычно получается png внутри типа svg. А не нормальный svg.

[Нина]

выделила в Фотошопе нужный слой, правой кнопкой - экспортировать как ... и выбрала .svg формат. Потом открыла полученный файл в VSCode, - вот полученный результат:


<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>






<?xpacket end="w"?>

[Нина]

<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>






<?xpacket end="w"?>

[Нина]

Что-то срезает весь код

[Нина]

В общем, я поняла причину, - действительно, из Фотошопа картинка сохранялась не в svg формате, а в каком-то другом. Спасибо за подсказку.

[Ankhena]

Нина, когда вы пишете кому-то ответ, нажимайте на Ответить. Или ручками набирайте его имя, начиная с @. Иначе человек не узнает, что вы ему отвечаете.
Вставка кода

[Ankhena]

Нина, если в фотошопе был действительно векторный слой, то svg достается двойным кликом по слою. И откроется в программе, которая по умолчанию открывает svg на вашем компе. Мне нравится, когда это прямо браузер, а не всякие тяжеловесы.
Еще удобнее вариант из фотошопа отправить все в Zeplin или аналоги и оттуда уже оптом получить все картинки для макета в 1,5 клика.

[Нина]

Ankhena, спасибо. Надеюсь, что сейчас правильно ответила Вам :)

[Ankhena]

Нина, Огонь!