Jak Dodać Ikonę Do Strony

Spisu treści:

Jak Dodać Ikonę Do Strony
Jak Dodać Ikonę Do Strony

Wideo: Jak Dodać Ikonę Do Strony

Wideo: Jak Dodać Ikonę Do Strony
Wideo: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, Listopad
Anonim

Kiedy otwierasz niektóre strony internetowe obok ich nazw domen na pasku adresu, możesz zobaczyć mały obrazek - ikonę. Ten sam obrazek zostanie wyświetlony na zakładce z otwartą stroną serwisu w lewym górnym rogu. Ikona jest rodzajem logo dla Twojej witryny, znakiem rozpoznawczym, więc wiedza o tym, jak zainstalować takie znaki, nie będzie zbyteczna dla webmastera.

Jak dodać ikonę do strony
Jak dodać ikonę do strony

Instrukcje

Krok 1

Po pierwsze, pamiętaj, że plik ikony musi mieć rozszerzenie.ico i nazwę favicon, czyli favicon.ico. W takim przypadku rozmiar obrazu musi wynosić 16x16 pikseli. Możesz spróbować narysować ikonę w Photoshopie. Oczywiście odniesiesz sukces w rysowaniu. Ale aby zapisać rysunek w formacie.ico, potrzebujesz specjalnej wtyczki. Umieść go w folderze Plug-Ins / File Formats znajdującym się w c: / Program Files / Adobe / Photoshop CS.

Krok 2

Następnie, po narysowaniu ikony i zapisaniu jej w żądanym formacie, umieść ją w katalogu głównym witryny. Oczywiście nie jest konieczne umieszczanie tam obrazu. Ale wtedy musisz określić ścieżkę do niego:

Krok 3

Dopuszczalne jest również użycie obrazka z innym rozszerzeniem, np.

Wpisu tekstowego image.png

Krok 4

Jeśli Twoja witryna jest tworzona na silniku (na przykład na Wordpressie), to wszystko jest znacznie prostsze: ponownie najpierw skopiuj plik z ikoną do katalogu głównego bloga (folder public_html). Następnie otwórz plik header.php i między tagami i dodaj następujący kod:

  • Krok 5

    Istnieją również specjalne usługi do tworzenia ikon. Jednym z nich jest zasób o nazwie favicon.cc, do którego link znajduje się w sekcji Dodatkowe zasoby. Wystarczy wybrać żądany kolor i narysować żądany obraz. Po prostu zapisz swoje dzieło, a Twoja ikona jest gotowa. Ale możesz także przekonwertować gotowy obraz do formatu.ico. Pomoże w tym usługa favicon.ru, do której link znajduje się również w sekcji „Dodatkowe źródła”. Wybierz żądany obraz, kliknij przycisk „Utwórz favicon.ico”, a następnie pobierz wynikowy obraz.

  • Zalecana: