Что я делаю не так при установки фавиконки?

Question

[Айрат Кадырмаев]

Здравствуйте. На сайте wordpress устанавливаю фавиконку. Сначала закачал по ФТП и указал путь
, файл так и называется favicon.io
Далее узнал, что в вордпресс есть возможность установки иконки сайта через админ панель - размер фото 512-512 - закачать ее туда. Она вроде бы заработала.
Яндекс пишет, что фавикон не найден и рекомендует закачать ее в формате SVG. Я картинку PNG перевел в SVG и закачал ее на сервер назвав картинку icon.svg .

Что я не так делаю? В браузере показывается во внутренних страницах квадратная иконка, а на главной круглая - которая была закачана изначально favicon.io.

Я не разработчик, просто решил сам установить фавиконку)

Comments

[Александр]

почему расширение io а не ico?

[Айрат Кадырмаев]

Александр, написал тут неверно, оно на самом деле - ico
В коде указал
favicon.ico"/>
"favicon.svg" type="image/svg+xml">

И закачал две иконки

Браузер показывает почему-то первую favicon.ico

[Sanes]

<link rel="icon" href="/logo.png">
у меня так

Answer 1

[Sanes]

Кеш сайта и браузера очистите. Посмотрите из приватной вкладки.

Comments

[Айрат Кадырмаев]

Показывает иконку, которую по ФТП закачал - favicon.io

[Sanes]

Айрат Кадырмаев, удалите её, оставьте только в WP

[Айрат Кадырмаев]

Sanes, и svg тоже? Просто интересно понять, что работает, а что нет.
Сейчас удалил favicon.ico и начало показываться видимо та, что в админке

[Sanes]

Айрат Кадырмаев, у меня нет необходимости страдать с SVG. Наверное.

[Айрат Кадырмаев]

Sanes, просто почему SVG файл не работает? и меня волнует еще, что в айфоне где закладки -иконка сайта какая-то расплывчатая

[Sanes]

https://favicon.io/favicon-converter/
https://realfavicongenerator.net/

[Айрат Кадырмаев]

Sanes, для каждого устройства свой фавикон нужен?

[ThunderCat]

Айрат Кадырмаев,

для каждого устройства свой фавикон нужен?

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

[Айрат Кадырмаев]

ThunderCat, и какой для него загрузить?

[Айрат Кадырмаев]

ThunderCat, загрузил такое фавикон - apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> но непонятно, работает ли он