Dom Favon. Uniwersalny sposób stworzenia Favonowa

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żesz zobaczyć wiersz adresu Przeglądarka i zakładki otwartych stron, a także przy dodawaniu witryny, 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 ekstradycji wyszukiwarka Mogą nie być jedna strona z taką odznaką, ale dużo. 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 programy Photoshop., na przykładzie witryny witryny.

Tworzenie favicon billet w Photoshopie

#jeden. Stwórz nowy dokument W Photoshopie, rozmiar 64 * 64px, 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ę klucze 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 piksla.

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. Iść do ten serwis A za pomocą przycisku "Przegląd" wybierz poprzednio zapisany plik format PNG. 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 komputerze.

Nadszedł czas, aby dodać Favicon do swojej witryny, aby wyświetlane jest dla wszystkich jego stron. Aby to zrobić, umieść ikonę folder główny Twoja strona. 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 tworzona na podstawie niektórych CMS, wystarczy, aby dodać te linie główny plik. Twój motyw 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:

Favicon (angielski. Ulubiona ikona) to mała ikona (obraz, obraz) w specjalnym formacie, który jest wyświetlany w pasku adresu przeglądarki podczas przeglądania witryny, karta przeglądarki lub w swoich zakładkach ("Ulubione").

favicon to dodatkowa dekoracja Twojej witryny, logo mini. Jest również wyświetlany podczas przeglądania listy witryn w wyszukiwaniu Yandex, Google i podkreśla swoją stronę przed resztą.

Dlaczego potrzebujesz Favicon dla witryny?

favicon jest znakiem towarowym Twojej witryny. Wiele firm dzisiaj ma charakterystyczny ikonę Favicon, która podkreśla je wśród konkurentów. Aby ikona była lepsza do zapamiętania przez użytkowników, firmy powinny wyświetlać swoje logo, które muszą być również jednym z elementów czapek witryny. Inną pozytywną cechą korzystania z Favicon jest to, że podczas przeglądania dużej liczby witryn w przeglądarce nie widzisz tytułu strony całkowicie i można zobaczyć tylko ikonę i można je łatwo określić zakładkę, w której chciałeś iść.

Co lepiej przedstawić na Favon?

• Ikona musi być zgodna z tematem witryny.
• marka Jeśli masz witrynę związaną z tą marką. W tym samym czasie dla różnych stron możesz wyświetlić różne marki.;
• Zastosuj Favon, do którego chcesz kliknąć, zwiększy on clicisdowność podczas przeglądania w wyszukiwaniu Yandex, Google;
• Dokonaj kilku projektów Favonok do różnych sekcji Twojej witryny.
• Zrób kilka projektów Favonok na różne wydarzenia (np. Nowy Rok, Walentynki lub Dzień kosmonautyki :).

Umieść wynikowy plik w głównym witrynie, gdzie jest główny plik indeksu (index.php). Aby określić ikony przeglądarki witryny Witryny (Favicon) w sekcji nagłówka strony (głowa), włóż następującą linię:

Jak zrobić animowany favicon?

Format ICO nie obsługuje animacji. Ale nowoczesne przeglądarki pozwalają na użyć format GIF. Dla miniatur. Możliwe jest określenie nowoczesnych przeglądarek jeden animowany plik (Favicon.gif) oraz dla starożytnego, typu Internet Explorer, inne (Favicon.ico). Aby to zrobić w sekcji głowy, wykonaj następujące dwie linie:

Oczywiście musisz najpierw umieścić oba pliki w folderze głównym witryny.

Co jeśli zabronione jest wyświetlanie obrazów w przeglądarce?

Jeśli robisz Favicon z osadzonym obrazem w starszym kodzie:

Ikona zostanie wyświetlona w przeglądarce, nawet gdy zdjęcia są wyłączone. .

Jak zdobyć Favicon z witryny

Nie wszyscy webmasterzy mają favicon.ico na korzeniu witryny. Aby uzyskać adres Favicon, użyj następującego skryptu:

] *) Link ([^\u003e] *) (Rel \u003d "Icon" | Rel \u003d "Ikona skrótu") ([^\u003e] *)\u003e / IU ", $ HTML, $ Out)) ($ link_tag \u003d $ Out)) ; jeśli (preg_match ("/ href ([s] *) \u003d ([s] *)" ([^ "] *)" / IU ", $ link_tag, $ out)) ($ favicon \u003d wykończenia ($ Out) ; jeśli (strpos ($ favicon ": //") \u003d\u003d\u003d false) $ favicon \u003d $ URL. "/". LTRIM ($ Favicon, "/");))?\u003e

Systemy wyszukiwania Google, Yandex i Favicon

Robot ikonami pamięci podręcznej wyszukiwarek. Ułożone ikony są dostępne na następujących żądaniach:

Ponadto Yandex może sprawić, że będziesz "Sprite" z ikon różnych stron:

Ikony dla iPhone'a i iPada

Nawet jeśli tak nie określisz link do obrazu iPhone'a, nadal będzie to wyszukiwanie w folderze głównym witryny za pomocą nazwy Apple-Touch-Icon.png i jeśli znajdzie, to będzie Obraz z niego, wokół narożników i zostanie pokryty automatycznym urządzeniem odblaskowym. Aby go uniknąć, zamiast Apple-Touch-Icon.png, należy napisać aplikację Apple-Touch-Icon-Precomposed.png Iphone'a i Punkt, ponieważ Dla nich robimy piękną ikonę w rozmiarze 57x57 (możesz przy okazji i więcej, ale jest to standardowy rozmiar ikony na ekranie na lunch), łącząc go w ten sposób:

Jak dynamicznie zmienić favicon?

Jeśli spróbujesz zmienić wartość właściwości znacznika za pośrednictwem DOM, nie dążysz pożądanego wyniku. Aby dynamicznie zmienić ikonę strony, należy najpierw usunąć znacznik łącza starej ikony z tytułu strony, a następnie dodaj go do nowej zawartości. Daje to tak: // link do pliku nowej ikony Var Icon \u003d "New_Favicon.ico"; var head \u003d dokument.getelementsbyTagname ("głowa"); // Znajdź i usuń starą ikonę z głowicy Var Links Tag \u003d Head.TelementsByTagname ("Link"); dla (var i \u003d 0; ja< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);

HTML5 i Favicon.

W HTML5 dodano atrybut Rozmiary, umożliwiając zadeklarowanie kilku różnych wersji tych samych ikon, a może to być pliki PNG:

Jak zadeklarować płytki do tabletów w systemie Windows 8?

Ogłoszenie dla Windows 8.0 wygląda jak coś takiego:

Windows 8.1 i IE 11 oczekują kilku wersji obrazu ogłoszonego w Browserconfig.xml. Na przykład:

Nie możesz zadeklarować, czy nazwa pliku nie zostanie zmieniona:

# 2B5797.

Co to jest favon?

Dla tych, którzy nie wiedzą, co jest Favon, damy niewielki certyfikat, który pozwoli Ci wejść w trakcie sprawy. Favon to mała ikona pikseli 16x16 lub 32x32, która jest zazwyczaj logo, pierwsza litera marki lub charakterystycznego obrazu, odzwierciedlając rodzaj działalności lub tematu witryny.

Dlaczego Favon jest ważny?

Favon wykonuje następujące funkcje:

Marki.

Identyfikacja witryny przez użytkownika (łatwość obsługi).

Dotyczy profesjonalnej wizyty.

Mieszkamy w głównych zaletach korzystania z Favon.

Rozpoznawalność marki

Favon - jako certyfikat małego witryny. Jak stwierdzono w części wprowadzającej, Favon pomaga użytkownikowi zapamiętać witrynę wśród wielu oglądanych witryn. Niezależnie od tego, czy jest to historia przeglądania, wyniki wyszukiwania Google lub listę zakładek witryn w przeglądarce, Favona pomoże użytkownikowi łatwo rozpoznać witrynę i przejść do niego.

Pewność siebie

Użytkownicy mają tendencję do oceny sprzedawców towarów i usług w Internecie na podstawie tego, jak profesjonalnie wykonuje się strona. Brzydkość w formie braku favona (wyszukiwarki wyświetla stronę internetową bez ikony favona pustego dokumentu), może łatwo doprowadzić do utraty zaufania, zwłaszcza gdy użytkownicy porównują Cię z konkurentami.

Powtarzające się wizyty

Wiadomo, że ludzie reagują lepiej na obraz niż na tekst. Teraz przypuśćmy, że gośnik Twojej witryny rzucił się, kiedy go odwiedziłem, i postanowiłem dodać go do zakładek, aby wrócić później. Przypuśćmy, że ta osoba zdecyduje się ponownie odwiedzić Twoją witrynę, za co zwrócić się do swoich zakładek. Masz szczęście, jeśli masz rozpoznawalny Favon, taki jak zauważalny i wyjątkowy list G Google, a użytkownik cię znajdzie. Jeśli nie ma Favicon, możesz nawet zostać usunięty z listy zakładek.

