Ikona strony lub, jak to się częściej nazywa, ikona to to, co widzisz w rogu obok nazwy zakładki w przeglądarce. Ponadto ikona jest wyświetlana obok nazwy witryny na liście „Ulubione”, możesz ją również zobaczyć, gdy wyszukiwarka pokazuje Twoją witrynę w wynikach wyszukiwania.
Czy to jest to konieczne
- - logo strony,
- - Photoshop,
- - konwerter favicon.
Instrukcje
Krok 1
Otwórz logo swojej witryny w programie Adobe Photoshop. Jeśli nie ma logo, możesz zrobić dowolne inne zdjęcie, ważne jest tylko, aby było powiązane z Twoją witryną. Przetwórz obraz, usuwając wszystkie niepotrzebne szczegóły, a teraz zmniejsz jego rozmiar do 32 lub 16 pikseli z każdej strony. Następnie zapisz obraz jako plik graficzny.png
Krok 2
Najlepszy ze wszystkich, jeśli w końcu stworzysz plik o rozdzielczości 32x32 pikseli, ponieważ użytkownicy czasami zapisują skróty stron, które lubią na „Pulpicie”, a zdjęcia 16x16 pikseli wyglądają na niewystarczająco szczegółowe. Pamiętaj jednak, że w przeglądarce Twoja ikona nadal będzie skalowana do 16x16 pikseli, są to obrazy wyświetlane w Ulubionych i w tytule.
Krok 3
Teraz musisz przekonwertować obraz do pliku ico. Można to zrobić za pomocą wtyczki do programu Photoshop lub korzystając z bezpłatnej usługi internetowej, na przykład https://favicon.ru/. Istnieje wiele wtyczek i usług, działają one prawie tak samo, więc nie ma sensu doradzać żadnej konkretnej. Te witryny nazywane są generatorami favicon.
Krok 4
Zmień nazwę pliku wynikowego na favicon.ico.
Krok 5
Teraz przejdź do panelu sterowania witryny i znajdź katalog główny, w którym znajduje się pierwsza strona. Zwykle jest to index.html lub inny plik generowany przez system zarządzania treścią. Może już istnieć ikona o nazwie favicon.ico. W takim przypadku usuń starą ikonę i zastąp ją własną.
Krok 6
Jeśli katalog główny nie jest dla Ciebie dostępny, a także w takich przypadkach, jeśli sam napisałeś kod witryny, musisz edytować wszystkie strony witryny, na których powinna pojawić się ikona. Otwórz stronę w edytorze i dodaj wpis w sekcji head
Krok 7
Jeśli ikona znajduje się nie w katalogu głównym, ale gdzie indziej, to w parametrze href wpisz pełną ścieżkę do pliku.
