Favicon – ikona strony internetowej

facebooktwittergoogle_plusredditpinterestlinkedinmail

Favicon (z angielskiego favorites icon) to niewielkich rozmiarów ikona strony internetowej, w postaci pliku graficzny o wielkości 16 na 16 pikseli lub 32 na 32 piksele.

Pojawia się w trzech miejscach:

  • Przy adresie dodanej strony internetowej w zakładkach ulubionych
  • przed adresem strony w polu adresowym przeglądarki WWW
  • na karcie/zakładce przeglądarki internetowej

favicon

Dzięki zastosowaniu oryginalnego favicon, nasza strona będzie się wyróżniać na tle pozostałych witryn internetowych. Pomoże także w budowaniu świadomości marki w umysłach odwiedzających stronę użytkowników.

Jak zrobić favicon?

Stworzenie własnej favicon na naszą stronę internetową nie zabierze nam dużo czasu. Wybór programy graficznego jest dowolny, możemy użyć m.in. Photoshop’a, Corel’a, GIMP’a lub Paint’a. Nie każdy program graficzny wspiera format ico, ale nie stanowi to dla nas żadnego problemu. Istnieje w Internecie wiele programów wspierających konwersję plików graficznych zapisanych w takich formatach jak jpg, gif, png na format ico.

Przykładowe strony umożliwiające konwersje plików graficznych na format ico:

Nie masz programu graficznego? Nic nie szkodzi, istnieje w Internecie wiele generatorów, za pomocą których można samodzielnie wykonać własną ikonę.

Jak umieścić favicon na naszej stronie WWW?

Posiadając już gotową ikonę, czas na umieszczenie jej na stronie. Są na to dwa sposoby:

  • umieszczenie ikony pod nazwą favicon.ico na serwerze, w głównym katalogu, w którym znajduje się strona internetowa
  • zdefiniowanie adresu favicon w kodzie strony
    <link rel="shortcut icon" href="img/favicon.ico" />

Minusem drugiej metody jest fakt, że należy pamiętać o dodatkowych tagu na każdej z posiadanych i tworzonych stron WWW. Decydując się na pierwszą opcję, publikujemy plik graficzny na serwerze i nie musimy się martwić żadnymi dodatkowymi i zbędnymi czynnościami.

Jeśli używamy wordpressa należy użyć wtyczki MaxBlogPress Favicon.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

12 − = 4

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>