Jak wygenerować i dołączyć Favicon do HTML?

Favicon to zwykły obraz graficzny (obraz) powiązany z określoną stroną internetową lub witryną internetową. Jest również znany jako  ikona zakładki, skrót lub ikona strony internetowej. Przeglądarki, które obsługują dodawanie ikony ulubionych, zazwyczaj wyświetlają ją w pasku adresu i na kartach obok nazwy strony, niektóre przeglądarki używają jej jako ikony skrótu przechowywanego na pulpicie. 

Tworzenie favikon

Ważna rzecz dotycząca ikon ulubionych’ polega na tym, że powinny one mieć określony rozmiar, który wynosi odpowiednio 16x16, 32x32 lub 64x64 piksele. Nie zapomnij też zastosować koloru 8-bitowego lub 24-bitowego. Najpopularniejszym formatem faviconów jest ICO, ale możliwe są również GIF i PNG.

Podczas generowania obrazu Favicon należy zwrócić uwagę na następujące wskazówki:

• Favicon powinien być wykonany w tym samym stylu co strona, ponieważ jest swego rodzaju wizytówką Twojego projektu.
• Obraz, którego chcesz użyć jako ikony ulubionych, powinien być bardzo prosty do zrozumienia, lepiej używać tylko kilku elementów.
• Upewnij się, że favicon maksymalnie oddaje istotę Twojej witryny, firmy i projektu.
• Lepiej jest stworzyć zdjęcie, które wywoła skojarzenie u odwiedzających Twoją witrynę. Na przykład ikona telefonu dla salonu telefonii komórkowej.

Normalnie zrobić ikonę, wystarczy zwykły obraz w formacie *.jpg, lub *.bmp, który można wykonać w dowolnym edytorze graficznym, nawet w tym samym Paint. Załaduj obraz do programu do tworzenia ulubionych, a następnie wybierz rozmiar, głębię kolorów i naciśnij przycisk Start. Wszystko gotowe.

Jak dodać Favicon w HTML?

Teraz nadszedł czas, aby dodać Favicon do swojej witryny, aby wyświetlała się na wszystkich jej stronach. Aby to zrobić, umieść ikonę w folderze głównym swojej witryny. Jeśli witryna jest już hostowana, folder ten nosi zwykle nazwę „public_html”. Następnie na każdej stronie witryny przed tagiem zamykającym dodaj następujące wiersze:

<link rel = "icon" href = "/ favicon.ico" type = "image / x-icon">
<link rel = "shortcut icon" href = "/ favicon.ico" type = "image / x-icon">

Jeśli masz witrynę HTML, musisz dodać te wiersze do każdej strony. Ponieważ najprawdopodobniej Twoja witryna jest tworzona w oparciu o jakiś system CMS, wystarczy, że dodasz te linijki do głównego pliku motywu, którego używasz na stronie.

Na zakładkach stron oraz w pasku adresu przeglądarki Twoja ikona zostanie natychmiast wyświetlona.

Favicon.Guru to niezawodna i łatwa w użyciu usługa, która pomaga konwertować pliki PNG na ICO. Naszym Klientom gwarantujemy prostotę, wygodę i zawsze satysfakcjonujące efekty! Z pomocą naszej platformy uzyskasz najlepszą i unikalną favikonę dla swojej witryny.