Dziś dotkniemy bardzo ciekawym temacie. Podczas pracy na twojej stronie będziesz prędzej czy później pojawi się potrzeba stworzenia Favicon. W prostym języku Favon jest ikoną witryny, która jest wyświetlana na karcie Przeglądarka. Również można go zobaczyć w okolicy szybki dostęp Przeglądarka, jeśli Twoja witryna została dodana do "Ulubione".
Najbardziej popularne witryny Favona
Myślę, że nie ma sensu powiedzieć, że Favon musi być dobra jakość, ponieważ jest w pewnym stopniu oblicze twojej witryny. W tym artykule nauczysz się tworzyć wyznanie się do naszego potrzeb Favikon, a także zapoznanie się z usługą do ich konwersji. Czytaj więcej.
Artysta wideo:
Co powinien favon.
Zanim zaczniesz tworzyć sam Favicon, byłoby miło mieszkać na tym, co powinni być idealnie. Więc idealny favon:
- Jest jasny i zrozumiały
- Wykonane w dobrej jakości
- Przekazuje znaczenie witryny
- Ma wspólny stylista z witryną
- Wyróżnia się na tle ikon innych stron
Powyższe parametry można przypisać idealnym favonowi. I musimy stworzyć taką ikonę dla naszej strony. Istnieją jednak spory na temat tego, co dokładnie przedstawiono na Favonna. Uważam, że ten problem musi przejść do całkowitego stylizacji i przedmiotu Twojej witryny. Niektóre zdjęcia lub tekst można przedstawić. W przypadku umieszczenia na tekstu Favonoe powinien składać się z nie więcej niż 2 liter. W przeciwnym razie nikt nie może zdemontować takiego tekstu, ponieważ rozmiary Favicon stanowią głównie 16 * 16 pikseli.
Jakie rozmiary są ikony strony
Jak wiesz, teraz jest ogromna różnorodność przeglądarek, monitorów i urządzeń. I ich wymagania dotyczące wielkości Favonowa różnią się. Istnieją następujące zmiany rozmiarów:
- 16 * 16px - standardowe rozmiary favon odpowiednie dla większości przeglądarek i urządzeń
- 32 * 32px - używany w niektórych przypadkach Internet Explorer. i Safari.
- 57 * 57px - używany podczas wyświetlania iPhone.
- 72 * 72px - używany podczas wyświetlania iPad.
- 114 * 114px - używane podczas wyświetlania wyświetlaczy Retina (57 * 2 \u003d 114)
- 144 * 144px - używany podczas wyświetlania wyświetlaczy Retina iPad. (72*2=144)
Jaki format powinien favon
Wcześniej przeglądarki postrzegali Favonos tylko w formacie "I CO". Teraz nauczyli się rozumieć innych formatów, w tym "Png". W naszym przypadku zabijemy 2 zające z jednym strzałem. Najpierw stworzymy Favon w formacie "Png"a następnie przekonwertuj go "I CO".
Kilka sposobów stworzenia Favonowa
Dziś istnieją dwa główne sposoby tworzenia Favonowa:
- Poprzez specjalne usługi online
- Tworząc się specjalne programy Wpisz Photoshop i Adobe Illustrator
Każda metoda ma własne cechy. Zaletą stworzenia Favon za pośrednictwem usług online jest to, że nie musisz mieć żadnych specjalnych umiejętności. Po prostu załadujesz żądany obraz, sfinalizujesz go i pobierz gotowy favon. Wystarczy pracować z tekstem i narysuj ikonę narzędzia usługi online. Ogólnie rzecz biorąc, główny plus ta metoda leży w prostocie. Jednak odwrotna strona medalu leży w fakcie, że jakość takich ikon dla witryn pozostawia wiele do życzenia. Unikalny Favon Nie otrzymasz z tego prostego powodu, dla którego galeria serwisowa online nie jest nieograniczona. A podczas korzystania z własnych obrazów, przy pomocy narzędzi serwisowych, nie jest łatwo tworzyć produkt wysokiej jakości. W przypadku rysowania ikony ręcznej przez narzędzia serwisowe online "uzyskano coś niewyobrażalnego".
Dlatego wybieramy drugie, bardziej skomplikowane, ale udane rozwiązanie. Aby stworzyć Favon, użyjemy programu Photoshop.. Jeśli nie masz doświadczenia z tym programem, nie ma nic strasznego. Po moich instrukcjach możesz łatwo obsługiwać zadanie.
Utwórz Favon.
Jak wspomniałem, Favon można utworzyć za pomocą obrazu lub po prostu liter. W naszym przypadku użyję kilku zdjęć. Na przykład wyobraźmy sobie, że mamy stronę internetową motywu motoryzacyjnego. W związku z tym musimy znaleźć obraz z obszaru samochodu. Proponuję zrobić ikonę naszej strony jako koła.
Wybieramy obraz
Możesz wziąć zdjęcia z dowolnego miejsca. Na przykład przez to samo zdjęcia Yandex.. Głównym stanem jest być proste, bez cieni i woluminów. Wynika to z faktu, że gdy zmniejsza się w rozmiarach w 16 pikselach, nie będzie miało wiele szczegółów. Ze względu na niepotrzebne wolumeny i cienie, obraz może być rozmazany.
Znajduję odpowiedni obraz za pomocą wyszukiwania. googlena życzenie "Koło". Po prostu zostanę go, aby kliknąć kliknij prawym przyciskiem myszy Myszy i wybierając funkcję "Zapisz obraz jako".
Odpowiedni obraz w Google Images Następnie otwieramy ten obraz Photoshop.. Bardzo ważne jest, aby Favon jest z przezroczystym tłem. W naszym przypadku nie jest. Aby usunąć tylne tło, używamy narzędzia "Magic Wand". Istota jej pracy jest bardzo prosta. Za pomocą tego narzędzia możemy alokować obszary na obrazie tego samego koloru. Ponieważ tło naszego obrazu wyraźnie kontrastuje się z samą kołem, będzie bardzo łatwo to zrobić. Kliknięcie po podświetleniu strefy monochromatycznej. Naciskając klawisz klawiatury Ctrl + Usuń. Usuwamy ten obszar.
Usuń tło naszego koła Robimy to ze wszystkimi częściami tła obrazu. Tak więc na naszym zdjęciu koło jest włączone przezroczyste tłoCo było wymagane. Tak więc billet na ikonę naszej witryny jest gotowy.
Utwórz favon w 2 różnych rozmiarach
Proponuję zrobić 2 filmy o wymiarach 64px i 16px. Zacznij od, musimy utworzyć ikonę większy rozmiar (64px). Aby to zrobić, naciskamy kombinację klucza Ctrl + N.. W wyświetlonym oknie wybieramy wysokość i szerokość obrazu w 64px.
Ustaw wymiary przyszłego Favicona Następnie musimy przenieść nasze koło do obszaru tylko utworzonego obrazu. Aby to zrobić, wracamy do zdjęcia za pomocą koła i wybierz narzędzie "Move". Następnym krokiem, klikamy na obraz koła i lewym przyciskiem myszy przenosimy go do obszaru nowego obrazu. Upewnij się, że podczas ruchu jest izolowana warstwa koła. W przeciwnym razie transfer się nie powiedzie.
Nośamy koło na nowy obraz Po przeniesie koła na nowy obraz, widzimy, że nie nadają się w rozmiarze. Musimy zmniejszyć koło do rozmiarów 64 px. Aby to zrobić, zaciskamy klucz Zmiana.i klikając przekątną punkt obrazu, który go zmniejszymy. Stworzyliśmy więc pierwszą fawiężską dla naszej strony. Przypominam, że jest 64 * 64px. Teraz musimy go zapisać, wybierając funkcję "Zapisz użytkownika" w zakładce "Plik". Wybieramy format. PNG-24. i folder. obrazy. Favon sam zadzwoń, tylko laty łacińskie - "Favicon".
Utrzymuj Favon. Doskonały. Teraz musimy stworzyć favon o mniejszym rozmiarze. Aby to zrobić, klikamy kartę "Image" i wybierz funkcję "Rozmiar obrazu". Tutaj ustawia szerokość i wysokość w 16px. Teraz musimy zachować ten obraz Dla sieci. Można go nazwać "Favicon-2".
Więc tutaj stworzyliśmy 2 fawory na naszą stronę w formacie "Png". Stworzyliśmy opcję o wielkości 64px, aby łatwo zmniejszyć go do rozmiarów w 16px. Jeśli najpierw utworzysz opcję 16px, nie będzie działać do 64px bez utraty jakości. Dlatego też pamiętaj, aby nie robić podwójnej pracy.
Zainstaluj Favon na miejscu
Aby zainstalować Favicon do witryny wewnątrz tagu Przepiszmy:
W przypadku mamy Favona w formacie " i CO " Następnie zamiast tego " Rejestrujemy się " i CO ". Na przykład:
Jak widać, ikona witryny jest wyświetlana jako poczęta.
Konwertujemy ikonę witryny do formatowania "ICO"
Nowoczesne przeglądarki bez problemów mogą rozpoznać i wyświetlać Favonat w formacie "Png". Jednak może być konieczne przekształcenie go w format "I CO". Jedna z zaletach ten format. jest przechowywaniem poprawek wszystkich rozmiarów w jednym pliku. Zgadzam się, że jest bardzo wygodne. Do konwersji naszych odznak będziemy korzystać z usługi klasy - Xiconeditor.com. Praca z nim jest bardzo prosta. Wszystko dzieje się 4 kroki:
1. Aby rozpocząć, musimy pobrać nasza Favon. W tym celu klikamy przycisk "Import".
Ładowanie Favonson w usłudze Xiconeditor.com 
3. Jeśli chcesz, możesz kliknąć przycisk "ZAPOWIEDŹ" I zobacz, jak zostaną wyświetlone. Aby pobrać Favonowa w formacie "I CO" Klikamy na przycisk "Eksport".
Więc tutaj nauczyliśmy się stworzyć favona "Png" i konwertuj je do formatu "I CO". W szczególności nie rozważam szczegółowego przetwarzania obrazu w Photoshopie, ponieważ dla wielu będzie niepotrzebne. W razie potrzeby możesz dodatkowo poprawić jakość Favona, pracując z pikselami w Photoshopie. Próbowałem wyruszyć wszystko, czego potrzebujesz w uproszczonej formie. I mam wszystko na nim. Nadzieja ta lekcja Okazało się przydatne dla Ciebie. Jeśli to prawda:
- Zrób repost tego artykułu portale społecznościowedo więcej ludzi otrzymały korzyści z niej;
- Subskrybuj mój biuletyn, aby nie przegapić przydatnych i interesujących publikacji na blogu.
Nie mówię dla ciebie. Dziękujemy za uwagę na spotkanie w następujących publikacjach!
chcę dzisiaj spraw, że znasz Cię z Favon Tworzenie usług na swojej stronie. Favicon jest redukcją ulubioną i ikoną angielskich słów. Jest to zdjęcie 16 rozmiarów do 16 pikseli, które nazywa się Favicon i przedłuża ICO. To miejsca B. folder główny Twoja witryna na hostingu. Po pobraniu witryny przeglądarka automatycznie wyszukuje tego pliku, a następnie dodaje go do ciąg adresu przed adresem URL strony i zakładek, przypisując go do witryny. Brak praktycznego użycia ikony witryny nie prowadzi i służy wyłącznie jego rozpoznawaniu.
Teraz każdy projektant stron internetowych, który przynajmniej myślą o wyjątkowości i oryginalności swojego zasobu, jest po prostu zobowiązany do stworzenia dla niego specjalnej ikony. W każdej przeglądarce w pasku adresu nazwa witryny wraz z ikoną będzie wyglądać nowoczesne i istotne. Będzie również zauważalny w zakładkach i ulubionych, co pozwoli mu wyróżnić się z masy takich stron. Możesz wybrać ikonę zgodnie z tematem swojego zasobu i bez rozpoczęcia badania, odwiedzający natychmiast zrozumie, co jest. Dobrze będzie wpływać na rozpoznawanie witryny i tworzenia go jako marki.
Domyślnie strona jest wyświetlana na stronie internetowej, która jest dostarczana w tym w bieżącej przeglądarce. Większość wersji nowoczesnych przeglądarek obsługuje osobiste poprawki witryn. A B. wyszukiwarka Yandex, który jest teraz zdominowany przez Google w przestrzeni rosyjskojęzycznej, z wyszukaj prośba.Uruchamiane strony pojawiają się z ich ikoną. Dlatego, nie odkładając później, konieczne jest zwrócenie szczególnej uwagi na jego stworzenie.
Istnieje wiele zasobów w Internecie, na którym przechowywane są gotowe ikony. Ich wielkie, ale teraz jesteśmy zainteresowani tworzeniem Favicon.
Musisz stworzyć Favicon dla witryny? Rozważ usługi, aby utworzyć Favon Online
Najpopularniejsza usługa, aby utworzyć ikonę na stronie. Wystarczy w tym pracować, a nawet początkujący użytkownik może sobie z tym poradzić. Trenujemy zdjęcie, które chcemy zobaczyć jako ikona witryny. Przetwarza go. Patrzymy na wynikowy obraz, a jeśli jest odpowiedni, a następnie kliknij Pobierz. Automatycznie zapisał plik o nazwie. Możesz i niezależnie wybrać pixelly, a jeśli ci się podoba, a następnie zapisz jako ikona. Ważne jest, aby prosty rysunek służy do stworzenia favona. Jeśli istnieje wiele wszystkich wielokolorowych, a następnie zdobądź niewłaściwą plamę.
Następna usługa, która jest również łatwa w użyciu. Praca w nim jest w przybliżeniu podobna do poprzedniego analogu. Jedyną rzeczą, którą jest angielski, a tu więcej reklamy. Ale ogólnie działania dla pokolenia są dość podobne. Załaduj obraz, zobacz, Edytuj i Zapisz.
Teraz prawie każdy zasób zapewnia promocję stron internetowych lub zbierania analityki, ma opcja dodatkowa na temat stworzenia Favonowa. Na przykład wszystkie znane usługi, które mają również tę dodatkową opcję:
Ale lubię usługi, które są zaostrzone bezpośrednio pod tworzeniem. Tutaj, spójrz, kolejne ładne narzędzie online do generowania ikon różnych rozmiarów i formatów. Skromnie i gustowny. Przesłano nasz plik. Wybrany rozmiar. Podgląd i oszczędzaj na komputerze.
Oczywiście byłoby oczywiste, aby utworzyć ulubioną ikonę Photoshop, aby utworzyć ikonę. Ale nie zapisuje zdjęć z ekspansją ICO. Raczej ratuje, ale dla tego musisz rozpakować wtyczkę specjalną - ICOFORMAT.8BI, aby zainstalować go w folderze formatów plików Plug-ins w folderze Photoshop. Spowoduje to zapisanie plików z naszym pożądanym rozszerzeniem. Dla mnie jest dość kłopotliwe.
Sugeruję tę opcję. W Photoshopie tworzymy obraz, który chcemy zobaczyć jako ikony, zapisujemy z dowolnym rozszerzeniem i wysłać do jednego z powyższych usług, w których otrzymujemy z tych obrazów, których potrzebujesz.
Możesz także użyć konwertery online graficzne obrazy Z jednego formatu do drugiego. Na przykład lub. Z nimi możesz zmienić dowolne rozszerzenie pliku graficznego na ICO.
Jak sprawić, by ikona stała się favon dla witryny?
Potrzebne są następujące kroki:
1 Upewnij się, że plik jest wywoływany.
2 Użyj FileZilla, aby umieścić go w folderze głównym naszej witryny. Teoretycznie, te działania są wystarczające, a przeglądarka automatycznie określi, gdzie się znajduje. Ale reilajemy i przepisujemy ścieżkę do tego pliku za pomocą kodu HTML.
3 Aby to zrobić, weźmiemy plik naszego tematu .PHP (możesz go edytować w panelu administracyjnym bezpośrednio w WordPress, a można go pobrać z serwera), otwórz go i przepisać przed tagiem zamykającym Następny kod:
/Favicon.ico "/\u003e
/Favicon.ico "/\u003e |
4 Zapisz plik i prześlij do hostingu.
5 Wyczyść pamięć podręczną bieżącej przeglądarki i to wszystko. Otrzymał pożądany wynik.
Nawiasem mówiąc, nie jest konieczne, aby Favon znajduje się w korzeniu. Atrybut HREF ustawia drogę bezpośrednio. Wyszło na to, że:
|
|
Nie jest to również konieczne, aby ikona jest z rozszerzeniem ICO. Możesz także użyć rozszerzeń PNG i GIF. Aby to zrobić, typ wyjścia plików zmienia się w kodzie.
To znaczy, zmień typ z ikoną obrazu / x na obrazie / png lub GIF.
Nawiasem mówiąc, możesz dodać coś innego. Utworzyliśmy i zainstalowaliśmy Fixer dla witryny, aw panelu administratora WordPress pozostaje domyślnym standardowym urządzeniem. Tak więc zmieniło się ogólnie wszędzie, musisz wprowadzić plik pliku funkcji.php, włóż następujące pHP -kod:
funkcja sp_set_Favicon () (echo " ";) Dodaj_akcję (" admin_head "," sp_set_favicon "); add_action (" login_head "," sp_set_favicon "); add_action (" wp_head "," sp_set_favicon ");
funkcja sp_set_favicon () ( echo. ".get_bloginfo ("szablon_url") /\u003e " ; add_action ("admin_head", "sp_set_favicon"); add_action ("login_head", "sp_set_favicon"); add_action ("wp_head", "sp_set_favicon"); |
Teraz będzie to zastanowić się we wszystkich nagłówkach.
Na ten temat, a to wszystko. Dzisiaj omówiliśmy, dlaczego musisz stworzyć Favicon dla witryny i przeglądane usługi online w celu stworzenia Favon dla witryny i subtelności jego instalacji. Nie zapomnij subskrybować aktualizacji bloga. Do zobaczenia wkrótce!
Obejrzyj film, jak stworzyć Favicon.ico i umieść go w hostingu:
Cześć wszystkim!
W tym artykule powiem ci, jak zainstalować Favon do witryny. Możesz to zrobić za pomocą katalogu głównego witryny lub korzystając z funkcji szablonu. Przeanalizujemy wszystkie opcje i określimy, który będzie najlepszy dla jednego lub innego przypadku.
Ale wcześniej porozmawiamy o tym, jak można wyciągnąć to większość favicon. Następnie zobaczymy, jaki rozmiar powinien być logo, na końcu powiem ci, jak wstawić utworzoną ikonę na stronie.
Favon (Favicon) - ikona strony 16 x 16 (lub 32 x 32, ale nie więcej). Jest wyświetlany na karcie Przeglądarka. To wygląda tak:
Ikona jest również wyświetlana w wynikach wyszukiwania, a jeśli Twoja witryna nie ma własnego Favon, użytkownicy są mało prawdopodobne, aby zwrócić na to uwagę. Szczególnie bardziej doświadczony, który naprawdę doceniają każdą małą rzecz.
W Yandex Webmaster, brak favicon jest klasyfikowany jako błąd, który pilnie należy poprawić. Jest to nie tylko związane z faktem, że ludzie w wyszukiwarce mogą nie ufać witrynie bez ikony, ale także z pewnymi algorytmami wyszukiwania. Roboty widzą takie niedogodności techniczne i najczęściej zmniejszają zasób w ekstradycji. Smutne zjawisko, które może wpływać na wszystkie promocję SEO.
Podsumujmy:
- Favicon wpływa na behawioralne i clicisrów w ekstradycji.
- Roboty wyszukiwania mogą również wziąć pod uwagę obecność lub brak favicon.
- Takie wady techniczne mogą prowadzić do spadku ruchu.
Innymi słowy, jeśli masz na myśli pytanie: Dodaj Favicon, czy nie, odpowiedź jest oczywista - upewnij się, że dodaj.
Teraz wymyślmy, jak możesz narysować tę bardzo ikonę. Możesz to zrobić za pomocą różnych usług online, redaktorów.
Gdzie pobrać wersję gotową
Nie lepszy wybór, ale ktoś je lubi. Możesz pobrać gotowy favon z Internetu, a nie przeszkadzać w niezależnym stworzeniu własnego. Wszystkie są prezentowane w wygodnych formatach i żądanym rozmiarze.
Wystarczy wpisać żądane żądanie w wyszukiwarce, coś takiego jak "Pobierz Gotowy Favicon", po czym otrzymasz ogromną liczbę różnych odmian.
Pobierz zdjęcie na komputerze, a następnie ustaw na stronie. Wszystko jest proste. Są one dostępne absolutnie za darmo, nikt cię nie będziesz. Chociaż chodzi o firmę, nawet jeśli może być mały, to nieprzyjemne zdarzenia mogą wystąpić, gdy znaleziono logo kogoś innego.
Gotowe opcje można przeszukiwać w różnych witrynach. Z reguły istnieje cały wybór wszelkiego rodzaju logo tematycznych, które mogą skosztować niektórych webmasterów.
Ale powtarzam jeszcze raz, lepiej będzie stworzyć favon siebie.
Stworzenie favicon.
Usługi online
Falefon można rysować w usługach online. Wystarczy wziąć pod uwagę odpowiedni wniosek w wyszukiwarce, po którym twoja uwaga zostanie zaprezentowana całą listę witryn, które mogą pomóc Ci zrealizować poczęty.
Ten kurs rozważy najważniejsze cechy właściwego tworzenia projektów informacyjnych, interakcji z zespołem i innymi użytecznymi aspektami, które koniecznie będą potrzebować podczas opracowywania Twojej firmy.
W dzisiejszej lekcji powiem ci o ikony favicon. (favon.). pokażę ci Jak zrobić Favicon.ico na stronie (lub na blog, tutaj bez różnicy) i pokaż, jak możesz wklej Favon..
Z pewnością wielu nadal nie wiem o tym, co mówię "cud". Wystarczy umieścić, Favicon (Favon) to zdjęcie (ikona), który znajduje się w przeglądarce przed adresem witryny. Wyraźnie pokazuję Favicon mojego bloga:
Ta ikona jest rodzajem logo twojego bloga. Dlatego do stworzenia favikona konieczne jest leczenie pełną odpowiedzialnością. Pamiętaj, że może podświetlić swój blog między innymi.
Plan lekcji:
- Tworzenie Favicon od podstaw.
- Tworzenie urządzenia z gotowego obrazu.
- Usługi z gotowymi ikonami dla witryny.
- Dołączając odebraną ikonę do witryny.
Jak stworzyć Favicon (Favon) od podstaw
Jest jedna bardzo wygodna usługa. Ma adres favicon.cc. Ta usługa budowy Favonok wygląda tak:
Do narysuj Favicon. Wystarczy wybrać kolor i po prostu rysować. Jeśli narysowałeś coś, gdzieś źle, aby usunąć fragment obrazu, wybierz przezroczyste narzędzie (sprawdź) i "Poke" na pikseli ("kwadraty"), które musisz usunąć:
Wyciągnąłem następującą Favonkę:
Przede wszystkim w Favicon.cc lubiłem fakt, że można natychmiast zobaczyć wynik swojej pracy w oryginalnym rozmiarze. Aby to zrobić, musisz zejść trochę w dół w sekcji Premiw:
Możesz też bezpośrednio w przeglądarce (Opera, Firefox, Internet Explorer itp.) Zobacz wyniki:
Tworzenie Favicon (Favon) z gotowego obrazu
Przypuśćmy, że nie chcesz utworzyć ikony od podstaw do swojej witryny, ale chcesz zrobić z gotowego obrazu. W takim przypadku usługa będzie wygodna dla Ciebie do tworzenia naprawy Favicon.ru.
Obsługa w języku rosyjskim, więc nie powinieneś mieć problemów. Po prostu określ zdjęcie, które chcesz zobaczyć ikony swojej witryny (przycisk "Przegląd"), a następnie kliknij " Utwórz favicon.ico.", A potem już" Pobierz Favicon.ico.”.
W tej lekcji rozważa się stworzenie Favicon, dowiesz się, dlaczego ta ikona jest potrzebna, uzyskaj zalecenia dotyczące poprawy jego rodzaju i atrakcyjności.
Ponadto rozważymy proces tworzenia i dodawania Favicon na stronie.
Favicon. - Jest to mała ikona, którą można zobaczyć w pasku adresu przeglądarki i na zakładkach otwartych stron, a także podczas dodawania witryny, ta ikona jest dodawana do zakładek przeglądarki.
Ponadto wyszukiwarka Yandex wyświetla ikonę Favicon w wynikach wydania obok Twojej witryny. Twoim zadaniem jest stworzenie tej ikony, że ta ikona wyróżnia się, zostałem zapamiętany na tle innych ikon w ekstradycji, a także miały jakieś stowarzyszenia z Twoją witryną. Pięknie stworzony i przyciągający ikona uwagi Favicon może znacznie zwiększyć liczbę celów do Twojej witryny w porównaniu do tych, na których nie jest zainstalowany lub ma atrakcyjny widok.
Oto kilka zaleceń, które należy uwzględnić podczas tworzenia Favicon.
#jeden. Ikona musi być łatwo rozpoznawalna i mieć skojarzenia z witryną lub niszą, do której należy Twoja witryna. Jako znaczek możesz użyć logo lub symbolu stowarzyszenia z witryną. Ponadto możesz użyć gamy kolorów, która tworzy witrynę lub logo.
# 2. Nie używaj standardowych ikon. Wielu po utworzeniu witryny na określonym CMS, pozostaw ikonę, bez zmiany. W rezultacie, w wydaniu wyszukiwarki, może nie być jedna strona z taką odznaką, ale wielu. Nie jest to, w jaki sposób nie podświetlasz swojej witryny, więc użyj tylko unikalnych ikon Favicon utworzonych specjalnie dla Twojej witryny. Może to również obejmować sytuację podczas korzystania z ikon z różnych kolekcji lub elementów interfejsu innych stron. Pamiętaj, aby się wyróżnić, potrzebujesz wyjątkowego Favicona.
# 3. Spróbuj przy tworzeniu odznaki do użycia jaśniejszych i jasnych kolorów, z reguły przyciągają więcej uwagi.
#. Nie używaj animowanych ikon. Po pierwsze, animacja jest obsługiwana nie przez wszystkie przeglądarki, w drugim zwrócenie uwagi gościa powinno być skoncentrowane na treści, a nie na ikonie.
Teraz rozważ bezpośredni bezpośredni proces Favicon. W tym celu istnieje wiele usług. Jednak są bardziej odpowiednie dla tych, którzy mają już gotową ikonę, że gdzieś serwowane lub zaczerpnięte z jakiegoś kolekcji. Ale jak powiedziałem powyżej, ikona musi być wyjątkowa, więc tutaj rozważę proces tworzenia go za pomocą Photoshopa, na przykładzie witryny witryny.
Tworzenie favicon billet w Photoshopie
#jeden. Utwórz nowy dokument w Size Photoshop 64 * 64px, aby to zrobić, przejdź do menu "Plik" \u003e\u003e "Nowy ..." lub naciśnij kombinację klawisza Ctrl + N. Ogólnie rzecz biorąc, sama ikona powinna wynosić 16 * 16px, ale lepiej jest najpierw utworzyć go w tym samym rozmiarze, a następnie zmniejszyć do niezbędnego.
# 2. W moim przypadku nie mam logo witryny, więc postanowiłem użyć symbolu "W", z którego rozpoczyna się adres witryny, a także te kolory, które przeważają na szczycie witryny, jest niebieski i żółty. Dlatego ustawić wartość kolorów # 6A91D0 i za pomocą narzędzia "Wypełnienie" (G) Ustaw niebieski kolor wcześniej utworzony dokument.
# 3. Następnie wybrałem narzędzie "Tekst" (T) dodano symbol "W" i ustawić go następującą wartość kolorów # FAC31D.
Aby symbol więcej stojący na niebieskim tle dodałem go z czarnym kolorem i wielkości 2px. Aby to zrobić, musisz przejść do elementu menu. "Warstwa" \u003e\u003e "warstwa stylu" \u003e\u003e "udar", Wybierz kolor i rozmiar skoku.
Po tym musisz połączyć warstwy, musisz przejść do elementu menu "Warstwa" \u003e\u003e "Widoczne" Lub naciśnij kombinację klawiszy Shift + Ctrl + E.
Aby linie miały gładkie trampki dodałem rozmycie. Aby to zrobić, musisz przejść do elementu menu. "Filtr" \u003e\u003e "Rozmycie" \u003e\u003e "Rozmycie w Gauss ..." I ustaw promień 0,3 pikseli.
Jego postać lub miejsce obrazu, dzięki czemu wymaga maksymalnej przestrzeni, ponieważ jeśli jest mały, a następnie z wielkością ikony 16 * 16 nie będzie zauważalny.
#. Teraz musisz zmienić rozmiar ikony. Aby to zrobić, przejdź do menu \u003e\u003e "Rozmiar obrazu"i ustaw rozmiar 16 * 16px.
#pięć. Pozostaje zapisać ikonę. Ikona Favicon musi mieć nazwę Favicon i Extension.ICO. Faktem jest, że domyślnie Photoshop nie zapisuje zdjęć w formacie.ico. Dlatego zapisz go w formacie.png, przejdź do pozycji menu "Plik" \u003e\u003e "Zapisz jako ..." i wybierz PNG z listy rozwijanej.
Obraz konwersji w formacie.ico
Potem konwertujemy go w format.ico za pomocą usługi. Przejdź do tej usługi i przycisku "Przegląd", wybierz poprzednio zapisany plik w formacie PNG, a następnie kliknij przycisk "Utwórz favicon.ico".
Po tym link "Pobierz Favicon.ico!" Pojawi się na stronie pobierania. Klikając, na którym możesz zapisać gotowy ikonę Favicon na swoim komputerze.
Nadszedł czas, aby dodać Favicon do swojej witryny, aby wyświetlane jest dla wszystkich jego stron. Aby to zrobić, umieść ikonę w folderze głównym witryny. Jeśli Twoja witryna jest już w hostingu, zazwyczaj ten folder nazywa się "public_html". Następnie, na każdej stronie witryny przed tagiem zamykającym Dodaj następujące linie:
Ale w każdej stronie dane ciągu należy dodać, jeśli masz miejsce na HTML. Ale ponieważ najprawdopodobniej Twoja witryna jest oparta na podstawie, niektóre CMS, wystarczy, aby dodać te linie do głównego pliku swojego motywu, którego używasz do witryny.
Jeśli używasz WordPress, przejdź do folderu / folder / folderów WP-Content / Themes / Znajdź w nim i otwórz plik header.php i wstawić linie są potrzebne i zapisano plik.
Jeśli używasz Joomla, przejdź do folderu Szablonów / folder-C-Your-Topic / i otwórz plik index.php Wstawić wymagane wiersze i oszczędzaj.
W niektórych tematach W WordPress i Joomla ich ścieżki można już przeliterować do pliku favicon.ico, w tym przypadku, usuń je i zastąp je.
Jeśli używasz, jakikolwiek inny CMS, a następnie wykonaj wszystko przez analogię.
Na stronach stron i na pasku adresu przeglądarki, ikona zostanie wyświetlona natychmiast, jak w poszukiwaniu Yandex, konieczne jest, aby mieć czas, a wyszukiwanie specjalne Robot Yandex znalazł swoją ikonę, po tym Zostanie wyświetlany w wynikach wyszukiwania.
Materiał jest przygotowywany przez projekt:
