Kiedy dodajesz strony do zakładek w sieci, trudno jest zapamiętać nazwę strony. Jak nurkować z powrotem do swoich zakładek, aby go znaleźć, widzisz małą ikonę obok strony. Rozpoznajesz ikonę i zdajesz sobie sprawę, że jest to strona, którą oglądałeś wcześniej.

Ta ikona, znana jako favicon, jest mała, ale ma znaczący wpływ na rozpoznawalność marki.

Na tej stronie, odpowiemy na pytanie „Co to jest favicon?”, a także dlaczego powinieneś ją stworzyć, oraz przedstawimy cztery wskazówki, jak stworzyć pamiętną (i zgodną z przepisami) favikonę strony internetowej.

Jeśli chcesz być na bieżąco z faviconami i marketingiem, dołącz do naszego cotygodniowego newslettera.

Co to jest favicon?

Fawikony to małe ikony dla Twojej witryny, które pojawiają się obok nazwy strony lub znacznika tytułu witryny.

Ikony te pojawiają się w wielu miejscach, w tym:

  • Zakładka przeglądarki
  • Zakładki
  • Pasek narzędzi
  • Niedawno odwiedzane
  • Paski wyszukiwania
  • Wyszukiwania mobilne

Miejsca, w których favicon pojawia się w Internecie

Ta mała ikona jest istotnym elementem interfejsu Twojej strony internetowej. Pozwala Ci mieć prosty, rozpoznawalny obrazek związany z Twoją stroną internetową, dzięki czemu użytkownicy zapoznają się z Twoją marką.

Fawikon strony internetowej jest jeszcze bardziej pomocny, jeśli ktoś założy zakładki na Twojej stronie i będzie chciał wrócić do niej później.

Wiele firm używa prostego obrazu, takiego jak ich logo, jako favicon. Jednym z najlepszych przykładów favicon jest Target. Target używa swojej dobrze znanej ikony bullseye dla swojej favicon.

przykład favicon

Masz również możliwość użycia ikony z jednym do trzech znaków tekstu. Wikipedia jest doskonałym przykładem favicon używającym tekstu zamiast obrazu.

wikipedia favicon example

Istnieje wiele wspaniałych przykładów favicon, na które możesz spojrzeć, aby uzyskać inspirację dla swojej favicon. Ważną częścią jest to, że tworzysz favicon strony internetowej, która jest jasna, zapamiętywalna i łatwa do zobaczenia.

Rozmiar i formatowanie dla favicons

Kolejne pytanie następujące po „Czym jest favicon?” to „Jaki jest właściwy rozmiar dla mojego favicon?”. Ponieważ te ikony są małe, istotne jest, aby znać właściwe wymiary, aby twoja nie pojawiła się rozjechana.

Rozmiary favicon będą się różnić w zależności od przeglądarki lub jeśli używasz hosta strony.

Twój rozmiar pliku powinien być wielokrotnością 48px kwadratowych. Więc, możesz mieć rozmiar pliku ikony jak 48x48px lub 144x144px. Niezależnie od rozmiaru, którego używasz, twój obraz zostanie przeskalowany do proporcji 16x16px.

Jeśli hostujesz swoją stronę internetową na platformie do budowania stron internetowych, rozmiary favicon będą się różnić. Na przykład, WordPress wymaga 512×512 pikseli dla ich favicon, podczas gdy Squarespace wymaga 300×300 pikseli dla ich favicons.

Jest również ważne, aby pamiętać, że favicons pojawiają się na kartach przeglądarki lub listach zakładek.

Mogą również pojawić się w często odwiedzanej sekcji w przeglądarce lub jako ikona skrótu na pulpicie użytkownika. Twoja ikona musi być łatwo skalowalna dla tych przypadków, ponieważ favicon wydaje się większy.

Znając rozmiar dla tych różnych przypadków, stworzysz lepszy favicon dla swojej firmy.

Dlaczego powinienem stworzyć favicon strony internetowej?

Favicony oferują wiele korzyści dla Twojej firmy, w tym:

  • Favicony budują rozpoznawalność marki: Kiedy używasz favicon, który odzwierciedla Twoją firmę, ludzie widzą go i stają się bardziej zaznajomieni z Twoją firmą. Będą wystawieni na działanie Twojej marki i zapamiętają ją później.
  • Favicony dodają legitymacji do Twojej witryny: Twoja witryna pojawi się w komplecie z faviconem. To pomoże Ci wyglądać profesjonalnie w sferze online.
  • Favicony pomagają w optymalizacji pod kątem wyszukiwarek (SEO): Favicony pomogą Ci stworzyć stronę przyjazną dla użytkownika, która jest niezbędnym elementem SEO. Zwiększasz również rozpoznawalność marki, co zachęca ludzi do powrotu na Twoją stronę i konwersji.
  • Favicony pomagają odbiorcom zlokalizować Twoją stronę, jeśli dodadzą ją do zakładek: Favicony ułatwiają Twoim odbiorcom odnalezienie Twojej strony, gdy zrobią zakładkę. Ludzie nie zawsze pamiętają nazwy marek, ale rozpoznają Twoją firmę po jej favicon.
  • Favicony pomagają ludziom zlokalizować Twoją firmę przy otwartych wielu kartach: Ludzie często mają wiele kart przeglądarki otwartych w tym samym czasie. Zamiast klikać każdą kartę, aby znaleźć stronę Twojej firmy, mogą ją rozpoznać po faviconie.