Zapisuje czas użytkownika.

Favonons oszczędzaj czas spędzony przez użytkownika do identyfikacji witryny w zakładkach, historii lub innych miejscach, w których przeglądarka umieszcza fawię do szybkiej identyfikacji. To tylko ułatwia życie przeciętnego gościa do Twojej witryny.

Korzyści dla SEO.

Jeśli Twoja witryna ma Favon, będziesz lepiej widoczny w wynikach wyszukiwania niż witryny, w których nie jest, a zatem możesz przyciągnąć więcej odwiedzających.

Jak stworzyć favon?

Istnieje wiele narzędzi do tworzenia Favona w ciągu kilku minut. Jeśli nie masz umiejętności projektowych lub nie wiesz, jak to się robi, możesz spróbować wygenerować Favon za pomocą LOGOS.

Aby to zrobić, postępuj zgodnie z instrukcjami krok po kroku:

Krok 5. Utwórz Favon

Teraz, gdy masz logo, kliknij "Utwórz Favon z tym logo" na stronie logo.

Krok 6. Wybierz żądany projekt Favicon

Podobnie jak w przypadku logo Logaster generuje kilkadziesiąt pięknych i gotowych do użycia Favonowa. Wybierz swój ulubiony projekt. Podgląd pozwoli Ci zobaczyć, jak wygląda favy na stronie.

Jeśli chcesz zmienić favon, możesz to zrobić poprzez edycję logo, ponieważ Favona jest tworzona na podstawie konstrukcji logo. Dlatego, jeśli chcesz, na przykład inny kolor Favicon, musisz powrócić do strony logo, zmienić jego kolor, a następnie ponownie utworzyć favon.

Inspiracje można znaleźć dla Favonki na stronach:

Krok 7. Pobierz Favon

Możesz kupić Favon osobno, w cenie 9,99 USD lub kupić pakiet projektowy, który zawiera nie tylko Favon, ale także logo, wizytówkę, kopertę i formę korporacyjną. Jak kupić pakiet projektowy, możesz dowiedzieć się.

Po zapłaty można pobrać Favon w formatach ICO i PNG.

Gdzie mogę używać Favon?

Możesz użyć Favon:

Online;

Urządzenia mobilne. Użytkownik może dodać Favon do ekranu głównego urządzenia (coś w rodzaju zakładek) - Android, iOS, telefon Windows itp.;

Programy i aplikacje dla RC / Mac.

Jak zainstalować Favon do witryny?

Po otrzymaniu Favona jego instalacja na serwerze nie będzie miała więcej pary minut i jest wykonywana w dwóch etapach. Aby to zrobić, potrzebujesz dostępu do katalogu głównego witryny i edytora tekstu, aby zmienić kod HTML w witrynie.

Krok 1.Musisz pobrać plik favicon.ico na serwer. Aby to zrobić, musisz pobrać i zainstalować klienta FTP, na przykład, FileZilla. Następnie wprowadź nazwę użytkownika i hasło i pobierz plik. Bardziej szczegółowe instrukcje Jak pobrać plik Favon, który możesz przeczytać.

Krok 2.Teraz musisz edytować stronę HTML witryny, aby pomóc przeglądarkom znaleźć obraz faworyzacji. Za pomocą okna zewnętrznego FTP znajdź i pobierz plik index.html lub header.php z serwera.

Otwórz plik index.html w edytorze tekstu - Notatnik, Notepad ++, tekst wysublimowany.

Jeśli witryna zawiera czyste HTML, włóż specjalny kod do obszaru głowicy pliku index.html.

Kod można skopiować na stronie Favicon na stronie internetowej Logaster.

Jeśli używasz WordPress, włóż kod poniżej do nagłówka header.php.

Po zrobieniu tego, pobierz plik z powrotem do miejsca, w którym go wziąłeś. Gotowy! Uruchom ponownie stronę swojej witryny, aby zobaczyć Favon.

Większość nowoczesnych przeglądarek jest mądry i wiedzieć, jak znaleźć plik Favon nawet bez takiego kodu, ale tylko wtedy, gdy Favon ma obraz formatu pikseli 16x16, nazwę Favicon.ico i zapisany w katalogu głównym witryny.

