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
Ten "trick" to pułapka. Możesz uszkodzić szyby
Ten "trick" to pułapka. Możesz uszkodzić szyby
Wyszli na spacer. Wrócili bogatsi o 80 tys. zł.
Wyszli na spacer. Wrócili bogatsi o 80 tys. zł.
OpenAI szykuje urządzenie z ChatGPT. Ma mieć formę długopisu
OpenAI szykuje urządzenie z ChatGPT. Ma mieć formę długopisu
Kiedy urodził się Jezus? Historycy mówią o jednym
Kiedy urodził się Jezus? Historycy mówią o jednym
Aparat leżał w rzece przez lata. Udało się odzyskać zdjęcia
Aparat leżał w rzece przez lata. Udało się odzyskać zdjęcia
Ołów, ścieki i tony odchodów. Mieszkańcy polegają na tej rzece
Ołów, ścieki i tony odchodów. Mieszkańcy polegają na tej rzece
Samsung zapowiada lodówki z Gemini. Sztuczna inteligencja Google'a trafi do kuchni
Samsung zapowiada lodówki z Gemini. Sztuczna inteligencja Google'a trafi do kuchni
PKO BP ostrzega przed oszustami. Zalecenia dla klientów
PKO BP ostrzega przed oszustami. Zalecenia dla klientów
Co tam się dzieje? Niezwykły wycinek lodu może rozwiązać tajemnicę
Co tam się dzieje? Niezwykły wycinek lodu może rozwiązać tajemnicę
Rzymianie wymyślili beton, który sam się naprawia? Nowe odkrycie
Rzymianie wymyślili beton, który sam się naprawia? Nowe odkrycie
Windows 11 z nową stroną do aktualizacji wszystkich aplikacji
Windows 11 z nową stroną do aktualizacji wszystkich aplikacji
Messenger zniknął z Windowsa. Oto rozwiązanie
Messenger zniknął z Windowsa. Oto rozwiązanie
MOŻE JESZCZE JEDEN ARTYKUŁ? ZOBACZ CO POLECAMY 🌟