Ikonka loga po lewej stronie na karcie przeglądarki

pytanie zadane 23 czerwca 2017 w HTML i CSS przez Krzysiek_34 Mądrala (6,640 p.)
zamknięte 24 czerwca 2017 przez Krzysiek_34

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?

komentarz zamknięcia: Problem został wyjaśniony.

3 odpowiedzi

odpowiedź 24 czerwca 2017 przez Tomek Sochacki Ekspert (227,510 p.)

<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.

komentarz 24 czerwca 2017 przez EdeX Mądrala (5,130 p.)

Potwierdzam

odpowiedź 24 czerwca 2017 przez EdeX Mądrala (5,130 p.)

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

komentarz 24 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

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

komentarz 24 czerwca 2017 przez EdeX Mądrala (5,130 p.)
przywrócone 24 czerwca 2017 przez EdeX

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

i też będzie działać

komentarz 24 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

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...

1	komentarz 24 czerwca 2017 przez EdeX Mądrala (5,130 p.) tak wyświetli i będzie dobrze wyświetlona

komentarz 24 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

Wszystko jest ok.

odpowiedź 23 czerwca 2017 przez Eimens Maniak (69,240 p.)

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

komentarz 23 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

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

komentarz 23 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

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.

komentarz 24 czerwca 2017 przez Eimens Maniak (69,240 p.)

dodaj 2 ikony co za problem?

komentarz 24 czerwca 2017 przez Krzysiek_34 Mądrala (6,640 p.)

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ę?