Почему в Chrome картинка в формате svg не отображается?

Tailerus · 9 Сен 2020

@Alisa почему в chrome не отображается логотип ни полная версия сайта ни на мобильном??? это только в хроме и в edge
Проблема не только у одного меня как очевидно по постам.
И при том при в сем, перешел даже на другой хостинг, переустановил сервер и все равно проблема не решается !!!

Alisa · 10 Сен 2020

https://www.google.com/search?q=svg+not+showing+in+chrome
https://www.google.com/search?q=svg+not+showing+in+edge

Логотип должен быть SVG, а не PNG в <image> SVG.

Либо в шаблоне меняйте .svg на .png и загружайте его в PNG.

Tailerus · 10 Сен 2020

Alisa написал(а):

https://www.google.com/search?q=svg+not+showing+in+chrome
https://www.google.com/search?q=svg+not+showing+in+edge

Посмотреть вложение 4275

Логотип должен быть SVG, а не PNG в <image> SVG.

Либо в шаблоне меняйте .svg на .png и загружайте его в PNG.

у меня лго в svg !

https://7row.fun/themes/dustin/public/images/logo.svg

Tailerus · 11 Сен 2020

Ну так почему логотип не отображается только в хром ???

Alisa · 11 Сен 2020

Tailerus написал(а):

Выше дан ответ.

Tailerus · 11 Сен 2020

@Alisa ято же уже столько раз утверждал , что - и кеш чистил везде, и даже переехал на другой хостинг ( кстати inferno оказался дорогим и неудомбым в плане техходдержки )
И у себя на компе жаде систему переустановил полностью. !!!
Это ничего не помогло, у доугих людей интересовался, проблема таже... в хром не отображается логотип

Логотип в SVG, с кодом все впорядке( в других же отображается !!!)

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Alisa · 11 Сен 2020

Правильный логотип SVG: https://svgshare.com/i/PWU.svg

https://playcode.io/668754/

Tailerus · 11 Сен 2020

Alisa написал(а):

блин... может я както не на том языке что ли выражаюсь или сам не догоняю!!!??

кроме хрома и edge , везде отображается !!!!

почему в хроме и edge не отображается !!!????

Sobra · 11 Сен 2020

Tailerus написал(а):

Скинь код лого своего.

Sobra · 11 Сен 2020

я посмотрел и у тебя точно не в svg формате, только что посмотрел. Вот для наглядности как выглядит код рабочего svg который открывается в том же хроме

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
    <defs>
        <image width="400" height="335" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAFPCAMAAABUCWgEAAAAAXNSR0IB2cksfwAAAEtQTFRFAAAA/Pz8/Pz8/Pz88/fz7vTu/Pz85PHk2+rcea18PXA/ (и т.д)="/>
    </defs>
    <style>
        tspan { white-space:pre }
    </style>
    <use id="Layer 0" href="#img1" x="0" y="0" />
</svg>

Как понимаю ты переводил в формат svg через фотошоп, лучше найди нормальный специальный конвертер.

Tailerus · 11 Сен 2020

Sobra написал(а):

я посмотрел и у тебя точно не в svg формате, только что посмотрел. Вот для наглядности как выглядит код рабочего svg который открывается в том же хроме

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
    <defs>
        <image width="400" height="335" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAFPCAMAAABUCWgEAAAAAXNSR0IB2cksfwAAAEtQTFRFAAAA/Pz8/Pz8/Pz88/fz7vTu/Pz85PHk2+rcea18PXA/ (и т.д)="/>
    </defs>
    <style>
        tspan { white-space:pre }
    </style>
    <use id="Layer 0" href="#img1" x="0" y="0" />
</svg>

Как понимаю ты переводил в формат svg через фотошоп, лучше найди нормальный специальный конвертер.

где такой конвертер найти ? есть примеры ?