Mis on favicon

mis on favicon

Kindlasti olete rohkem kui ühel korral kuulnud faviconist. See on tihedalt seotud veebidisainiga ja on oluline punkt, et igal lehel, olgu see siis veebipood, ajaveeb, veebisait jne. nad hakkavad teilt küsima. Aga, Mis on favikon? Milleks see on mõeldud? Ja mis kõige tähtsam, kuidas seda tehakse?

Kui teil on selles osas palju kahtlusi, anname siin teile võtmed, et saaksite sellest aru ja ennekõike, et saaksite seda oma projekti raames esitada ja parema esitluse saada. Kinnitame teile!

Mis on favicon

Mis on favicon

Alustame seletades, mis on favicon, et saaksite sellest aru. Ja selleks pole midagi paremat kui tuua teile praktiline näide. Kujutage ette, et sirvite just praegu (tegelikult loete meid). Kuid teil pole ainult ühte vahelehte, vaid mitu neist. Võib-olla olete märganud, et mõlemas neist ilmub selle lehe kajastatava nimi, olgu see siis YouTube (kuna kuulate taustamuusikat), Gmail (kuna teie meil on avatud) või see leht.

Iga nime kõrval, vasakul, kuvatakse ruudukujuline väike pilt. YouTube'is ja Gmailis leiduv on kindlasti identifitseeritav nende logode järgi, kuid mis saab ülejäänud vahekaartidest?

Noh, see, mida näete, on tegelikult favicon. Teisisõnu on see a ikoon, mis on seotud külastatava lehega, Seetõttu on nii oluline sellele detailile tähelepanu pöörata, sest kui lisate lehe lemmikute või otseteede juurde, saab faviconist selle lehe "pilt" ja seetõttu peate hoolitsema selle kujunduse eest, et see on ideaalselt seotud (ja näeb eelkõige hea välja, et seda teistest eristada).

Sellel väikesel ikoonil on tavaliselt suurus 16 × 16 pikslit (kuigi seda saab määrata ka 32x32 pikslit). Selle sees peate hoolitsema selle eest, et kõik, mida panete, oleks õigesti näha, sest vastasel juhul ilmub see veidi tuvastatava kohana (ja see annab teie lehest väga halva pildi).

Miks on favicon nii oluline?

Miks on favicon nii oluline?

Nüüd, kui teate, mis favikon on ja olete selle avanud tavaliselt avatavatel lehtedel, kas olete märganud, et täna on puuduvaid lehti vähem ja vähem? Seda seetõttu, et on tõesti väga oluline anda visioon elegantsist ja oskusteabest. See tähendab, et annate edasi brändi või ettevõtte kuvandi, mis hoolib üksikasjadest.

Kuid favikonil on ka muid kasutusviise, näiteks:

  • Esitage oma lehe identifitseerimiseks. Tavaliselt on see favicon seotud logoga, mis teil veebisaidil on, ainult väiksemas suuruses. Kuid kui logo on liiga suur ja seda ei näe väikesel nupul, valite pigem midagi, mis on sellega seotud.
  • Aidate teie lehe salvestanud kasutajatel seda visuaalselt tuvastada. Seega, isegi kui nad ei mäleta URL-i ega ettevõtte nime, leiavad nad faviconi pildi tõttu selle üles.
  • Et olla SEO-ga "hea". Seda tuleb võtta pintsettidega. Ja see, et faviconi olemasolu või puudumine ei mõjuta otseselt SEO-d (see tähendab, et see ei sea teid selle omamise või mitte paremaks ega halvemaks). Nüüd on üha tavalisem, et kui brauser lehele siseneb, otsib see ikooni ja kui seda ei leia, annab see vea 404. Ja teate, et need vead pole SEO-le kasulikud lehe.

Kuidas teha favikonit

Kuidas teha favikonit

Pärast nägemist on selge, et favicon on veebisaidi loomisel oluline element. Kuidas sa selle siis teed?

Peaksite teadma, et enamasti see on valige selle veebisaidi logo või kui see on liiga suur, siis tuvastage see. Näiteks kujutage ette, et teil on televisiooniveeb, millele helistasite mingil viisil. Kuid see on favikonis liiga suur. Selle asemel võite panna televiisori pildi, nii et nad seda seostaksid. Sellistel juhtudel on selle paremaks tuvastamiseks soovitatav kanda oma veebisaidiga samu värve.

Ja nüüd, kuidas saaksime favikon luua? Noh, teil on mitu võimalust:

Photoshop, Gimp ...

Teisisõnu, me räägime pilditöötlusprogrammidest, kuna favicon luuakse täpselt samasugune nagu pilt. Loomulikult peate selle sellisena äratundmiseks salvestama .ico-vormingus, kuna seda ei saa jätta JPG-, GIF- ega sarnasena.

See viis seda teha võimaldab teil faviconit palju paremini kohandada, hallata selle loomist nullist ja anda sellele soovitud viimistlus. Tavaliselt töötate selle jaoks tavalise suurusega pildiga ja seejärel kohandate seda selle nupu suurusega.

Lõppude lõpuks tuleks see üles laadida ja testida erinevates brauserites, et näha, kas see näeb hea välja, on esinduslik ja ennekõike mõistetav.

Veebitööriistade kasutamine

Sellisel juhul viidatakse veebilehtedele, mis hoolitsevad selle eest, et soovitud pilt teisendataks mõne sekundi jooksul favikoniks. Kuid teil on ka võimalus kujundage oma favicon otse nende lehtedega.

Kui soovite esimest (laadige pilt üles ja teisendage), siis soovitame Favicon Generatorit või Favic-o-maticut. Aga kui soovite viimast (kujundage see nullist), panustage favicon.io või x-icon editorile.

Koos WordPressiga

Kas teie leht on tehtud WordPressis? Ja kas teate, et saate selle süsteemi abil luua oma lemmikkooni. Selleks võite kasutada mõningaid pistikprogramme, mis võimaldavad teil selle nupu üleslaaditud (või üleslaaditud) pildi põhjal luua. Ka läbi "Välimus / Kohanda" saate seda teha.

Kui favicon on tehtud, peate selle lihtsalt oma veebisaidile panema ja laskma tal selle ära tunda, et seda saaks kuvada nii oma lehe nime vasakul alal kui ka lemmikute hulka salvestades. Nii tunnevad nad teid hõlpsasti ära, ilma et peaksite lugemiseks peatuma, kui see on leht, mida nad tõesti tahtsid külastada.


Ole esimene kommentaar

Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: Miguel Ángel Gatón
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.