Mamy nadzieję, że ten artykuł dał ci kilka przydatnych informacji, które pomogą stworzyć Favon, co sprawi, że Twoja strona była bardziej udana i atrakcyjna.

Tematem dzisiejszego artykułu jest jak zrobić Favicon online na stronie lub blogu na WordPress. Jeśli z jakiegoś powodu nie wiesz, jaki jest jeszcze potrzebny plik, zalecam czytanie artykułu już napisanego przez mnie na ten temat:

Ogólnie rzecz biorąc, ten mały obraz powinien być każdą witryną.

Jak utworzyć favicon.ico na stronie

Więc teraz postaram się powiedzieć, gdzie, niż i jak zrobić Favicon. Ale na początku musisz wiedzieć, jaki powinien być rozmiar dla witryny?

Favicon. - Jest to zdjęcie w formatach ICO, JPEG, PNG, BMP i GIF, które mogą mieć różne rozmiary, począwszy od 16 × 16 pikseli. Ikona tego rozmiaru należy pobrać do witryny do indeksowania robota Yandex.

Inne rozmiary mają wtórną rolę i nie są wyświetlane w wyszukiwaniu Yandex i służą do wyświetlania w przeglądarkach, takich jak na iPhone lub iPadzie. Jeśli chcesz, aby Twoja witryna wyróżniała się w wynikach wyszukiwania, pamiętaj o następującym zakresie.

W przypadku kilku stałych bloków różnych rozmiarów, w kodzie strony, musisz najpierw umieścić ścieżkę do obrazu 16x16 px, ponieważ Robot Phava Yandex odczytuje tylko pierwszy adres.

Najprostszy sposób na rysowanie Favicon w Photoshopie lub innym edytorze graficznym. Możesz to zrobić jeszcze łatwiej i zrobić już gotowy obraz lub zdjęcie i po prostu przekonwertuj go w niezbędny format i rozmiar. Ponieważ taka ikona jest bardzo mała, wtedy małe szczegóły obrazu będą na nim złe. Dlatego lepiej, aby Twój Favicon był jak najbardziej prosty, ale jednocześnie atrakcyjny i wyjątkowy. W końcu jest to wizytówka twojego zasobu internetowego.

Jeśli nie jesteś wielkim znakiem Photoshopa, nie ma znaczenia, istnieje wiele darmowych generatorów do tworzenia Favicon dla witryny. Niektóre z nich mogą konwertować tylko obrazy do formatu ICO, inne umożliwiają edycję lub utworzenie urządzenia od podstaw. Wnioskuję do twojej uwagi niewielki przegląd takich generatorów online.

Usługi online Generator Favicon - Tworzenie Favicon Online

Zacznę od najprostszych usług, a następnie stopniowo udaj się do bardziej zaawansowanych, gdzie można wykonać statyczne i animowane ikony od podstaw i edytować już gotowe.

Po właśnie uruchomieniu bloga lub strony internetowej firmy i nadal nie masz logo, wspaniałe rozwiązanie, będziesz obsługiwać usługi Logaster. Dzięki nim możesz utworzyć logo, a następnie na podstawie tego logo, generator utworzy zestaw poprawek do wyboru. Wygoda jest tym, że logo i Phavicon zostaną utworzone w jednym stylu, więc Twoja witryna będzie wyglądać bardziej profesjonalista.

Proste generatory Phawacon.

Na początek kilka witryn, w których można łatwo zrobić ikonę na stronie, konwersją dowolnego obrazu do pliku Favicon.ico, bez edycji.

www.favicongenerator.com - Być może najbardziej minimalistyczna usługa. Nic zbędnego - wybrać obraz, kliknij "Wygeneruj Favicon! "I pobrałem utworzoną ikonę.

narzędzia.Dynamicdrive.com/favicon. - Prosta i zrozumiała usługa, w której możesz zrobić Favicon w trzech rozmiarach. Aby pobrać odebrane pliki, musisz kliknąć przycisk "Pobierz Favicon".

www.cy-pr.com/tools/favicon i www.favicon.co.uk - Usługi podobne do poprzedniego. W pierwszej można dokonać rozmiaru fanique 16 × 16 i 32 × 32, aw drugim dodatkowej 48 × 48 i 64 × 64.

www.genfavicon.com - Cały proces tworzenia ikony zawiera trzy kroki:

1. Wybierz plik (JPEG, GIF, PNG) na swoim komputerze lub po prostu zarejestruj zdjęcia URL i kliknij " Załaduj obrazek“;
2. Wybierz rozmiar (16 × 16, 32 × 32, 48 × 48, 64 × 64 lub 128 × 128, 64 × 64 lub 128 × 128) i wymagany wzór wzoru, jeśli chcemy wygenerować tylko część obrazu, klikając " Wychwytywanie i obraz“;
3. Patrzymy na wynik, a jeśli wszystko odpowiada, pobierz plik.

Tworzenie animowanego Favicon dla generatorów online

Teraz zobaczmy kilka usług, w których można wykonać animowane Favonons, a także dodać tekst na łacińskim, który przewija się razem z ikoną w postaci linii bieżącej. Prawda, że \u200b\u200banimacja nie jest obsługiwana przez wszystkie przeglądarki.

www.favicon.by - obsługa w języku rosyjskim. Wymagane jest wszystko, wybierz plik, wprowadź tekst na łacińskim (jeśli to konieczne) i kliknij przycisk "Utwórz Favicon". Poniżej widać wynik i pobrać archiwa plików.

www.favicon.com.mx - usługa, w pełni identyczna z poprzedniego, tylko w języku angielskim.

Gdzie zrobić Favon od podstaw - Redakcja online Favicon

antiFavicon.com - Ta usługa, z jakiegoś powodu, z antykolą, jest interesująca, co pozwala na tworzenie samego pliku Favicon.ico, ale nie w formie obrazu, ale jako tekst na kolorowym tle. Wymagane jest wprowadzenie odpowiednich liter i wybrać kolory. Przy okazji, zrobiłem tu favona. Pomyślałem, a potem Redid, a teraz jestem do tego przyzwyczajony.

favicon-generator.org - tutaj, z wyjątkiem konwertera, istnieje również edytor ikony. Ponadto można pobrać utworzony favon do galerii publicznej, gdzie można dowolnie pobrać innych użytkowników witryny.

favicon.ru - Popularny rosyjski generator online, gdzie można tworzyć Favona z zdjęć i rysować je. Tutaj możesz zamówić stworzenie specjalistów Favicon za 20 USD. Ciekawe, ktoś ma tam rozkazy?

www.favicon.cc to kolejny popularny generator podobny do poprzedniego. Ciekawą cechą tej usługi jest to, że można dokonać animacji ramowej do 20 sekund.

Zobacz animowany Favicon i pobierz go w oknie podglądu.

www.degraeve.com/favicon to kolejny generator favicon online. Ten edytor, jak poprzedni, pozwala na wykonanie przezroczyste ikony tła.

Być może wystarczy na dziś, chociaż nie wszystkie usługi online. Ale nawet są wystarczająco dość, aby stworzyć piękny favon na witrynę lub blog i być zauważalnym w wynikach wyszukiwania.

A jednak kolejne ikony generatora online dla witryny, na której się podążyłem. Ta usługa zasługuje na osobny post, gdzie powiem, jak zrobić Favicon dla iPhone'a, iPoda Touch i Ipad przeglądarki i nadal skupić się na instalacji animowanych ikon na stronie. Ponadto wprowadzi Cię do usługi Validator Favicon, gdzie można sprawdzić i zobaczyć wszystkie ikony favicon.ico, jeśli ten plik zawiera więcej niż jeden obraz .. Do tej pory!

Cześć przyjaciele! Niedawno zainstalowany na jednym z Blogów Favonka i uważam, że nadal nie mam artykułu na ten temat. Dlaczego więc nie pisać? Rozumiem, że ten temat jest przywieziony, a wielu ludzi wszystko to wie. Wiele, ale nie wszystko, jeśli wierzysz statystyki WordStat.yandex.ru (patrz zrzut ekranu poniżej). Wszyscy kiedyś robiliśmy Favicon po raz pierwszy i szukali takich informacji. Więc pozwól początkujące webmasterzy ją znaleźć na moim blogu. Ponadto stworzyłem to dokładnie w tym celu. Tak, a dodatkowy ruch z wyszukiwarek na tym żądaniu nie skrzywdzi mnie. Więc chodźmy.

Co to jest favicon.ico.

Na początek, zdecydujmy się, co jest Favon i dlaczego tego potrzebujemy. Właśnie jest to, co Wikipedia () jest odpowiedzialna za te pytania.

Łatwiej jest mi pokazać niż wyjaśnić słowa. W poniższym zrzutu ekranu pokazałem, jak Favonki są wyświetlane w Google Chrome. Podobna sytuacja w innych przeglądarkach.

