Форум Сайтостроение Веб-строительство

Не отображается иконка во вкладке

S
На сайте с 11.06.2023
Offline
28
Sermyagin
331
В истории видно, но не во вкладке.  
<head><link rel="stylesheet" type="text/css" href="style/default.css"><meta charset="UTF-8"><title><?php echo $texts['home']; ?></title>
        <link rel="shortcut icon" href="/design/icon.png" />
        <link rel="icon" href="/design/icon.png" type="image/x-icon" />
        <link rel ="apple-touch-icon" sizes="57x57" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="60x60" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="72x72" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="76x76" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="114x114" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="120x120" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="144x144" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="152x152" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="180x180" href="/design/icon.png">
        <link rel ="icon" type="image/png" size="192x192" href="/design/icon.png">
        <link rel ="icon" type="image/png" sizes="32x32" href="/design/icon.png">
        <link rel ="icon" type="image/png" sizes="96x96" href="/design/icon.png">
        <link rel ="icon" type="image/png" sizes="16x16" href="/design/icon.png">
        
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">

<meta name="format-detection" content="telephone=no">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="MobileOptimized" content="176">
<!-- Yandex.RTB -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<!-- Bootstrap Tooltip -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

</head>

S
На сайте с 11.06.2023
Offline
28
Sermyagin
#1
Полный путь до иконки писать с  http://?
S
На сайте с 11.06.2023
Offline
28
Sermyagin
#2
Все исправил до страницы стоял js.
M2
На сайте с 27.12.2015
Offline
76
max256
#3 
        <link rel ="apple-touch-icon" sizes="57x57" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="60x60" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="72x72" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="76x76" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="114x114" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="120x120" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="144x144" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="152x152" href="/design/icon.png">
        <link rel ="apple-touch-icon" sizes="180x180" href="/design/icon.png">

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

<link rel="apple-touch-icon" href="/apple/icon.png">
S
На сайте с 11.06.2023
Offline
28
Sermyagin
#4
max256 #:

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

Спасибо я не знал

М
На сайте с 11.09.2021
Offline
25
Мыхалыч
#5 
<link rel="shortcut icon" href="/design/icon.ico" type="image/x-icon">
<link rel="icon" href="/design/icon.png" type="image/png">
<link rel="icon" href="/design/icon.svg" type="image/svg">
<link rel="apple-touch-icon" sizes="192x192" href="/design/icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/design/icon.png">

Попробуйте так.

Обратите внимание, что пробелов между ключами и значениями лучше не ставить. То есть вместо 'rel ="icon"' должно быть  'rel="icon"'.

На первой строчке, где type="image/x-icon" все же должна быть картинка с расширением .ico.

На третьей строчке, где type="image/svg" надо указать картинку с расширением .svg.

Анимированный Фавикон где возможно, фавикон Непонятная иконка сайта в

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий