Ձեր սեփական Favicon պատկերակը ստեղծելու 3 եղանակ

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

Ձեր սեփական Favicon պատկերակը ստեղծելու 3 եղանակ
Ձեր սեփական Favicon պատկերակը ստեղծելու 3 եղանակ

Video: Ձեր սեփական Favicon պատկերակը ստեղծելու 3 եղանակ

Video: Ձեր սեփական Favicon պատկերակը ստեղծելու 3 եղանակ
Video: How To Do Stable Diffusion LORA Training By Using Web UI On Different Models - Tested SD 1.5, SD 2.1 2024, Մայիս
Anonim

Favicon- ն այն զովացուցիչ փոքրիկ պատկերն է ՝ ձեր դիտարկիչում ձեր հասցեագոտու կողքին: Դա այն է, ինչ առանձնացնում է ձեր կայքը էջանիշերի ներդիրում և կարող է օգտագործվել ապրանքանիշի ճանաչելիությունը բարձրացնելու համար: Եթե ունեք կայք, բայց երբևէ չեք մտածել ֆավիկոն ստեղծելու մասին, ապա պետք է վերանայեք ձեր որոշումը: Softwareրագրակազմի մշակողները գնալով ավելի են օգտագործում ֆավիկոններ իրենց ծրագրերի տարբեր ասպեկտների համար, ինչպիսիք են պլանշետների հիմնական էկրանի պատկերակները: Բարեբախտաբար, ֆավիկոնի ձևավորումը, ստեղծումը և իրականացումը մի բան է, որը գրեթե բոլորը կարող են անել, եթե հետևեն ճիշտ քայլերին:

Քայլեր

Մեթոդ 1 -ը 3 -ից. Նախագծեք ձեր ֆավիկոնը

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 1
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 1

Քայլ 1. Ստեղծեք ֆավիկոն, որը ներկայացնում է ձեր կայքը:

Ձեր ունեցած վեբ կայքի տեսակը պետք է որոշի ձեր ֆավիկոնի տեսքը: Փորձեք նախագծել մի բան, որը կառչած կլինի ձեր ապրանքանիշի պատկերին և որը ճանաչելի և հիշարժան կլինի մարդկանց համար: Ձեր ֆավիկոնը կլինի առաջին բանը, որ մարդիկ կտեսնեն իրենց դիտարկիչի ներդիրներին նայելիս և կհայտնվեն նաև մարդկանց էջանիշերում:

  • Օրինակ, եթե դուք ունեք սննդի կայք, ընտրելով ֆավիկոն, որն ունի միրգ կամ բանջարեղեն, որպես դիզայն, այն ավելի հիշարժան կդարձնի:
  • Եթե ձեր կայքը իրավաբանական ընկերության կամ ներդրումային ընկերության համար է, ապա ավանդական և խնամված ֆավիկոնը լավագույնն է:
  • Եթե ձեր կայքը ուղղված է երիտասարդներին, փորձեք ստեղծել խաղային և գունագեղ ֆավիկոն:
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 2
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 2

Քայլ 2. Որոշեք, արդյոք ցանկանում եք թափանցիկ ֆոն:

Եթե դուք չեք նշանակում ֆոն, ապա այն կլրացվի սպիտակ գույնով, ինչը կարող է չհամապատասխանել ձեր ապրանքանիշին: Թափանցիկ ֆոնը կստանա անձի զննարկչի գույնը և որոշ դեպքերում ավելի պարզ տեսք կունենա: Այլ դեպքերում, ֆոնի համար գույն ունենալը կդարձնի առաջին պլանի տառերը կամ գրաֆիկական պատկերները: Որոշեք, թե որն է լավագույնը ձեր դիզայնի համար և այն մտքում պահեք, երբ այն պատրաստում եք:

Ամենահիմնական ֆավիկոնը 16x16 քառակուսի է և ունի ֆոնի գույն:

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 3
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 3

Քայլ 3. Ստեղծեք հեշտ ընթերցվող ֆավիկոն:

Քանի որ այն ֆավիկոն պատկերը, որը դուք կօգտագործեք, փոքր է, կարևոր է, որ դուք կարողանաք ձեր ապրանքանիշը հասցնել առանց շփոթելու ձեր այցելուներին: Ֆավիկոնը, որը դժվար է կարդալ, թողնում է բացասական տպավորություն և կարող է հարցեր ստեղծել այցելուների մտքում `աշխատանքի որակի վերաբերյալ, որը կարող եք տրամադրել: Չափից ավելի բարդ պատկերներն ու պատկերանշանները լավ տեսք չունեն, երբ կրճատվում են մինչև 16x16 կամ 32x32 պիքսել:

  • Եթե ձեր գոյություն ունեցող լոգոն չափազանց բարդ է, ապա այն կարող եք պարզեցնել մարտավարությամբ, այնպես որ այն կարող է ճանաչելի լինել ֆավիկոնի չափով: Օգտագործեք սկզբնատառեր ՝ ամբողջ ընկերության անունը ցույց տալու փոխարեն, կամ նախագծեք պարզ պատկերակ, այլ ոչ թե նկար օգտագործեք:
  • Եթե արդեն ունեք պարզ պատկերանշան, կարող եք փոքրացնել պատկերը և այն դնել որպես ձեր ֆավիկոն: Հնարավոր է, որ անհրաժեշտ լինի փոխել այն նախքան պատկերակի ֆայլի վերածելը:
  • Կարող եք նաև օգտագործել այն օբյեկտի նկարը, որը նկարագրում է ձեր կայքի ընդհանուր թեման:
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 4
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 4

Քայլ 4. Ստեղծեք գեղագիտական հաճելի ֆավիկոն:

Ձեր ֆավիկոնի կառուցվածքը կոչվում է դրա ձև: Ֆավիկոնները սովորաբար ունենում են ձևեր, օրինակ ՝ շրջան կամ քառակուսի: Երբ դուք նախագծում եք ձեր ֆավիկոնը, ընդհանուր առմամբ ավելի լավ է, եթե այն կարողանա տեղավորվել այս հիմնական ձևերից մեկում, քանի որ ազատ ձևի ձևերը հաճախ կարող են խառնվել կամ շփոթվել 16x16 պիքսելների դեպքում: Ձեր դիզայնի մեկ այլ կարևոր կողմը կոչվում է գեղագիտական միասնություն: Գեղագիտական միասնությունը ներառում է ձեր ֆավիկոնի տարբեր բաղադրիչների մանրամասներն ու չափերը և ինչպես է ձեր ֆավիկոնը հավասարակշռված: Որքան ավելի միասնական են մանրամասները, այնքան ավելի համերաշխ կլինի ձեր ֆավիկոնը: Օրինակ, ձեր ֆավիկոնի ներսում տառատեսակների տարբեր տեսակների կամ չափերի օգտագործումը հաճելի չէ աչքին և կարող է ձեր ֆավիկոնը շփոթված կամ խառնաշփոթ տեսք ունենալ:

  • Գեղագիտական միասնության մեկ այլ օրինակ է ձեր ֆավիկոնի ձևերի կլորացված անկյունների պահպանումը:
  • Ձևը փոխած պատկերակի լավ օրինակ է Google- ի ֆավիկոնը: Այն քառակուսուց վերածվել է շրջանագծի:
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 5
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 5

Քայլ 5. Օգտագործեք գույներ, որոնք համահունչ են ձեր ապրանքանիշին:

Երբ ստեղծում եք ձեր ֆավիկոնը, այն պետք է ստեղծեք 8 բիթ (256 գույն) կամ 24 բիթ (16.7 միլիոն գույն) գույնի խորությամբ, քանի որ դա կաշխատի ժամանակակից բրաուզերների վրա: Համոզվեք, որ ձեր ընտրած գույները կարելի է գտնել ձեր վեբ կայքի այլուր կամ ինչ -որ կերպ կապված լինել ձեր ապրանքանիշի հետ: Ձեր կայքում, պատկերանշանում կամ ծրագրերում չկան գույներ ունեցող ֆավիկոնը չի հիշվի, և մարդիկ չեն կարողանա պատկերակը կապել ձեր ապրանքանիշի հետ:

  • Ֆավիկոնի գույնի որոշ ստեղծագործական օգտագործումներ ներառում են GitHub- ը, որը փոխում է գույները ՝ կախված ձեր համակարգի կարգավիճակից և Trello- ն, որը փոխվում է ՝ կախված ձեր ֆոնի գույնից:
  • Ֆավիկոններում օգտագործվող ամենատարածված գույները կարմիրն ու կապույտն են:
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 6
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 6

Քայլ 6. Ֆավիկոն նախագծելիս հաշվի առեք ձեր լսարանը:

Ձեր ապրանքանիշը նույնականացնելուց բացի, ձեր ֆավիկոնը պետք է գրավիչ տեսք ունենա ձեր այցելուների համար: Տարբեր նախասիրությունների, հետաքրքրությունների և հասարակության նորմերի տեր մարդիկ տարբեր տեսանկյուններից կնայեն տարբեր տեսանկյուններից: Մշակութային տարբերությունները գոյություն ունեն մեր հասարակության ներսում և կարող են շփոթեցնել կամ վանել այն հանդիսատեսին, որին փորձում եք գրավել:

Օրինակ, Mac Os X- ն օգտագործում է նամականիշ, որը համընդհանուր խորհրդանիշ է փոստի համար: Փոստարկղ օգտագործելը այնքան էլ արդյունավետ չէր լինի, քանի որ փոստարկղերը տարբեր են աշխարհի տարբեր մասերում:

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 7
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 7

Քայլ 7. Ստացեք ընկերների և գործընկերների կարծիքը:

Թեև դա աներևակայելիորեն գրաֆիկական ինտենսիվ չէ, ֆավիկոնը ձեր ապրանքանիշի կարևոր մասն է: Օրինակ, մտածեք ձեր նախընտրած կայքերի մասին, ինչպիսիք են Twitter- ը, Gmail- ը, Facebook- ը կամ wikiHow- ը և որքանով եք ֆավիկոնը կապում ապրանքանիշի հետ: Եթե դիզայնի վրա լավ աչք չունեք, կամ գլխի չեք ընկել, թե ինչպիսի դիզայն պետք է ունենաք ձեր կայքի համար, խորհրդակցեք դիզայնի աչք ունեցող կամ գրաֆիկական դիզայնով զբաղվող ընկերների հետ:

  • Հարցրեք ձեր ընկերների ցանցում ՝ տեսնելու, թե արդյոք որևէ մեկը կարո՞ղ է անվճար դիզայներական խորհրդատվություն տրամադրել:
  • Ավելի մեծ ընկերություններ ունեն ներքին գրաֆիկական դիզայներներ, որոնք կարող են ստեղծել ֆավիկոն պատկեր:

Մեթոդ 2 -ից 3 -ը. Ստեղծեք ձեր նախընտրածը

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 8
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 8

Քայլ 1. Օգտագործեք լուսանկարների խմբագրման ծրագրակազմ `ձեր ֆավիկոնը ստեղծելու համար:

