Co to jest favikona?

Nie tylko ci, którzy programują strony internetowe lub opracowują wtyczki do przeglądarek internetowych, z pewnością słyszeli o tym słowie Favicon usłyszał. Być może natknąłeś się na określenie „ikona ulubionych” jako jego synonim. Ale co się za tym kryje? Co to wszystko ma wspólnego ze stronami internetowymi? A skąd wzięła się nazwa małej grafiki? Odpowiedzi na te i inne pytania podsumowałem w tym przewodniku. 

Co to jest favikona? Jak powstała ikona witryny dla ulubionych stron internetowych i kart przeglądarki? Co oznacza nazwa i jaki format pliku jest używany do ikony witryny? Odpowiedzi na te i inne pytania znajdziesz tutaj!
Co to jest favikona? Jak powstała ikona witryny dla ulubionych stron internetowych i kart przeglądarki? Co oznacza nazwa i jaki format pliku jest używany do ikony witryny? Odpowiedzi na te i inne pytania znajdziesz tutaj!

Czy znasz teraz favicon?

Favicon to plik graficzny, który (zwykle) ma wymiary 16 x 16 lub 32 x 32 piksele. Favicony są używane jako logo, symbol czy raczej ikona stron internetowych. Zostały one po raz pierwszy wprowadzone w 1999 roku wraz z Microsoft Internet Explorer 5. Określone zostały odpowiednie standardy zapewniające integrację i prezentację grafiki.

Graficzny interfejs użytkownika przeglądarki internetowej powinny zostać unowocześnione i uatrakcyjnione dla użytkowników prywatnych. Zamiast po prostu umieszczać linki i nazwy witryn w zakładkach lub liście ulubionych, do rozróżniania stron używa się teraz małych grafik. Dzięki temu operacja była łatwiejsza i wygodniejsza.

Skąd wzięła się nazwa favicon?

Termin „favicon” składa się z angielskich słów Ulubione (dla witryny na liście ulubionych przeglądarki) i Icon (dla ikony witryny). W momencie ich wprowadzenia tak nazwane grafiki służyły jako orientacja wizualna na liście ulubionych lub zakładek w przeglądarce internetowej. Favicons są teraz lepiej znane jako małe obrazki, które pojawiają się na kartach przeglądarki, aby pokazać, która strona jest w nich otwarta. 

Zielone jabłko Sir Apfelota, czerwony przycisk odtwarzania na YouTube, W Wikipedii na białym tle — wszyscy nauczyliśmy się rozróżniać karty przeglądarki nie przede wszystkim po ich etykietach, ale po ich ikonach. Jest to tak samo szybkie, jak w przypadku firm i marek używających swoich logo. Ponieważ jednak favicony pochodzą z czasów, kiedy tylko jedna strona internetowa mogła być otwierana w oknie przeglądarki, utworzono nazwę listy stron na liście ulubionych lub zakładek - np. „ikona fav” lub „favicon”.

Prawidłowy format pliku favicon

Jaki format pliku wybrać, aby favicon strony internetowej wyświetlał się w zakładce przeglądarki internetowej, liście ulubionych i zakładkach? Cóż, domyślnie używany jest kontener graficzny z rozszerzeniem pliku .ICO. Ten kontener ikon może zawierać wiele wersji i rozdzielczości grafiki - podobne do ikon aplikacji z rozszerzeniem .icns, które można znaleźć w systemie macOS.

Ogólnie rzecz biorąc, możesz użyć tych formatów plików dla ikon stron internetowych:

  • ICO
  • PNG
  • GIF
  • SVG

Jak pokazano powyżej, standardowe rozmiary pliku .ICO to często 16 x 16 pikseli lub 32 x 32 piksele. Jak ty poniżej https://www.sir-apfelot.de/favicon.ico zobacz, favicon Sir Apfelot jest oferowany w mniejszym rozmiarze. Jeśli spojrzysz na favicon Wikipedii poniżej https://de.wikipedia.org/favicon.ico ale widać, że teraz możliwe są również rozmiary 48 x 48 pikseli lub podobne.

Należy zauważyć, że pliki .ICO mogą być używane z maksymalnie 16,7 milionami kolorów do tworzenia szerokiej gamy favicon. W przypadku innych formatów plików favicon (tak, jest ich więcej) wybór kolorów może być ograniczony. Jeśli jako favicon użyjesz pliku gif lub png, tj. pliku .gif lub .png, rozmiar (16 x 16 pikseli) i głębia kolorów (256 kolorów) mogą być ograniczone. Innym formatem, którego można użyć, jest .SVG.

Źródła: 1, 2

Podobał Ci się artykuł i czy instrukcje na blogu Ci pomogły? Wtedy byłbym szczęśliwy, gdybyś bloga poprzez stałe członkostwo będzie wspierać.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone * oznakowane

Na blogu Sir Apfelot znajdziesz porady, instrukcje i recenzje produktów Apple, takich jak iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini i Mac Studio.

Promocje