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

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

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

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.

Ikonka w pasku adresu strony - zrób sobie własną 2
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.

Ikonka w pasku adresu strony - zrób sobie własną 3
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
Wybrane dla Ciebie
Ten projekt robi wrażenie. Portowy cypel zmieni się w zieloną oazę z operą
Ten projekt robi wrażenie. Portowy cypel zmieni się w zieloną oazę z operą
Co roku zabija setki osób. Szybciej niż popularne choroby
Co roku zabija setki osób. Szybciej niż popularne choroby
"Lodowiec zagłady". Śmiały plan ma ograniczyć wzrost poziomu mórz
"Lodowiec zagłady". Śmiały plan ma ograniczyć wzrost poziomu mórz
Jak dobrze umyć ziemniaki? Większość Polaków popełnia błąd
Jak dobrze umyć ziemniaki? Większość Polaków popełnia błąd
Bociany w Afryce szykują się do drogi. Kiedy dotrą do Polski?
Bociany w Afryce szykują się do drogi. Kiedy dotrą do Polski?
„Widzieć” bez oczu. Trening aktywuje korę wzrokową
„Widzieć” bez oczu. Trening aktywuje korę wzrokową
Boty na Moltbooku: "Ludzie to zgnilizna". Tak wyglądałby świat bez ludzi
Boty na Moltbooku: "Ludzie to zgnilizna". Tak wyglądałby świat bez ludzi
Lodowy "statek widmo" przybił do Gdańska. Obserwował go cały świat
Lodowy "statek widmo" przybił do Gdańska. Obserwował go cały świat
Waży 100 ton. Znaleźli ją w Londynie
Waży 100 ton. Znaleźli ją w Londynie
Nowość w mObywatelu. Opcja dla wszystkich
Nowość w mObywatelu. Opcja dla wszystkich
"Zjada mózg".To wyjatkowo niebezpieczny mikrooorganizm
"Zjada mózg".To wyjatkowo niebezpieczny mikrooorganizm
Błoto i sól niszczą twoje podłogi? Tak usuniesz uporczywe ślady
Błoto i sól niszczą twoje podłogi? Tak usuniesz uporczywe ślady
MOŻE JESZCZE JEDEN ARTYKUŁ? ZOBACZ CO POLECAMY 🌟