Ikonka w pasku adresu strony - zrób sobie własną

Ikonka w pasku adresu strony - zrób sobie własną

favicon
favicon
Kira Czarczyńska
19.10.2010 20:00

Kiedy mamy swoją stronę internetową czy bloga, zwykle lubimy, jeśli czymś się wyróżnia. Unikalna ikona obok adresu niewątpliwie może być takim wyróżnikiem. Trzeba ją tylko odpowiednio zaprojektować - i stworzyć.

Jak? Na przykład za pomocą serwisu www.favicon.cc

Kiedy mamy swoją stronę internetową czy bloga, zwykle lubimy, jeśli czymś się wyróżnia. Unikalna ikona obok adresu niewątpliwie może być takim wyróżnikiem. Trzeba ją tylko odpowiednio zaprojektować - i stworzyć.

Jak? Na przykład za pomocą serwisu www.favicon.cc

Favicon z wgranego obrazka

Jeśli mamy gotowy już obrazek, z którego chcemy zrobić ikonę naszej strony - możemy skorzystać z opcji Import Image. Wybieramy wtedy z dysku grafikę i importujemy ją do edytora strony.

favicon - import
favicon - import

Podczas wgrywania można zdecydować, czy:

  • pozostawić naturalne proporcje obrazka
  • \ścieśnić\ go do rozmiarów typowej ikony, bez zachowania proporcji

Oczywiście, można następnie używać edytora do wprowadzenia zmian - np. zmiany koloru elementów czy uwidocznienia jakiegoś szczegółu.

Decydując się na tą opcję, najlepszy efekt osiągniemy kiedy wgramy grafikę niewielką, najlepiej rysunkową, o dość ostrych i kontrastowych kolorach.

Favicon zrobiona samodzielnie - piksel po pikselu

Ktoś, kto parę lat temu samodzielnie "rysował" monochromatyczne loga do telefonów komórkowych, zapewne świetnie poradzi sobie ze zrobieniem ikony od podstaw. Można ją narysować piksel po pikselu, używając dowolnego koloru ze standardowej palety.

favicon - edytor
favicon - edytor

Oczywiście, wymaga to pewnego nakładu pracy. Poniżej edytora mamy jednak "podgląd" tego, co właśnie tworzymy - możemy więc na bieżąco sprawdzać, jak nasza ikona będzie wyglądała oraz co jeszcze zmienić, żeby było tak, jak chcemy.

A jak dodać ikonę do swojej strony...?

Kiedy skończymy już projektować naszą favikonę, musimy zapisać ją na dysk. Wybieramy w tym celu opcję Download Favicon - i ściągamy ją w formie pliku o nazwie favicon.ico.

Pozostaje nam już tylko wgrać ją na serwer, na którym mamy stronę internetową. Ikonę umieszczamy po prostu w głównym katalogu - tym samym, gdzie mamy plik index.

Źródło artykułu:WP Gadżetomania
Oceń jakość naszego artykułuTwoja opinia pozwala nam tworzyć lepsze treści.
Wybrane dla Ciebie
Komentarze (0)