Jak na svůj web umístit favicon
Favicon nebo ikona zástupce je malý obrázek, který se zobrazuje vedle adresy URL webu v adresním řádku prohlížeče. Objeví se také vedle názvu webu v seznamu záložek nebo oblíbených položek. Pokud používáte prohlížeč s kartami, může se také zobrazit na kartě.

Publikování favicon na vaše stránky je pěkný způsob, jak přidat trochu osobnosti, a to je vlastně docela snadné. Nejobtížnější součástí procesu je výběr obrázku na začátek! Pokud máte dobré oko pro grafiku, můžete si navrhnout vlastní. Pokud ne, můžete si vždy vybrat obrázek z webu. Pokud se rozhodnete použít existující obrázek, NEVYSTAVUJTE jednoduše grafiku z jiného webu a nezveřejňujte ji na své vlastní - porušujete autorská práva tohoto webmastera a můžete skončit vážnými potížemi. Místo toho uchopte obrázek z jednoho z bezplatných zdrojů na internetu.

Favicon musí mít určitou velikost, aby fungoval - buď 16x16 pixelů, nebo 32x32 pixelů. To je opravdu malé, takže když vyberete základní obrázek, ujistěte se, že je to ten, který bude vypadat v pořádku, zmenšený na velikost poštovního razítka. Jasné barvy a jednoduché tvary obvykle fungují nejlépe. Musíte také uložit obrázek v jednom z akceptovaných formátů favicon: .png, .gif nebo .ico. Většina webových vývojářů používá .ico, protože váš favicon bude pravděpodobně jediným souborem na vašem webu s tímto rozšířením, takže bude vyniknout, když projdete adresáře svého webu.

Můžete použít jeden z mnoha bezplatných webových nástrojů pro převod obrázku do souboru .ico správně velikosti. Používám ten, který nabízejí výrobci HTML Kit, který vám umožňuje vytvářet statické i animované favicon. Pod tímto článkem je odkaz na nástroj favicon.

Nyní přichází snadná část - přidání favicon na vaše stránky! Máte dvě možnosti pro zobrazení obrázku favicon. První a nejbezpečnější možností je vložit následující kód do hlavní části každé stránky, na které chcete, aby se zobrazil favicon, přičemž část 'href' se nahradí adresou URL vašeho favicon:


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

Druhou možností je pojmenovat váš favicon "favicon.ico" a umístit jej do kořenového adresáře (obvykle je to stejný adresář jako na domovské stránce). S touto metodou ani nemusíte přidávat kód na své webové stránky a téměř všechny prohlížeče tuto ikonu vyzvednou - některé prohlížeče (obvykle starší) však nezobrazí favicon, pokud použijete tuto metodu.

Video Návody: Jak přidat favicon na svůj Web (Březen 2024).