Generator favicon WordPress – TOP 10

Share on facebook
Share on twitter
Share on linkedin
Share on google

Świadoma strategia budowania marki to klucz do sukcesu strony internetowej. Liczą się tu najmniejsze szczegóły, jednym z takich małych kroków jest stworzenie favicon. Najłatwiej użyć do tego celu darmowego generatora favicon.

Favicon to mały obrazek, który pojawia się na karcie w przeglądarce obok tytułu.

Favicon WordPress? Nic prostszego

Favicon WordPress nie różni się niczym od ikonki na każdej innej stronie, ale jest łatwiej ją zainstalować. Favicony są niezbędne, ponieważ użytkownicy łatwiej identyfikują markę przy wielu otwartych kartach w przeglądarce.

WordPress ma opcję automatycznego generowania favicony z dowolnego obrazu 512 x 512px. Nie potrzebuje do tego celu żadnego generatora (instrukcja tutaj), jeśli jednak chcesz poznać więcej opcji przy tworzeniu favicon, to czytaj dalej.

Poznaj 15 darmowych narzędzi dzięki którym wygenerujesz favicon

Co warto wiedzieć przed wygenerowaniem favicon

Aby prawidłowo stworzyć favicon powinieneś poznać wymagania i najlepsze praktyki.

Favicon musi mieć odpowiedni rozmiar, ponieważ w przeciwnym razie przeglądarki ją zignorują. Minimalne wymiary to:

  • 16×16 pikseli dla przeglądarek;
  • 96×96 pikseli w aplikacjach na komputery;
  • 180×180 pikseli dla urządzeń z systemem iOS i Android.

Kilka dobrych wskazówek:

  • WordPress wygeneruje favicon z dowolnego obrazu 512 x 512px;
  • Ikony favicon powinny mieć kolor 8-bitowy lub 24-bitowy;
  • Powinny być proste, aby łatwo było je zobaczyć w małych rozmiarach;
  • Chociaż możesz mieć przezroczyste tło, ważne jest, aby pamiętać, że urządzenia Apple na to nie pozwalają;
  • Favicon powinna odpowiadać istniejącej marce i logo.

10 najlepszych darmowych generatorów favicon

Jeśli chcesz przyspieszyć tworzenie faviconki, oto kilka darmowych generatorów. Wszystkie są świetnymi opcjami, dzięki którym możesz utworzyć ikonę favicon za pomocą kilku kliknięć. Po utworzeniu favicony z można je bezpłatnie pobrać i używać.

1. Favicon-Generator.org

favicon wordpress

Ten darmowy generator favicon umożliwia przesłanie obrazu i wybór pomiędzy standardowym rozmiarem 16×16 pikseli dla przeglądarek internetowych lub większym dla systemów Android, Microsoft i iOS.

Masz możliwość zachowania bieżących wymiarów obrazu zamiast zmiany jego rozmiaru do kwadratu. Pamiętaj tylko, że zaznaczenie lub odznaczenie tej opcji może zniekształcić końcowy wynik favicony.

2. Favicon.io

Ten generator favicon pozwala na tworzenie ikony z obrazu, tekstu i emotikony.

Dzięki opcji tekstowej możesz wybrać kolor i kształt tła oraz czcionkę. Generator Favicon korzysta z Google Fonts, który ma ponad 900 dostępnych czcionek.

Druga opcja to przesłanie pliku i przetworzenie go na odpowiedni rozmiar.

3. Real Favicon Generator

favicon generator

Ten generator zawiera podgląd gotowego efektu w przeglądarce, dziei temu możesz zobaczyć jak będzie wyglądać Twoja favicona.

Możesz także uzyskać rozmiary dla wszystkich przeglądarek i platform. Niestety ma tylko opcję wyboru obrazu do konwersji.

4. Favicon.cc

favicon generator

W tym generatorze aby stworzyć faviconke możesz przesłać gotowy obraz lub po prostu ją narysować za pomocą dostępnego edytora.

Możesz również stworzyć ikonkę z animacją, umieszczać animację w pętli, edytować i usuwać klatki.

Trym podglądu pozwala zobaczyć jak aktualnie wygląda favicona.

5. Favicomatic

favicon kreator

Favic-o-Matic generuje favicony, zarówno ICO, jak i PNG.

Możesz przesłać obraz za pomocą tego bezpłatnego generatora favicon, a następnie wybrać, czy pobrać plik ICO 16×16 i 32×32 px czy dołączyć różne rozmiary, które są kompatybilne ze wszystkimi urządzeniami.

6. FaviconGenerator.com

jak zrobić favicon

To szybki i prosty w użyciu generator favicon, wystarczy przesłać obraz i wybrać jego rozmiar. Maksymalny rozmiar obrazu powinien mieć 2 MB.

7. Ions Favicon Generator

generator favicon

Ten kreator favicon pozwala narysować własną ikonkę lub wygenerować z przesłanego obrazu. Dodatkowo możesz stworzyć favicon za pomocą inicjałów.

8. Dynamic Drive – Favicon Editor

favicon wordpress

Dynamic Drive to kolejne łatwe w użyciu i proste narzędzie do generowania favicon. Możesz przesyłać pliki w formacie JPG, GIF, PNG i BMP. Możesz także dodać przezroczyste tło dla plików GIF i PNG.

9. Logaster

kreator favicon

Logaster daje Ci możliwość stworzenia favikony poprzez wpisanie nazwy firmy i kliknięcie przycisku „Create a logo”. Następnie generuje wybór szablonów logo, które możesz wybierać i dostosowywać do swoich potrzeb.

10. Genfavicon

Po przesłaniu obrazu do tego generatora możesz przyciąć go, aby stał się favicon. Jest też okno podglądu, w którym można zobaczyć, jak Twoja favicona będzie wyglądać na żywo.

Jak stworzyć favicon WordPress?

Aby wygenerować automatyczną favicon WordPress potrzebujesz jedynie obrazu o rozmiarze 512 x 512px.

Krok 1. Zaloguj się do WordPress i w panelu administratora przejdź do Wygląd > Dostosuj.

Krok 2. Kliknij opcję Tożsamość witryny w menu po lewej stronie. Następnie w obszarze Ikona witryny kliknij opcję Wybierz obraz.

Krok 3. W okienku kliknij kartę Prześlij pliki, a następnie Wybierz pliki. Wybierz obraz z którego chcesz stworzyć favicon. Jeśli jest taka potrzeba, możesz przyciąć obraz.

Krok4. Opublikuj. Gotowe, teraz możesz odświeżyć stronę, aby zobaczyć czy wszystko wygląda w porządku.

Jak ręcznie dodać favicon do WordPress?

Aby ręcznie dodać favicon do strony WordPress, będziesz potrzebował wygenerowanej faviconki w formacie ICO. Nazwa musi być „favicon.ico”, ponieważ w innym wypadku nie zostanie wyświetlona.

Prześlij favicon.ico do głównego katalogu swojej witryny, a następnie do głównego folderu aktualnie używanego motywu.

Dodaj komentarz

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.

Wordpress - Szybki start

Zgarnij darmowego ebooka!

Zapisz się i odbierz ebooka – Dochodowy Blog – Szybki Start

Ta strona korzysta z plików cookie, aby zapewnić najlepszą jakość korzystania z naszej witryny. Więcej dowiesz się w polityce prywatności. Czy zgadzasz się na wykorzystywanie ciasteczek?