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