Z pewnością niejednokrotnie słyszałeś o favikonie. Jest to ściśle związane z projektowaniem stron internetowych i ważne jest, aby na każdej stronie, czy to w sklepie internetowym, blogu, stronie internetowej itp. będą cię pytać. Ale, Co to jest favicon? Po co to jest? A co najważniejsze, jak to się robi?
Jeśli masz co do tego wiele wątpliwości, tutaj podamy Ci klucze, abyś je zrozumiał, a przede wszystkim, abyś mógł to zaprezentować w swoim projekcie i zostawić lepszą prezentację. Zapewniamy!
Co to jest favicon
Zaczniemy od wyjaśnienia, czym jest favicon, abyś to zrozumiał. Nie ma nic lepszego niż podanie praktycznego przykładu. Wyobraź sobie, że przeglądasz teraz (w rzeczywistości czytasz nas). Ale nie masz tylko jednej karty, ale kilka z nich. Być może zauważyłeś, że w każdym z nich pojawia się nazwa tego, co odzwierciedla ta strona, czy to YouTube (ponieważ słuchasz muzyki w tle), Gmail (ponieważ masz otwartą pocztę) czy ta strona.
Obok każdego nazwiska po lewej stronie pojawia się mały obrazek w kwadracie. Ten w YouTube i Gmailu z pewnością można rozpoznać po logo, które ma, ale co z pozostałymi zakładkami?
Cóż, to, co widzisz, to w rzeczywistości favicon. Innymi słowy, jest to plik ikona związana z odwiedzaną stroną, Dlatego tak ważne jest, aby zwrócić uwagę na ten szczegół, ponieważ dodając stronę do ulubionych lub skrótów, favicon staje się „obrazem” tej strony i dlatego trzeba zadbać o jej wygląd, aby jest spokrewniony (a przede wszystkim dobrze wygląda, żeby go odróżnić od innych).
Ta mała ikona ma zwykle rozmiar 16 × 16 pikseli (chociaż można go również ustawić na 32x32px). Wewnątrz musisz uważać, aby wszystko, co umieścisz, wyglądało poprawnie, ponieważ w przeciwnym razie pojawi się jako mała rozpoznawalna plama (a to da bardzo zły obraz twojej strony).
Dlaczego favicon jest tak ważny?
Teraz, kiedy już wiesz, czym jest favicon i że znalazłeś ją na stronach, które regularnie otwierasz, czy zauważyłeś, że obecnie brakuje coraz mniej stron? Dzieje się tak, ponieważ bardzo ważne jest, aby dać wizję elegancji i know-how. Oznacza to, że zamierzasz przekazać wizerunek marki lub korporacji, który dba o szczegóły.
Jednak favicon ma również inne zastosowania, takie jak:
- Służą jako identyfikacja Twojej strony. Zwykle ten favicon jest powiązany z logo, które masz na swojej stronie, tylko w mniejszym rozmiarze. Ale gdy logo jest zbyt duże i nie będzie widoczne na przycisku, zazwyczaj wybierasz coś, co się z nim wiąże.
- Pomożesz użytkownikom, którzy zapisali Twoją stronę, wizualnie ją zidentyfikować. Dlatego nawet jeśli nie pamiętają adresu URL lub nazwy firmy, ze względu na wizerunek favikony, zlokalizują go.
- Być „dobrym” z SEO. Należy to zrobić pincetą. Chodzi o to, że posiadanie lub brak favicon nie wpłynie bezpośrednio na SEO (to znaczy nie zapewni ci lepszej lub gorszej pozycji, jeśli masz ją lub nie). Coraz częściej zdarza się, że gdy przeglądarka wchodzi na stronę, szuka tej favikony, a gdy jej nie znajduje, wyświetla błąd 404. I wiesz, że te błędy nie są dobre dla SEO strona.
Jak zrobić favicon
Po obejrzeniu staje się jasne, że favicon jest niezbędnym elementem podczas posiadania strony internetowej. Jak to zrobić?
Powinieneś wiedzieć, że w większości przypadków to właśnie robi wybierz logo tej witryny lub, jeśli jest za duże, coś, co ją identyfikuje. Na przykład wyobraź sobie, że masz witrynę telewizyjną, do której w jakiś sposób dzwoniłeś. Ale to w faviconie jest za duże. Zamiast tego możesz umieścić zdjęcie telewizora, aby go powiązać. W takich przypadkach zaleca się, aby nosił te same kolory, co Twoja witryna, aby lepiej ją identyfikowali.
A teraz, jak możemy stworzyć favicon? Cóż, masz kilka opcji:
Photoshop, Gimp ...
Innymi słowy, mówimy o programach do edycji obrazów, ponieważ ikona ulubionych jest tworzona dokładnie tak samo, jak obraz. Oczywiście musisz zapisać go w formacie .ico, aby został rozpoznany jako taki, ponieważ nie można go zostawić jako jpg, gif lub podobnego.
Ten sposób na zrobienie tego pozwala znacznie lepiej dostosować favicon, udało się stworzyć go od podstaw i nadać mu pożądane wykończenie. Zwykle w tym celu pracujesz z obrazem w normalnym rozmiarze, a następnie dostosowujesz go do rozmiaru tego przycisku.
W końcu należy go przesłać i przetestować w różnych przeglądarkach, aby sprawdzić, czy wygląda dobrze, jest reprezentatywny i przede wszystkim zrozumiały.
Korzystanie z narzędzi online
W tym przypadku odnosimy się do stron internetowych, które zajmują się konwersją dowolnego obrazu do ulubionej ikony w ciągu kilku sekund. Ale masz również opcję zaprojektuj swoją ulubioną ikonę bezpośrednio na tych stronach.
Jeśli chcesz to pierwsze (prześlij obraz i przekonwertuj go), polecamy Favicon Generator lub Favic-o-matic. Ale jeśli chcesz tego drugiego (zaprojektuj go od zera), postaw na favicon.io lub edytor x-icon.
Dzięki WordPress
Czy Twoja strona została utworzona w WordPressie? I czy wiesz, że możesz użyć tego systemu do stworzenia swojej ulubionej ikony. W tym celu możesz użyć niektórych wtyczek, które umożliwiają utworzenie tego przycisku na podstawie przesłanego (lub przesłanego) obrazu. Również przez „Wygląd / Dostosuj” możesz to zrobić.
Po utworzeniu ikony favicon wystarczy umieścić ją na swojej stronie internetowej i poprosić o jej rozpoznanie, aby móc ją wyświetlić w lewym obszarze nazwy strony, a także podczas zapisywania w ulubionych. W ten sposób z łatwością Cię rozpoznają, bez konieczności zatrzymywania się, aby przeczytać, czy jest to strona, którą naprawdę chcieli odwiedzić.