Դուք կարող եք օգտագործել լուսանկարների խմբագրման ծրագրակազմ, ինչպիսիք են Adobe Photoshop- ը կամ Illustrator- ը ՝ ձեր ֆավիկոնի պատկերը ստեղծելու համար: Այս ծրագրային ծրագրերը թույլ են տալիս նաև չափափոխել և արտահանել պատկերը ճիշտ ձևաչափով: Որոշ ծրագրեր թույլ են տալիս ձեռքով ստեղծել ձեր նախընտրած ֆավիկոնը:

  • Կան նաև favicon- ի խմբագրման հատուկ ծրագրեր, որոնք կարող եք գտնել առցանց:
  • Օգտագործեք որոնման համակարգ և մուտքագրեք «favicon խմբագիրներ»:
  • Ձեր կտավը դարձրեք 512x512 պիքսել, քանի որ այս թիվը բաժանվում է ֆավիկոնի առավել կիրառելի չափերի և դեռ բավական մեծ է, որպեսզի դուք արդյունավետ խմբագրեք:
  • Լուսանկարների խմբագրման այլ հանրաճանաչ ծրագրակազմը ներառում է GIMP, PhotoScape և Paint. NET:
  • Այս ծրագրաշարը օգտագործելիս դուք չեք կարողանա խմբագրել.ico ֆայլերը ուղղակիորեն, բայց կարող եք օգտագործել.png,-j.webp" />
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 9
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 9

