Ako uverejniť na svojom webe favicon

• Apríl 29, 2024

Favicon alebo ikona odkazu je malý obrázok, ktorý sa zobrazuje vedľa adresy URL stránky v paneli s adresou v prehliadači. Zobrazí sa tiež vedľa názvu stránky v zozname Záložky alebo Obľúbené položky. Ak používate prehliadač so záložkami, môže sa zobraziť aj na karte.

Pridanie favicon na vaše stránky je pekný spôsob, ako pridať trochu osobnosti a je to vlastne celkom jednoduché. Najťažšou časťou procesu je výber obrázka na začiatok! Ak máte dobré oko pre grafiku, môžete navrhnúť svoj vlastný. Ak nie, môžete si vždy vybrať obrázok z webu. Ak sa rozhodnete použiť existujúci obrázok, NENECHTE jednoducho sťahovať grafiku z iného webu a uverejňovať ju na svoju vlastnú stránku - porušujete autorské práva tohto správcu webu a môžete skončiť vážnymi problémami. Namiesto toho uchopte obrázok z jedného z bezplatných zdrojov na internete.

Favicon musí mať určitú veľkosť, aby fungoval - buď 16x16 pixelov, alebo 32x32 pixelov. Je to skutočne malé, takže keď vyberiete základný obrázok, uistite sa, že je taký, ktorý bude vyzerať v poriadku zmenšený na veľkosť poštovej známky. Jasné farby a jednoduché tvary zvyčajne fungujú najlepšie. Musíte tiež uložiť svoj obrázok v jednom z akceptovaných formátov favicon: .png, .gif alebo .ico. Väčšina vývojárov webu používa .ico, pretože váš favicon bude pravdepodobne jediným súborom na vašom webe s týmto rozšírením, takže bude vynikať, keď prechádzate adresármi svojich stránok.

Na prevod obrázka do súboru s veľkosťou .ico môžete použiť jeden z mnohých bezplatných webových nástrojov. Používam aplikáciu ponúkanú výrobcami HTML Kit, ktorá vám umožňuje vytvárať statické aj animované favicon. Pod týmto článkom je odkaz na nástroj favicon.

Teraz prichádza ľahká časť - pridanie favicon na vaše stránky! Máte dve možnosti na zobrazenie obrázka favicon. Prvou a najbezpečnejšou možnosťou je vložiť nasledujúci kód do hlavovej časti každej stránky, na ktorej chcete, aby sa zobrazoval favicon, pričom časť 'href' sa nahradí webovou adresou vášho favicon:


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

Druhou možnosťou je pomenovať váš favicon "favicon.ico" a umiestniť ho do koreňového adresára (zvyčajne je to ten istý adresár ako na domovskej stránke). Pri použití tejto metódy nemusíte na svoje webové stránky pridávať ani kód a takmer všetky prehliadače si túto ikonu vyzdvihnú - niektoré prehliadače (zvyčajne staršie) však pri použití tejto metódy nezobrazia ikonu favicon.

Video Návody: Week 10 (Apríl 2024).