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
Zwierzęce kolosy ze słupów energetycznych. Za nimi pierwsze testy
Zwierzęce kolosy ze słupów energetycznych. Za nimi pierwsze testy
"Ujawniamy lokalizacje". Znaleźli Złoty Pociąg?
"Ujawniamy lokalizacje". Znaleźli Złoty Pociąg?
Arabia Saudyjska zamraża budowę megabudowli. Postępy było widać z kosmosu
Arabia Saudyjska zamraża budowę megabudowli. Postępy było widać z kosmosu
Lepiej z niego zrezygnuj. Twoja pralka ci za to podziękuje
Lepiej z niego zrezygnuj. Twoja pralka ci za to podziękuje
Jak zrezygnować z subskrypcji SMS? Praktyczny poradnik
Jak zrezygnować z subskrypcji SMS? Praktyczny poradnik
PLLuM wspiera administrację i mObywatela. NASK ujawnia szczegóły
PLLuM wspiera administrację i mObywatela. NASK ujawnia szczegóły
Jaka temperatura do snu? Eksperci mówią jasno
Jaka temperatura do snu? Eksperci mówią jasno
Karta graficzna marzeń okazała się pułapką. Oszuści przeszli samych siebie
Karta graficzna marzeń okazała się pułapką. Oszuści przeszli samych siebie
Sprawdź dowód osobisty. Może mieć ważny symbol
Sprawdź dowód osobisty. Może mieć ważny symbol
Sztuczna inteligencja dorównuje ludziom w kreatywności? Wyniki badań zaskakują
Sztuczna inteligencja dorównuje ludziom w kreatywności? Wyniki badań zaskakują
Szaflary trafiają w energetyczne złoto. Odwiert geotermalny bije rekordy
Szaflary trafiają w energetyczne złoto. Odwiert geotermalny bije rekordy
Zabija w minutę. Nie ma smaku ani koloru
Zabija w minutę. Nie ma smaku ani koloru
NIE WYCHODŹ JESZCZE! MAMY COŚ SPECJALNIE DLA CIEBIE 🎯