La ĉefa problemo rilate al aldoni favicon en HTML estas ke ĝi postulas kroman kodigon. Favicons estas malgrandaj ikonoj kiuj aperas en la retumila langeto aŭ adresbreto de retejo. Por aldoni favicon al HTML-paĝo, vi devas inkluzivi ligilon kun la rel-atributo agordita al "mallongiga ikono" kaj la href-atributo agordita al la loko de la favicon-dosiero. Ĉi tio povas esti tempopostula kaj malfacila por tiuj, kiuj ne konas HTML-kodigon. Aldone, iuj retumiloj eble ne rekonas iujn specojn de favicons, do gravas certigi, ke via favicon kongruas kun ĉiuj retumiloj antaŭ ol aldoni ĝin al via paĝo.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ĉi tiu linio de kodo kreas ligilon al ekstera dosiero, kiu estas uzata por montri malgrandan ikonon apud la paĝotitolo en la retumila langeto.
2. La atributo "rel" specifas la rilaton inter la nuna dokumento kaj la ligita dokumento, kiu ĉi-kaze estas ŝparvoja ikono.
3. La atributo "href" specifas la lokon de la ligita dokumento, kiu ĉi-kaze estas "favicon.ico".
4. La atributo "tipo" specifas la tipon de amaskomunikilaro de la ligita dokumento, kiu ĉi-kaze estas bildo kun x-ikono-formato.
Kio estas favikono
Favikono (mallongigo de "favorataj ikono") estas malgranda, 16×16 bildo, kiu estas asociita kun aparta retejo aŭ retpaĝo. Ĝi estas montrata en la adresbreto de la retumilo, apud la titolo de la paĝo kaj en la listo de legosignoj. Favicons estas plej ofte uzataj por provizi facilan manieron por uzantoj identigi kaj navigi inter malsamaj retejoj.
Kiel mi aldonu favicon en HTML
Favikono estas malgranda ikono, kiu aperas en la retumila langeto de retejo. Ĝi estas uzata por helpi identigi vian retejon kaj fari ĝin pli rekonebla por vizitantoj. Por aldoni favicon en HTML, vi devos inkluzivi la sekvan kodon en la sekcio de via HTML-dokumento:
Anstataŭigu "path/to/favicon.ico" per la vojo al kie vi konservis vian favicon-dosieron. La dosiero devus esti .ico-formato, kaj 16×16 pikseloj aŭ 32×32 pikseloj en grandeco.
Kiel aldoni SVG-favicon
1. Kreu SVG-dosieron: La unua paŝo estas krei SVG-dosieron, kiun vi volas uzi kiel favicon. Vi povas aŭ krei ĝin mem per vektora grafika redaktilo kiel Adobe Illustrator aŭ Inkscape, aŭ vi povas elŝuti unu el la reto.
2. Konverti la SVG al ICO-formato: Post kiam vi havas vian SVG-dosieron, vi devas konverti ĝin al ICO-formato. Ĉi tio povas esti farita per senpaga interreta konvertilo kiel Convertio aŭ CloudConvert.
3. Aldonu la favicon-ligan etikedon en HTML: Post kiam vi havas vian ICO-dosieron, aldonu la sekvan kodon en la sekcio de via HTML-dokumento:
Ĉi tio diros al retumiloj, ke ĉi tio estas la favikono por via retejo kaj ili devus montri ĝin kiam iu vizitas vian retejon.
4. Testu kaj solvu problemojn: Fine, provu vian novan favicon vizitante vian retejon en malsamaj retumiloj kaj aparatoj kaj certigu, ke ĝi aspektas bone ĉie! Se estas problemoj, provu solvi ilin per iloj kiel DevTools de Google Chrome aŭ Retejaj Programiloj de Firefox.
