Vietnes ikona vai, kā to biežāk sauc, ikona ir tā, ko jūs varat redzēt stūrī blakus cilnes nosaukumam pārlūkprogrammā. Arī ikona tiek parādīta iepretim vietnes nosaukumam sarakstā "Izlase", to var redzēt arī tad, kad meklētājprogramma parāda jūsu vietni meklēšanas rezultātos.
Tas ir nepieciešams
- - vietnes logotips,
- - Photoshop,
- - favicon pārveidotājs.
Instrukcijas
1. solis
Atveriet savas vietnes logotipu programmā Adobe Photoshop. Ja logotipa nav, varat uzņemt jebkuru citu attēlu, ir svarīgi tikai, lai tas būtu saistīts ar jūsu vietni. Apstrādājiet attēlu, noņemot visas nevajadzīgās detaļas, un tagad samaziniet tā izmēru līdz 32 vai 16 pikseļiem katrā pusē. Pēc tam saglabājiet attēlu kā.png
2. solis
Labākais no visiem, ja jūs beigās izveidojat failu ar izšķirtspēju 32x32 pikseļi, jo lietotāji dažreiz saglabā sev tīkamo vietņu saīsnes uz "Desktop", un tur 16x16 pikseļu attēli izskatās nepietiekami detalizēti. Tomēr ņemiet vērā, ka pārlūkprogrammā jūsu ikona joprojām tiks mērogota līdz 16x16 pikseļiem, tie ir attēli, kas tiek parādīti mapē Mana izlase un nosaukumā.
3. solis
Tagad jums attēls jāpārvērš par ico failu. To var izdarīt, izmantojot Photoshop spraudni vai izmantojot bezmaksas interneta pakalpojumu, piemēram, https://favicon.ru/. Spraudņu un pakalpojumu ir daudz, tie darbojas gandrīz tāpat, tāpēc nav jēgas konsultēt kādu konkrētu. Šīs vietnes sauc par favicon ģeneratoriem.
4. solis
Pārdēvējiet iegūto failu par favicon.ico.
5. solis
Tagad dodieties uz savas vietnes vadības paneli un atrodiet saknes direktoriju, kurā atrodas pirmā lapa. Parasti tas ir index.html vai cits fails, ko ģenerē satura pārvaldības sistēma. Iespējams, ka jau ir ikona ar nosaukumu favicon.ico. Šajā gadījumā izdzēsiet veco ikonu un aizstājiet to ar savu.
6. solis
Ja saknes direktorijs jums nav pieejams, kā arī tajos gadījumos, ja vietnes kodu esat uzrakstījis pats, jums ir jārediģē visas vietnes lapas, kurās jāparādās ikonai. Atveriet lapu redaktorā un pievienojiet ierakstu galvenes sadaļā
7. solis
Ja ikona atrodas nevis saknes direktorijā, bet kaut kur citur, tad parametrā href ierakstiet pilnu faila ceļu.
