Ikonka loga po lewej stronie na karcie przeglądarki

Question

Witam.

Mam zamiar umieścić ikonkę loga, która standardowo znajduje się po lewej stronie na karcie przeglądarki.

 <link rel="icon" href="obrazki/logo1.png" type="image/png" sizes="16x16">

Standardowy rozmiar tej ikonki to pewnie 16x16.

Gdy zapiszę tę ikonkę w png o rozmiarze 24x24 wprowadzając zapis sizes="24x24", to czy będzie ta ikonka prawidłowo wyświetlana na karcie? Czy jednak 16px to jest max?

Answer 1

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Oczywiście z odpowiednią ścieżką w "href". Ikonkę daj np. 32x32 lub 48x48, a w razie potrzeby sama dostosuje się do odpowiednich rozmiarów.

Comments

Potwierdzam

Answer 2

Można zrobić nawet 100x100 i też działa.

Comments

O to mi chodziło. Ważne, że w kodzie podany jest rozmiar 16x16.

---

<link rel="icon" href="img/logo1.png" type="image/png" sizes="100x100">

i też będzie działać 

---

Tylko pytanie czy wyświetli tę ikonkę na karcie przeglądarki... A nawet gdy wyświetli, to czy ikonka będzie prawidłowo wyświetlona...

---

tak wyświetli i będzie dobrze wyświetlona

---

Wszystko jest ok.

Answer 3

https://css-tricks.com/favicon-quiz/

Comments

Wobec tego do wszystkich przeglądarek najlepiej umieścić ikonkę o standardowym rozmiarze 16x16, co nie?

---

Ikonkę zrobiłem w rozmiarze 32x32 i jest ok, bo gdy dałem 16x16, to dolna część została ucięta. Bez sensu. Ale w kodzie pozostawię zapisane: sizes="16x16" i liczę na to, że ikonka o dwukrotnie wyższej rozdzielczości będzie automatycznie dostosowana do rozmiaru 16x16.

---

dodaj 2 ikony co za problem?

---

Ikonka o rozmiarze 32x32 wyświetliła się w całości na karcie Firefoxa. Prawdopodobnie wszystko jest ok. W kodzie mam podane sizes="16x16" i te 32x32 dostosowuje się automatycznie do zapisu w kodzie. Mam rację?

---

Ikona nie zmienia rozmiaru