Jak opublikować Favicon na swojej stronie

• Może 3, 2024

Ikona ulubionych lub skrót to małe zdjęcie, które pojawia się obok adresu URL strony w pasku adresu przeglądarki. Pojawia się również obok nazwy witryny na liście zakładek lub ulubionych, a jeśli używasz przeglądarki z kartami, może również pojawić się na karcie.

Publikowanie favicon na swojej stronie to dobry sposób na dodanie odrobiny osobowości i jest to całkiem łatwe. Najtrudniejszą częścią tego procesu jest wybór obrazu na początek! Jeśli masz dobre wyczucie grafiki, możesz zaprojektować własne. Jeśli nie, zawsze możesz wybrać obraz z Internetu. Jeśli zdecydujesz się użyć istniejącego obrazu, NIE pobieraj grafiki z innej witryny i nie publikuj jej na własnej stronie - naruszysz prawa autorskie tego webmastera i możesz mieć poważne kłopoty. Zamiast tego pobierz obraz z jednego z bezpłatnych źródeł w Internecie.

Twój favicon musi mieć określony rozmiar do pracy - 16 x 16 pikseli lub 32 x 32 pikseli. To jest naprawdę małe, więc po wybraniu obrazu podstawowego upewnij się, że będzie on wyglądał dobrze, zmniejszając się do rozmiaru znaczka pocztowego. Jasne kolory i proste kształty zwykle działają najlepiej. Musisz także zapisać swój obraz w jednym z akceptowanych formatów favicon: .png, .gif lub .ico. Większość programistów używa .ico, ponieważ Twój favicon będzie prawdopodobnie jedynym plikiem w Twojej witrynie z tym rozszerzeniem, więc będzie się wyróżniał, gdy przejrzysz katalogi witryny.

Możesz użyć jednego z wielu bezpłatnych narzędzi internetowych, aby przekonwertować obraz na plik .ico o odpowiednim rozmiarze. Korzystam z jednego oferowanego przez twórców HTML Kit, który pozwala tworzyć zarówno statyczne, jak i animowane ulubione. Pod tym artykułem znajduje się link do narzędzia favicon.

Teraz przychodzi łatwa część - dodanie favicon do swojej strony! Masz dwie opcje wyświetlania obrazu favicon. Pierwszą i najbezpieczniejszą opcją jest umieszczenie następującego kodu w sekcji nagłówka każdej strony, na której ma być wyświetlany favicon, zastępując część „href” adresem URL favicon:


type = "image / ico"
href = "// example.com/myicon.ico">

Drugą opcją jest nadanie nazwy favicon „favicon.ico” i umieszczenie go w katalogu głównym (zwykle jest to ten sam katalog, co strona główna). Dzięki tej metodzie nie musisz nawet dodawać kodu do swoich stron internetowych, a prawie wszystkie przeglądarki wybiorą ikonę - jednak niektóre przeglądarki (zazwyczaj starsze) nie wyświetlą ikony, jeśli użyjesz tej metody.

Instrukcje Wideo: Jak zrobić i dodać favicon do strony internetowej? (Może 2024).