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
Kira Czarczyńska

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

Tajemniczy "ciemny tlen" odkryty na dnie Pacyfiku
Tajemniczy "ciemny tlen" odkryty na dnie Pacyfiku
Nowa metoda recyklingu plastiku. Rozłoży nawet PVC
Nowa metoda recyklingu plastiku. Rozłoży nawet PVC
Jest ich mniej. Nawet w środowiskach, gdzie nie ingeruje człowiek
Jest ich mniej. Nawet w środowiskach, gdzie nie ingeruje człowiek
Sen i ryzyko demencji. Są nowe odkrycia
Sen i ryzyko demencji. Są nowe odkrycia
Do 2500 r. może jej już nie być. Alarmujące prognozy dla syberyjskiej tundry
Do 2500 r. może jej już nie być. Alarmujące prognozy dla syberyjskiej tundry
Galaktyka Cygaro. Miejsce, gdzie gwiazdy rodzą się szybciej
Galaktyka Cygaro. Miejsce, gdzie gwiazdy rodzą się szybciej
Tak formują się planety. Odkrycie naukowców to potwierdza
Tak formują się planety. Odkrycie naukowców to potwierdza
Ludzie od zawsze o tym marzyli. Pojawia się jednak pewien problem
Ludzie od zawsze o tym marzyli. Pojawia się jednak pewien problem
Masz głośnych sąsiadów? Szwajcarzy znaleźli na to sposób
Masz głośnych sąsiadów? Szwajcarzy znaleźli na to sposób
Mikroplastik i zdrowie. To konsekwencje zanieczyszczenia środowiska
Mikroplastik i zdrowie. To konsekwencje zanieczyszczenia środowiska
Tajemnicza rotacja. Czy Wszechświat znajduje się w czarnej dziurze?
Tajemnicza rotacja. Czy Wszechświat znajduje się w czarnej dziurze?
Umożliwi skok technologiczny? Ten związek ma niezwykłe właściwości
Umożliwi skok technologiczny? Ten związek ma niezwykłe właściwości