Gdzie dodac ikone w kodzie html zeby byla tu widoczna ?
- screenshot-20190310122216.png (42 KB) - ściągnięć: 108
- screenshot-20190310122302.png (42 KB) - ściągnięć: 83
Gdzie dodac ikone w kodzie html zeby byla tu widoczna ?
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 ^ ^
właśnie faviocon jest dodany i nie działa :( Dlatego kombinuje, bo wiem, że na fb np są tagi ogg
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?
Ł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.
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.
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
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.