Kiedy odwiedzasz stronę internetową, taką jak Google, Yahoo lub wikiHow, możesz zauważyć, że po lewej stronie paska adresu znajduje się mała ikona. Jest to znane jako favicon i możesz utworzyć własną dla witryny internetowej. Oprócz nadania witrynie bardziej profesjonalnego charakteru, ikona pojawi się w zakładkach użytkownika obok wszystkich stron w witrynie, które umieścili w swoich ulubionych. Pomoże im to łatwiej znaleźć Twoją witrynę.
Kroki
Krok 1. Utwórz obraz o rozmiarze 16x16 pikseli
Powinien to być prosty obraz, aby był natychmiast rozpoznawalny.
Krok 2. Konwertuj obraz do pliku favicon.ico
Musi się to dokładnie nazywać, inaczej przeglądarka go nie rozpozna. Prostym sposobem na to jest użycie generatora Dynamic Drive FavIcon Generator. Innym sposobem jest użycie darmowego edytora obrazów GIMP i zapisanie obrazu 16x16 w formacie ICO.
Krok 3. Prześlij wygenerowany plik na swoją stronę internetową
Krok 4. Dodaj następujący kod do kodu HTML swojej witryny
Powinieneś umieścić go w sekcji kodu i upewnić się, że ścieżka do ikony jest poprawna względem strony internetowej. Kod jest następujący (zakładając, że zarówno.html, jak i.ico znajdują się w tym samym górnym katalogu):
Krok 5. Odśwież stronę, cofnij się i podziwiaj piękną nową ikonę swojej witryny
Porady
- Nawet jeśli Twoja ikona będzie bardzo mała, upewnij się, że inne osoby mogą ją łatwo przeczytać/zrozumieć.
- Jeśli używasz Linuksa, możesz przekonwertować plik bezpośrednio na swoim komputerze. Po prostu wybierz odpowiedni obrazek, otwórz wiersz poleceń, przejdź do katalogu, w którym przechowujesz obraz i wpisz: convert picture-p.webp" />