Քայլ 2. Չափափոխեք և պահեք ձեր ֆավիկոնը:

32x32 px- ը Windows աշխատասեղանի տարրերի չափն է, իսկ 16x16 px- ը ՝ ձեր դիտարկիչի ներդիրում ֆավիկոնների չափը: Ձեր ֆավիկոնը ավելի մեծ ձևաչափով ստեղծելուց հետո կարևոր է նվազեցնել դրա չափը, որպեսզի տեսնեք, թե ինչպես այն կանդրադառնա մարդկանց դիտարկիչներում: Եթե այն անընթեռնելի է կամ գեղագիտական տեսանկյունից հաճելի չէ, ապա սկսեք սկզբնական դիզայնից: Մտածեք այն հարթակների մասին, որոնցով ամենայն հավանականությամբ կօգտագործվի ձեր կայքը կամ ծրագիրը, այնուհետև ստեղծեք ֆավիկոն `ձեր բոլոր հիմքերը ծածկելու համար:

  • Կարևոր է նշել, որ տարբեր սարքավորումներ և ծրագրեր օգտագործում են ֆավիկոնի տարբեր չափսեր:
  • Ֆավիկոնի որոշ այլ չափսեր ներառում են 57x57px ստանդարտ iOS հիմնական էկրանին, 72x72px iPad- ի համար, 96x96px Google TV- ի համար, 128x128px Chrome Web Store- ի համար և 195x195px Opera- ի արագ հավաքման համար:
  • Եթե ցանկանում եք ծածկել ձեր բոլոր հիմքերը, կարող եք ստեղծել ձեր ֆավիկոնի տարբերակները այս չափերից յուրաքանչյուրում:
  • Պահպանեք ձեր ֆավիկոնի առանձին տարբերակները, որպեսզի չկորցնեք կատարած աշխատանքը:
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 10
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 10

Քայլ 3. Միացրեք ձեր ֆայլերը ՝ օգտագործելով փոխարկիչ:

. Ico ֆայլերի առավելությունն այն է, որ այն ստեղծելու համար կարող եք համատեղել մեկից ավելի ֆայլեր: Սա օգտակար է, քանի որ տարբեր բրաուզերներ և ծրագրակազմեր կցանկանան այլ չափի ֆավիկոն: Որպեսզի համոզվեք, որ ձեր ֆավիկոնը լավ տեսք ունի տարբեր հարթակներում, փոխարկեք ձեր ֆայլերը ՝ օգտագործելով առցանց փոխարկիչ: Ձեր նախընտրած որոնման մեջ մուտքագրեք «պատկերակի փոխարկիչ» ՝ դա անելու անվճար առցանց ծրագրեր գտնելու համար: Միավորված ֆայլը պահեք որպես «favicon.ico»:

  • Կարող եք նաև օգտագործել այնպիսի ծրագիր, ինչպիսին է GIMP- ը, որն ունի ներկառուցված գործառույթ կամ ներբեռնել ICO FORMAT կոչվող հավելումը Adobe Photoshop- ում:
  • Ստեղծեք նոր թղթապանակ, որպեսզի կարողանաք պահել նոր ֆավորիտներ կամ ընթացքի մեջ գտնվող աշխատանքներ:
  • Որոնման համակարգում մուտքագրեք «.ico converter» կամ «favicon generator» ՝ տարբեր գործիքներ գտնելու համար, որոնք կարող եք օգտագործել:

Մեթոդ 3 -ից 3 -ը. Իրականացնել ձեր Favicon- ը

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 11
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 11

Քայլ 1. Վերբեռնեք ձեր նախընտրած տարբերակը, եթե օգտագործում եք վեբ կայքի խմբագիր:

Շատ կայքերի խմբագիրներ ունեն ներկառուցված ձև, որը թույլ է տալիս ինքնաբերաբար վերբեռնել ձեր նախընտրած ֆավիկոնը ձեր վեբ կայքում: Եթե օգտագործում եք վեբ կայքի խմբագիր, որը ներկառուցված է, ձեր կայքի կարգավորումների ընտրացանկում փնտրեք «Վերբեռնել Favicon» կամ «Ավելացնել Favicon» գրառումները: Ընտրեք ձեր favicon.ico ֆայլը և վերբեռնեք այն ձեր կայքում:

Եթե դուք չեք գտնում ձեր նախընտրած էջը ձեր կայքի խմբագրում վերբեռնելու տեղ, ապա դա պետք է անեք ձեռքով:

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 12
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 12

Քայլ 2. Ֆայլը վերբեռնեք ձեր կայքի արմատային գրացուցակում:

Եթե ձեր կայքը աջակցում է File Transfer Protocol կամ FTP, ապա կարող եք օգտագործել ձեր FTP հաճախորդը ՝ ձեր նոր favicon.icon ֆայլը ձեր արմատային (ինդեքսի) գրացուցակում վերբեռնելու համար: Եթե ոչ, ապա դուք պետք է գնաք ձեր վեբ սերվերների էջ և ձեռքով վերբեռնեք պատկերը: Հիշեք, որ գոյություն ունեցող favicon.ico ֆայլը փոխարինեք ձեր նոր ֆայլով:

Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 13
Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 13

Քայլ 3. Ավելացրեք ֆայլը ձեր վերնագրին:

Գտեք այն վայրը, որտեղ կարող եք մուտք գործել ձեր կայքի PHP և CSS ֆայլեր: Գնացեք ձեր կայքի header.php ֆայլ և խմբագրեք այն: Պիտակի տիպի տակ »,

  • «Սա պետք է ձեր կայքը միացնի ձեր նախընտրածին:

    Քանի որ դուք օգտագործում եք PHP, դա նշանակում է, որ ձեր վերնագրի ֆայլը օգտագործող ցանկացած կայք այժմ կունենա նույն ֆավիկոնը:

    Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 14
    Ստեղծեք ձեր սեփական Favicon պատկերակը Քայլ 14

    Քայլ 4. Թարմացրեք ձեր դիտարկիչը:

    Ֆավիկոնի վերբեռնումն ավարտելուց հետո կարող եք թարմացնել ձեր դիտարկիչը ՝ հասցեի տողի կողքին տեսնելու ձեր նոր պատկերը: Ձեր թարմացված ֆավիկոնի պատկերին ուղղակիորեն անցնելու համար մուտքագրեք «https://www.yourdomain.com/favicon.ico»:

    • Եթե ձեր նախընտրած պատկերը ի սկզբանե չի երևում, գուցե ստիպված լինեք զրոյացնել ձեր դիտարկիչի քեշը:
    • Քեշը մաքրելու համար գնացեք ձեր դիտարկիչի կարգավորումներ և ջնջեք ձեր ժամանակավոր ինտերնետային ֆայլերը, թխուկները և պատմությունը:

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