Ինչպես ստեղծել Favicon.ico: 5 քայլ (նկարներով)

Բովանդակություն:

Ինչպես ստեղծել Favicon.ico: 5 քայլ (նկարներով)
Ինչպես ստեղծել Favicon.ico: 5 քայլ (նկարներով)

Video: Ինչպես ստեղծել Favicon.ico: 5 քայլ (նկարներով)

Video: Ինչպես ստեղծել Favicon.ico: 5 քայլ (նկարներով)
Video: Ինչպես վարվել երբ վատ մտքերը գալիս են ձեր վրա ու խանգարում ձեր առաջնթացը 2024, Մայիս
Anonim

Երբ այցելում եք այնպիսի կայք, ինչպիսին է Google- ը, Yahoo- ն կամ wikiHow- ը, կարող եք նկատել, որ հասցեի բարից ձախ մի փոքր պատկերակ կա: Սա հայտնի է որպես ֆավիկոն, և դուք կարող եք ստեղծել ձեր սեփականը վեբ կայքի համար: Ձեր կայքին ավելի պրոֆեսիոնալ զգացում հաղորդելուց բացի, պատկերակը կհայտնվի օգտվողի էջանիշերում ՝ ձեր կայքի ցանկացած էջի կողքին, որը նրանք դրել են իրենց նախընտրածների մեջ: Սա կարող է օգնել նրանց ավելի հեշտ գտնել ձեր կայքը:

Քայլեր

Ստեղծեք Favicon.ico Քայլ 1
Ստեղծեք Favicon.ico Քայլ 1

Քայլ 1. Ստեղծեք 16x16 պիքսել չափսի պատկեր:

Այն պետք է լինի պարզ պատկեր, որպեսզի ակնթարթորեն ճանաչելի լինի:

Ստեղծեք Favicon.ico Քայլ 2
Ստեղծեք Favicon.ico Քայլ 2

Քայլ 2. Պատկերը փոխակերպեք favicon.ico ֆայլի:

Այն պետք է հենց այսպես կոչվի, հակառակ դեպքում դիտարկիչը չի ճանաչի այն: Դա անելու հեշտ միջոց է օգտագործել Dynamic Drive FavIcon Generator- ը: Մեկ այլ միջոց է օգտագործել անվճար GIMP պատկերի խմբագիր և պահպանել 16x16 պատկերը ICO ձևաչափով:

Ստեղծեք Favicon.ico Քայլ 3
Ստեղծեք Favicon.ico Քայլ 3

Քայլ 3. Ստեղծված ֆայլը վերբեռնեք ձեր վեբ կայքում:

Ստեղծեք Favicon.ico Քայլ 4
Ստեղծեք Favicon.ico Քայլ 4

Քայլ 4. Ձեր վեբ կայքի HTML- ին ավելացրեք հետևյալ ծածկագիրը:

Դուք պետք է այն տեղադրեք ծածկագրի հատվածում և համոզվեք, որ պատկերակի ուղին ճիշտ է ՝ համեմատած վեբ էջի հետ: Հետևյալ ծածկագիրը (եթե ենթադրենք.html և.ico- ն գտնվում են միևնույն վերևի գրացուցակում).

Ստեղծեք Favicon.ico Քայլ 5
Ստեղծեք Favicon.ico Քայլ 5

Քայլ 5. Թարմացրեք էջը, հետ քայլեք և հիացեք ձեր վեբ կայքի նոր գեղեցիկ պատկերակով:

Խորհուրդներ

  • Չնայած ձեր պատկերակը շատ փոքր կլինի, վստահ եղեք, որ այլ մարդիկ կարող են հեշտությամբ կարդալ/հասկանալ այն:
  • Եթե օգտագործում եք Linux, կարող եք ֆայլը փոխարկել անմիջապես ձեր համակարգչի վրա: Պարզապես ընտրեք համապատասխան պատկերը, բացեք ձեր հրամանի տողը, անցեք այն գրացուցակին, որտեղ պահում եք պատկերը և մուտքագրեք ՝ convert picture-p.webp" />

Խորհուրդ ենք տալիս: