Problemi kryesor në lidhje me shtimin e një favicon në HTML është se ai kërkon kodim shtesë. Favicons janë ikona të vogla që shfaqen në skedën e shfletuesit ose shiritin e adresave të një faqe interneti. Për të shtuar një favicon në një faqe HTML, duhet të përfshini një element lidhjeje me atributin rel të vendosur në "ikonë e shkurtores" dhe atributin href të vendosur në vendndodhjen e skedarit favicon. Kjo mund të marrë kohë dhe e vështirë për ata që nuk janë të njohur me kodimin HTML. Për më tepër, disa shfletues mund të mos njohin disa lloje të faviconëve, kështu që është e rëndësishme të siguroheni që faviconi juaj të jetë i pajtueshëm me të gjithë shfletuesit përpara se ta shtoni në faqen tuaj.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Kjo linjë kodi krijon një lidhje me një skedar të jashtëm, i cili përdoret për të shfaqur një ikonë të vogël pranë titullit të faqes në skedën e shfletuesit.
2. Atributi “rel” specifikon marrëdhënien ndërmjet dokumentit aktual dhe dokumentit të lidhur, i cili në këtë rast është një ikonë shkurtore.
3. Atributi “href” specifikon vendndodhjen e dokumentit të lidhur, i cili në këtë rast është “favicon.ico”.
4. Atributi “type” specifikon llojin e medias së dokumentit të lidhur, i cili në këtë rast është një imazh me format x-ikona.
Çfarë është një favicon
Një favicon (shkurt për "ikona e të preferuarave") është një imazh i vogël, 16×16 që lidhet me një faqe interneti ose faqe interneti të caktuar. Shfaqet në shiritin e adresave të shfletuesit, pranë titullit të faqes dhe në listën e faqeshënuesve. Favicons përdoren më së shpeshti për të ofruar një mënyrë të lehtë për përdoruesit për të identifikuar dhe lundruar midis faqeve të ndryshme të internetit.
Si mund të shtoj një favicon në HTML
Favicon është një ikonë e vogël që shfaqet në skedën e shfletuesit të një faqe interneti. Përdoret për të ndihmuar në identifikimin e faqes tuaj të internetit dhe për ta bërë atë më të njohur për vizitorët. Për të shtuar një favicon në HTML, do t'ju duhet të përfshini kodin e mëposhtëm në seksionin e dokumentit tuaj HTML:
Zëvendësoni “path/to/favicon.ico” me shtegun ku keni ruajtur skedarin tuaj favicon. Skedari duhet të jetë një format .ico dhe me madhësi 16×16 piksel ose 32×32 piksele.
Si të shtoni favicon SVG
1. Krijoni një skedar SVG: Hapi i parë është të krijoni një skedar SVG që dëshironi të përdorni si favicon. Mund ta krijoni vetë duke përdorur një redaktues grafike vektoriale si Adobe Illustrator ose Inkscape, ose mund ta shkarkoni një nga uebi.
2. Konvertoni SVG në formatin ICO: Pasi të keni skedarin tuaj SVG, duhet ta konvertoni atë në formatin ICO. Kjo mund të bëhet duke përdorur një konvertues falas në internet si Convertio ose CloudConvert.
3. Shtoni etiketën e lidhjes favicon në HTML: Pasi të keni skedarin tuaj ICO, shtoni kodin e mëposhtëm në seksionin e dokumentit tuaj HTML:
Kjo do t'u tregojë shfletuesve se ky është faviconi për faqen tuaj të internetit dhe ata duhet ta shfaqin atë kur dikush viziton faqen tuaj.
4. Testoni dhe zgjidhni problemet: Më në fund, provoni favicon tuaj të ri duke vizituar faqen tuaj të internetit në shfletues dhe pajisje të ndryshme dhe sigurohuni që të duket mirë kudo! Nëse ka ndonjë problem, provoni t'i zgjidhni ato me mjete si DevTools të Google Chrome ose Veglat e Zhvilluesve të Uebit të Firefox-it.