Ogólnie, favon na stronę - Jest to specjalna ikona lub obraz 16 × 16 pikseli w formacie ICO. Zwykle taki plik jest nazywany favicon.ico. I znajduje się w folderze głównym witryny. Możliwe są również inne rozmiary (24 × 24, 32 × 32, 48 × 48 itp.) Oraz formaty (JPEG, BMP, PNG i GIF). W związku z tym format PNG umożliwia wykonanie ikony na przezroczystym tle, GIF - animowany.

Dlaczego potrzebuje Favonki.

Favicon ICO plik jest bardzo ważny dla witryny. I nie tylko dlatego, że taki obraz ułatwia znalezienie żądanego zasobów internetowych wśród dużej liczby zakładek przeglądarki. Główny chip i korzyść w innym.

Faktem jest, że Yandex pokazuje Favona w wynikach wyszukiwania dla każdej witryny, na której jest zainstalowany. Unikalny i piękny Favicon przyciąga uwagę i pozwala Twojemu zasobom wyróżnić się wśród konkurentów, dzięki czemu kliknięcie go i zbieraniu ruchu wyszukiwania. Ponadto pamiętny Favon przyczynia się do rozpoznawania witryny w Internecie jako marki. Zgadzam się, że przede wszystkim chcę kliknąć link z obrazem.

Warto powiedzieć, że Yandex nie zaleca, aby obraz zawiera przezroczystość, a animacja jest obsługiwana tylko w przeglądarce Firefoksa. Należy również rozumieć, że ze wzrostem rozmiaru obrazu, waga pliku i obciążenie w zakresie hostingu wzrasta. Dlatego lepiej jest używać Favon dla dowolnej witryny (WordPress, Joomla, DLE itp.) W formacie.ICO z 16 pikseli.

Aby zainstalować taką ikonę na stronie, musisz najpierw go mieć. Istnieje tutaj kilka opcji:

1. pobierz gotowy Favon;
2. zrób favicon.ico za pomocą Photoshopa lub specjalnych generatorów online.

Pierwszy sposób jest znacznie prostszy, ale zmniejsza prawdopodobieństwo wyjątkowości. Niemniej jednak uważam go.

Gdzie pobrać favicon.ico. Gotowe kolekcje Favonowa na witrynę

Aby pobrać Favon dla witryny, wystarczy wprowadzić takie lub podobne w wyszukiwarce. Uwierz mi, nie będziesz miał braku wyników. Poniżej podarę adres kilku zasobów, w których można pobrać gotowe zdjęcia dla Favon. Na niektórych z nich istnieje okazja do tworzenia własnych ikon za pomocą generatorów.

Ikony galerii (Favicon.ico) na stronie:

• www.iconj.com/gallery.php - Duży zbiór zdjęć i generatora online;
• www.audit4web.ru/info/favicon/ - tutaj więcej niż 15 000 sztuk;
• www.favicon.cc/?action\u003dicon_list&orde_by_rating\u003d1. - generator i galeria animowanych i statycznych ikon;
• domena www.favicon.co.uk/gallery.php - Favicon Generator i katalog Favonok na stronie;
• theFavicongallery.com to kolejna galeria zdjęć.

Ale być może najlepsze miejsce, w którym można pobrać różne ikony i logo dla swojej witryny, to jest Findicons.com.

Niewielki przegląd tej usługi:

Obrazy są prezentowane w różnych formatach i rozmiarach. Aby znaleźć i pobrać Favicon.ico na stronie internetowej Findicons.com, musisz wybrać zdjęcie i kliknij przycisk "More". W otwartym oknie kliknij linię z wielkościami rozmiarów.

Miejmy nadzieję zrozumieć.

Kolejna wspaniała obsługa z wyszukiwaniem ikon www.iconsearch.ru.

Wszystko jest tutaj proste. Wprowadzamy do tematu w barze wyszukiwania, na którym szukamy zdjęcia lub użyjemy chmury tagów. Możliwe jest wybór rozmiaru i koloru tła (biały, przezroczysty, czarny).

Aby pobrać wybrany favicon, kliknij ikonę formatu PNG lub ICO. Klikając na napis "więcej", możesz zobaczyć tę ikonę w innych rozmiarach i nadal z tego zestawu.

Na tym kończę, a nawet tak okazało się o tym mnogabukaf jak pobrać Favicon ICO na stronie. Ale nadal będzie mówić, a na blogu WordPress. Teraz następnym razem nie przegap. Aż do!