To tylko kilka z powodów, dla których warto używać favicon strony internetowej. Dodając favicon do swojej witryny, będziesz czerpać te korzyści i rozwijać swój biznes online.

Jak stworzyć favicon

Jeśli jesteś gotowy, aby stworzyć ikonę dla swojej witryny, sprawdź te cztery pomocne wskazówki, jak stworzyć favicon.

1. Używaj przestrzeni mądrze

Gdy tworzysz favicon dla swojej firmy, musisz używać przestrzeni mądrze. Nie chcesz tworzyć ikony, która używa tak mało miejsca, że użytkownicy nie mogą jej zobaczyć, ale potrzebujesz również wystarczająco dużo białej przestrzeni.

Wiele firm będzie używać swojego logo jako favicon strony internetowej.

Choć jest to świetny pomysł na budowanie marki, Twoje logo może nie skalować się w dół lub wyglądać dobrze jako favicon. Może ono nie wykorzystywać odpowiednio przestrzeni, którą posiadasz lub nie pasować do wstępnie ustawionych wymiarów favicon.

Jeśli musisz stworzyć nową ikonę, będziesz chciał zoptymalizować swoją przestrzeń. Będziesz musiał zaplanować swój favicon, aby wykorzystać przestrzeń pikseli, którą masz, nie sprawiając, że będzie wyglądał na przepełniony lub pusty.

2. Zachowaj prostotę

Gdy projektujesz swój favicon, zachowaj prostotę. Favicon sprawia, że Twoja firma jest rozpoznawalna, ale nie przytłacza użytkownika skomplikowanym projektem. Jedynym celem tej ikony jest wzmocnienie Twojej marki wśród odbiorców i ułatwienie im znalezienia Cię.

Jeśli stworzysz favicon z zawiłym projektem, sprawi on, że Twoja ikona będzie wyglądała na zagraconą. Twoi odbiorcy będą mieli trudniejszy czas na zapamiętanie Twojej marki lub zlokalizowanie Twojej strony.

Najlepsza droga obejmuje utrzymanie jej w prostocie.

Stwórz coś czystego, związanego z marką i rozpoznawalnego.

3. Odzwierciedlaj swoją markę

Podkreślaliśmy to kilka razy, ale aby powtórzyć, upewnij się, że Twój favicon odzwierciedla Twoją markę. Twoi odbiorcy używają tej ikony, aby znaleźć Twoją firmę w swoich kartach lub zakładkach. Chcesz użyć obrazu, który pasuje do reszty Twojej marki.

Walbert Animal Hospital jest świetnym przykładem favicon, który odzwierciedla jego biznes.

przykładowy favicon strony weterynaryjnej

Jak widzisz, Walbert Animal Hospital używa odcisków łap jako ich favicon. Jest to świetne skojarzenie z ich działalnością i odzwierciedla ich markę. Jest prosty i pomaga ludziom rozpoznać ich.

Chcesz używać właściwych symboli w favicon. W tym przykładzie, ludzie kojarzą odciski łap ze zwierzętami. Kiedy użytkownik widzi te odciski łap, zakłada, że firma pracuje ze zwierzętami w jakiś sposób.

Jeśli zdecydujesz się użyć koloru w swojej ikonie, będziesz chciał trzymać się kolorów swojej marki. Żółty favicon nie pasowałby do fioletowego i szarego schematu kolorów biznesowych. Istotne jest, aby utrzymać ikonę w tych samych kolorach co Twoja marka, aby wspierać rozpoznawalność marki.

4. Skonsultuj się z projektantem

Jeśli nie jesteś pewien, co zrobić z favicon, zawsze możesz skonsultować się z projektantem stron internetowych. Projektant stron internetowych jest doskonałą opcją, ponieważ zapewniają one z unikalnym favicon. Dostaniesz favicon skalowany poprawnie dla sieci.

Wiele firm polega na generatorach do tworzenia faviconów. Podczas gdy te generatory są łatwe w użyciu, wymagają one przeszukiwania baz danych ikon, aby znaleźć odpowiednią dla Twojej organizacji. Następnie trzeba zmienić rozmiar i skalować go odpowiednio.

Z projektantem stron internetowych, nie trzeba wyciągnąć obraz akcji z bazy danych. Dostajesz konfigurowalną favicon, która jest unikalna dla Twojej firmy, prawidłowo skalowana i odzwierciedla Twoją firmę.

Zacznij tworzyć swoją favicon stronę internetową już dziś

Fawicon jest krytycznym elementem w budowaniu rozpoznawalności marki. Tworzenie i przesyłanie favicon na stronę internetową pomaga użytkownikom rozpoznać Twoją firmę i szybko znaleźć ją na swoich przeglądarkach.

Jeśli nie wiesz jak stworzyć wysokiej jakości favicon dla swojej firmy, nasz zespół w WebFX może Ci pomóc. Mamy zespół dynamicznych, wielokrotnie nagradzanych projektantów stron internetowych, którzy pomogą Ci stworzyć wyróżniającą się favikonę.

Chcesz dowiedzieć się więcej o tym, jak zaprojektować wysokiej jakości favikonę?

Skontaktuj się z nami online lub zadzwoń do nas dzisiaj pod numer 888-601-5359, aby porozmawiać ze strategiem.