Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Jak ustawić ikonę strony

Agent K

Rekomendowane odpowiedzi

Agent K Pasjonat

Agent K

Opublikowano
Pasjonat

Agent K

Opublikowano

Cześć, mam problem ustawieniem ikony na stronie. Z tego co przeczytałem wynika, że nie powinno się robić tego w taki sposób:

<link rel="shortcut icon" href="favicon.ico" />

Wygenerowałem zestaw ikon używając tego serwisu:

http://realfavicongenerator.net/
Zostaje wygenerowany zestaw ikony, który wypakowuję do folderu z index.html i wklejam wygenerowany poniższy kod do <head> jednak ikona nie pojawia się w przeglądarce. Co jest nie tak? :) 
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">

 

4417049059_6234f40fb5.jpg
Storm has passed but the destruction are still visible.

Burned123 Weteran

Burned123

Opublikowano
Weteran

Burned123

Opublikowano 
<link rel="icon" type="image/ico" href="favicon.ico">

Ten sposób jest jak najbardziej prawidłowy i w zupełności wystarczy. Generator wygenerował Ci po prostu kody w przypadku jakieś witryny/aplikacji webowej przystosowanej na wszystkie platformy.

Możesz ewentualnie poza tym co napisałem na początku dodać te kody:

<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">

I możesz być spokojny, że na andku, czy wp czy nawet sprzętach Apple będzie Ci pokazywało faviconkę.

 

A to, ze Tobie nie wyświetla tych ikonek może być spowodowane tym, że ściezki są złe lub w ogóle nie masz tych ikonek.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...