Kuidas luua Favicon.ico: 5 sammu (piltidega)

Sisukord:

Kuidas luua Favicon.ico: 5 sammu (piltidega)
Kuidas luua Favicon.ico: 5 sammu (piltidega)

Video: Kuidas luua Favicon.ico: 5 sammu (piltidega)

Video: Kuidas luua Favicon.ico: 5 sammu (piltidega)
Video: Kuidas leida oma kirg ja õige töökoht? Mida oma eluga teha? Mida ülikoolis õppida? // 15 võimalust 2024, Mai
Anonim

Kui külastate veebisaiti, nagu Google, Yahoo või wikiHow, võite märgata, et aadressiribast vasakul on väike ikoon. Seda tuntakse faviconina ja saate veebisaidi jaoks oma luua. Lisaks sellele, et see annab teie saidile professionaalsema tunde, ilmub ikoon ka kasutaja järjehoidjatesse teie saidi kõigi lehtede kõrval, mille nad oma lemmikute hulka lisavad. See võib aidata neil teie saiti kergemini leida.

Sammud

Looge Favicon.ico 1. samm
Looge Favicon.ico 1. samm

Samm 1. Looge pilt, mille suurus on 16x16 pikslit

See peaks olema lihtne pilt, nii et see oleks koheselt äratuntav.

Looge Favicon.ico 2. samm
Looge Favicon.ico 2. samm

Samm 2. Teisendage pilt favicon.ico failiks

Seda tuleb nimetada täpselt nii, muidu ei tunne brauser seda ära. Lihtne viis seda teha on kasutada dünaamilise ajami FavIcon generaatorit. Teine võimalus on kasutada tasuta pildiredaktorit GIMP ja salvestada 16x16 pilt ICO -vormingus.

Looge Favicon.ico 3. samm
Looge Favicon.ico 3. samm

Samm 3. Laadige loodud fail oma veebisaidile üles

Looge Favicon.ico 4. samm
Looge Favicon.ico 4. samm

Samm 4. Lisage oma veebisaidi HTML -i järgmine kood

Peaksite selle sisestama koodi sektsiooni ja veenduma, et tee ikooni suhtes on veebilehe suhtes õige. Järgneb kood (eeldades, et nii.html kui ka.ico on samas ülemises kataloogis):

Looge Favicon.ico 5. samm
Looge Favicon.ico 5. samm

Samm 5. Värskendage lehte, astuge tagasi ja imetlege oma veebisaidi ilusat uut ikooni

Näpunäiteid

  • Kuigi teie ikoon on väga väike, veenduge, et teised inimesed saaksid seda hõlpsalt lugeda/mõista.
  • Kui kasutate Linuxit, saate faili teisendada otse oma arvutisse. Valige lihtsalt sobiv pilt, avage oma käsurida, navigeerige kataloogi, kuhu pilti salvestate, ja tippige: convert picture-p.webp" />

Soovitan: