Jak dodac ikone w nowej zakladce ( firefox itd.)

0

Gdzie dodac ikone w kodzie html zeby byla tu widoczna ?

0

Może się mylę ale czy to nie jest po prostu favicon?

Jeżeli tak to wystarczy

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>

favicon.png to twoja ikonka (Powinna ona być 32x32 albo 96x96 pikseli)

Hope it helps ^ ^

0

właśnie faviocon jest dodany i nie działa :( Dlatego kombinuje, bo wiem, że na fb np są tagi ogg

0

Hmm z tego co pamiętam jak bawiłem się HTML'em to mi działał fav :/
Trzymasz ikonę w folderze głównym?
Może spróbuj wstawić ikonę na hosting zdjęć i jako href podać linka do niej?
Może nie poprawne rozszerzenie pliku ikony?
Albo po prostu dodaj pełną ścieżkę do pliku jeżeli nie używasz żadnego XAMPP'a i tym podobnych?

1
Łukasz Filip Gucma napisał(a):

właśnie faviocon jest dodany i nie działa :( Dlatego kombinuje, bo wiem, że na fb np są tagi ogg

Bo favicon to nie jest taka prosta sprawa. Pierwotnie to było po prostu favicon.ico w katalogu głównym, ale teraz różne systemy i przeglądarki mają własne wizje odnośnie nazw i rozmiarów różnych rodzajów favikonek. Na dodatek te zasady ciągle się zmieniają w miarę, jak pojawiają się nowe urządzenia, a stare tracą popularność. Przykładowa sekcja deklaracji ikon może wyglądać tak:

  <link rel="shortcut icon" href="/ikony/favicon.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="/ikony/favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/ikony/favicon-32x32.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/ikony/apple-touch-icon.png">
  <link rel="mask-icon" href="/ikony/safari-pinned-tab.svg" color="#5bbad5">
  <link rel="manifest" href="/ikony/manifest.json">
  <meta name="msapplication-config" content="/ikony/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">

A do tego trzeba jeszce zrobić pliki konfiguracyjne: browserconfig.xml i manifest.json

Tu masz przykładowy generator:
https://realfavicongenerator.net

A tu masz tester obecnych na stronie ikon:
https://realfavicongenerator.net/favicon_checker

A tu jeszcze inny tester, wg. którego nawet to, co zrobi powyższy generator, to jeszcze za mało:
http://www.favicomatic.com/favicon-test

Zasadniczo obecnie ten temat jest na kila dni studiowania i eksperymentów.

0
Yukiteru Gromadzki napisał(a):

Hmm z tego co pamiętam jak bawiłem się HTML'em to mi działał fav :/

A może po prostu cache nie wyczyściłeś i pokazuje ci starą wersję strony.

0

Ech... przypomniałeś mi, że kiedyś próbowałam (bezskutecznie) rozwiązać ten problem i teraz już wiem dlaczego:

  • Safari on Mac OS Yosemite (apparently, what you are using): it takes the Apple Touch icon. At least, make sure to create a 180x180 icon.
  • Chrome: since a few versions, Chrome takes the Open Graph image (the same icon you use to indicate to Facebook which image to use when a visitor shares your page). Note that Chrome might take something else if it can't find the OG image. Rules are not clear.
  • Some other browsers: apparently, some browsers, such as Firefox, have default icons for famous web sites but generate miniatures for the other bookmarks. I can't be 100% sure of this, but I couldn't find any documentation about that. This is just guess work.

https://stackoverflow.com/questions/30649283/bookmark-icon-for-a-website

1 użytkowników online, w tym zalogowanych: 0, gości: 1