Favicon - (անգլերենից) Ընտրյալների պատկերակը Թարգմանեց "Icon to Flage") - Website Icon 16x16px կամ 32x32px, որը ցուցադրվում է Browser- ի կողմից պահված ներդիրի կողմից: Ավանդաբար, պատկերակի անունը եւ երկարացումը օգտագործում են Favicon.ico- ն:

Մեր ծառայությունը կարող է ընտրված պատկերը (մինչեւ 175 KB) վերափոխել կայքի պատկերակի պատկերակին (16x16px կամ 32x32px չափսեր): Ստեղծումից հետո ձեզ հարկավոր է ընդամենը ներբեռնել Favicon.ico- ն կայքի հոստինգի ցանկալի կատալոգին:

Ոչ մի պատկերանշան սխալ է Տեխնիկական օպտիմիզացում Ռեսուրսը, այն նվազեցնում է ապրանքանիշի իրազեկումը, նվազեցնում է CTR- ի որոնման հատվածները, վատթարանում է զննարկչի էջանիշների եւ այլոց վերաբերյալ վեբ ռեսուրսի որոնումը:

Yandex- ն ունի հատուկ բոտ, որն անհատապես ինդեքսավորում է բոլոր կայքերի ֆարոնը: Որոնման մեջ նոր սրբապատկերներ ավելացնելու հաճախականությունը մոտ երկու շաբաթից մեկ ամիս է:

Որտեղ ներբեռնել Favicton- ը առցանց լինելու համար:

Կայքի պատկերակի տեսքով ստեղծված Favicon.ico- ն ցուցադրելու համար այն պետք է վերբեռնեք կայքի (կամ ցանկացած գրացուցակի) արմատային գրացուցակում եւ նշեք դրա բացարձակ կամ հարազատ ճանապարհը դեպի տեղային ձեւանմուշ կոդով (), նմուշ Կոդ,

Ինչու նշեք Favonka- ի ուղին:

Ամբողջ կայքում մեկ կայքի պատկերակ օգտագործելը, եթե Favicon.ico- ն արմատային պանակում է, դուք չեք կարող նշել դրա ճանապարհը `զննարկիչները կգտնեն այն եւ կբերի այն կայքի պատկերակի տեսքով: Խոշոր կամ եզակի ռեսուրսներ օգտագործում են տարբեր կայքերի պատկերակներ իրենց յուրաքանչյուր կատեգորիայի: Դա անելու համար, համապատասխան ձեւանմուշներում, նրանք ունեն տարբեր Favicon.ico:

Այսօրվա հոդվածի թեման է, թե ինչպես կարելի է առցանց առցանց դարձնել WordPress- ի կայքի կամ բլոգի համար: Եթե \u200b\u200bինչ-ինչ պատճառներով չգիտեք, թե ինչ է անհրաժեշտ այս ֆայլը, խորհուրդ եմ տալիս կարդալ այս թեմայով իմ կողմից արդեն գրված հոդվածը.

Ընդհանրապես, այս փոքրիկ պատկերը պետք է լինի յուրաքանչյուր կայք:

Ինչպես ստեղծել Favicon.ico կայքի համար

Այսպիսով, հիմա ես կփորձեմ պատմել, թե որտեղ եւ ինչպես պատրաստել ֆավիկոն: Բայց սկզբի համար հարկավոր է իմանալ, թե ինչ չափի պետք է լինի տեղանքի համար:

Favicon. - Սա պատկեր է ICO, JPEG, PNG, BMP եւ GIF ձեւաչափերով, որոնք կարող են ունենալ տարբեր չափսեր, սկսած 16 × 16 պիքսելով: Այս չափի պատկերակը պետք է տեղակայվի Yandex ռոբոտը ինդեքսավորելու համար:

Այլ չափսերը ունեն երկրորդական դեր եւ չեն ցուցադրվում Որոնել Yandexեւ մատուցեք զննարկիչներում ցուցադրվելու, ինչպիսիք են iPhone- ը կամ iPad- ը: Եթե \u200b\u200bցանկանում եք, որ ձեր կայքը առանձնանա որոնման արդյունքներում, հիշեք հետեւյալ կանոնը:

Տարբեր չափերի մի քանի ֆիքսված բլոկների դեպքում էջի կոդով դուք նախ պետք է դիրքավորեք 16x16 PX պատկերի ուղին, քանի որ Yandex- ի Phava Robot- ը կարդում է միայն առաջին հասցեն:

Ֆոտոշոփում կամ ցանկացած այլ գրաֆիկական խմբագրիչում նկարահանելու ամենահեշտ ձեւը: Դուք կարող եք դա անել նույնիսկ ավելի հեշտ եւ վերցնել արդեն պատրաստ նկար կամ լուսանկար եւ պարզապես այն վերափոխել անհրաժեշտ ձեւաչափի եւ չափի: Քանի որ նման պատկերակը շատ փոքր է, ապա պատկերի փոքր մանրամասները դրա վրա վատ կլինեն: Հետեւաբար, ավելի լավ է որքան հնարավոր է պարզ դարձնել ձեր Favicon- ը, բայց միեւնույն ժամանակ, գրավիչ եւ եզակի: Ի վերջո, սա ձեր վեբ ռեսուրսի այցեքարտն է:

Եթե \u200b\u200bPhotoshop- ի մեծ նշան չեք, դա նշանակություն չունի, կայքի համար Favicon ստեղծելու համար կան բազմաթիվ անվճար գեներատորներ: Նրանցից ոմանք կարող են պատկերները վերածել ICO ձեւաչափի, մյուսները հնարավորություն են տալիս զրոյից շտկել կամ ստեղծել ամրագրիչ: Ես ձեր ուշադրությանն եմ բերում նման առցանց գեներատորների մի փոքր ակնարկ:

Ծառայություններ Առցանց Favicon Generator - ստեղծում Favicon օնլայն

Ես ինքս կսկսեմ Պարզ ծառայություններԵվ հետո աստիճանաբար անցեք ավելի առաջադեմ, որտեղ դուք կարող եք զրոյից ստատիկ եւ անիմացիոն սրբապատկերներ պատրաստել եւ խմբագրել պատրաստի պատրաստում:

Երբ դուք պարզապես գործարկեք ձեր բլոգը կամ ընկերության կայքը, եւ դուք դեռ պատկերանշան չունեք, ձեզ համար հիանալի լուծում կծառայեք Logaster ծառայությանը: Դրանով դուք կարող եք պատկերանշան ստեղծել, ապա այս պատկերանշանի հիման վրա գեներատորը կստեղծի ձեր ընտրության մի շարք շտկումներ: Հարմարությունն այն է, որ պատկերանշանը եւ Phavicon- ը կստեղծվեն մեկ ոճով, այնպես որ ձեր կայքը ավելի պրոֆեսիոնալ տեսք կունենա:

Պարզ phawacon գեներատորներ

Սկսելու համար, մի քանի կայքեր, որտեղ հեշտությամբ կարող եք պատկերակ պատրաստել կայքի համար, ցանկացած նկար վերածելով Favicon.ico ֆայլին, առանց խմբագրելու:

www.favicongenerator.com - թերեւս առավել մինիմալիստական \u200b\u200bծառայությունը: Ոչինչ ավելորդ. Ընտրեց պատկերը, սեղմեք «Ստեղծեք Favicon: «Եվ ներբեռնեց ստեղծված պատկերակը:

Գործիքներ. HDYNAMICDREVE.com/favicon: - Պարզ I. Հասկանալի ծառայությունորտեղ կարող եք Favicon- ը պատրաստել երեք չափսերով: Ստացված ֆայլերը ներբեռնելու համար հարկավոր է սեղմել «Ներբեռնեք Favicon» կոճակը:

www.cy-pr.com/tools/favicon եւ www.favicon.co.uk - Ծառայություններ, որոնք նման են նախորդին: Առաջինում կարելի է դարձնել 16 × 16 եւ 32 × 32 եւ երկրորդ լրացուցիչ 48 × 48 եւ 64-ի երկրորդ լրացուցիչ 48 × 48 եւ 64:

www.genfavicon.com - պատկերակի ստեղծման ամբողջ գործընթացը ներառում է երեք քայլ.

1. Ընտրեք ֆայլ (JPEG, GIF, PNG) ձեր համակարգչում կամ պարզապես գրանցեք URL նկարները եւ կտտացրեք " Վերբեռնեք պատկերը“;
2. Ընտրեք չափը (16 × 16, 32 × 32, 48 × 48, 64 × 64 կամ 128 × 128) եւ օրինակելի պահանջվող ձեւը, եթե մենք ուզում ենք առաջացնել միայն պատկերի մի մասը `կտտացնելով» Գրավում եւ պատկեր“;
3. Մենք նայում ենք արդյունքին եւ, եթե ամեն ինչ կոստյում է, ներբեռնեք ֆայլը:

Առցանց գեներատորների համար անիմացիոն ֆավիկոն ստեղծելը

Հիմա տեսնենք մի քանի ծառայություններ, որտեղ դուք կարող եք անիմացիոն ֆավոններ պատրաստել, ինչպես նաեւ տեքստը ավելացնել լատիներենի վրա, որը կդառնա պատկերակի հետ միասին, վազքի գծի տեսքով: True իշտ է, անիմացիան չի ապահովվում բոլոր զննարկիչների կողմից:

www.favicon.by - Ծառայություն ռուսերեն. Այն ամենը, ինչ պահանջվում է, ընտրեք ֆայլը, մուտքագրեք տեքստը լատիներենի վրա (անհրաժեշտության դեպքում) եւ կտտացրեք «Ստեղծեք Favicon» կոճակը: Ստորեւ կարող եք տեսնել արդյունքը եւ ներբեռնել ֆայլերի արխիվները:

www.favicon.com.mx - Ծառայություն, նախորդի լիարժեք նույնական, միայն անգլերեն լեզվով:

Որտեղ պատրաստել ֆարոն զրոյից - առցանց խմբագիրներ Favicon

antifavicon.com - Այս ծառայությունը, ինչ-ինչ պատճառներով, հետաքրքիր է, ինչը թույլ է տալիս ստեղծել Favicon.ico ֆայլ ինքնին, բայց ոչ նկարի տեսքով: Այն ամենը, ինչ պահանջվում է `համապատասխան տառեր մուտքագրել եւ գույներ ընտրել: Ի դեպ, ես այստեղ արեցի իմ ֆավոնը: Ես մտածեցի, որ վերափոխում եմ, եւ հիմա ես սովոր եմ դրան:

favicon-generator.org - Այստեղ, բացառությամբ փոխարկիչի, կա նաեւ պատկերակի խմբագիր: Բացի այդ, կարող եք ներբեռնել ստեղծված ֆաքսոնը հանրային պատկերասրահին, որտեղ այն կարող է ազատորեն ներբեռնել կայքի այլ օգտվողներ:

favicon.ru - Հանրաճանաչ ռուսական առցանց գեներատոր, որտեղ դուք կարող եք ստեղծել Favona նկարներից եւ նկարել դրանք: Նաեւ այստեղ կարող եք պատվիրել Favicon- ի մասնագետների ստեղծումը 20 դոլարով: Ես զարմանում եմ, որ ինչ-որ մեկը այնտեղ պատվերներ է անում:

www.favicon.cc- ը նախորդի նման մեկ այլ հանրաճանաչ գեներատոր է: Այս ծառայության հետաքրքիր առանձնահատկությունն այն է, որ այստեղ կարող եք շրջանակի անիմացիա կատարել մինչեւ 20 վայրկյան:

Տեսեք անիմացիոն Favicon եւ ներբեռնեք այն նախադիտման պատուհանում:

www.degraeve.com/favicon- ը Favicon- ի եւս մեկ առցանց գեներատոր է: Այս խմբագիրը, ինչպես նախորդը, թույլ է տալիս կատարել Թափանցիկ ֆոն Սրբապատկերներ

Թերեւս դա բավական է այսօրվա համար, չնայած որ սա բոլոր առցանց ծառայություններն են: Բայց նույնիսկ դրանք բավականին բավարար են ձեր կայքի կամ բլոգի համար գեղեցիկ ֆավոն ստեղծելու համար եւ նկատելի կլինեն որոնման արդյունքներում:

Եվ, այնուամենայնիվ, մեկ այլ առցանց գեներատորի սրբապատկերներ այն կայքի համար, որը ես նախկինում էի հետեւում: Այս ծառայությունն արժանի է առանձին գրառմանը, որտեղ ես ձեզ կասեմ, թե ինչպես կարելի է favicon պատրաստել iPhone- ի համար, IPod Touch. մի քանազոր IPad բրաուզերներ Եվ ես ավելի մանրամասն կմնամ տեղում անիմացիոն սրբապատկերներ տեղադրելու վերաբերյալ: Բացի այդ, ձեզ կներկայացնի Favicon վավերացուցիչի ծառայության մեջ, որտեղ կարող եք ստուգել եւ տեսնել բոլոր Favicon.ico պատկերակները, եթե այս ֆայլը պարունակում է ավելի քան մեկ պատկեր: Մինչ այժմ:

Ժամանակակից կայքերի անբաժանելի մասը Favicon Icon- ն է, որը թույլ է տալիս արագորեն նույնականացնել մեկ կամ մեկ այլ ռեսուրս զննարկչի ներդիրի ցուցակում: Դժվար է ներկայացնել նաեւ Համակարգչային ծրագիր Առանց ձեր սեփական եզակի պիտակի: Միեւնույն ժամանակ, այս դեպքում կայքերն ու ծրագրակազմը համատեղում են ոչ այնքան ակնհայտ իրը. Երկուսն էլ օգտագործում են սրբապատկերներ ICO ձեւաչափով:

Այս փոքր պատկերները կարող են ստեղծվել որպես շնորհիվ Հատուկ ծրագրերԱյսպիսով, առցանց ծառայությունների օգնությամբ: Ի դեպ, դա վերջինն է այնպիսի նպատակների համար, որոնք շատ ավելի մեծ ժողովրդականություն են, եւ այս հոդվածում մենք կքննարկենք մի շարք նման ռեսուրսներ:

Գրաֆիկայի հետ աշխատելը վեբ ծառայությունների ամենատարածված կատեգորիան չէ, այնուամենայնիվ, սրբապատկերներ ստեղծելու առումով, միանշանակ ընտրություն կա: Գործողության սկզբունքի համաձայն, նման ռեսուրսները կարող են բաժանվել այն մարդկանց, որոնցում դուք ինքներդ նկարում եք նկարում եւ կայքեր, որոնք թույլ են տալիս ձեզ վերափոխել արդեն պատրաստի պատկերը ICO- ում: Բայց հիմնականում բոլոր գեներատորների սրբապատկերներն առաջարկում են երկուսն էլ:

Մեթոդ 1: X-Icon Editor

Այս ծառայությունը ICO պատկերի ստեղծման ամենատարածված լուծումն է: Վեբ ծրագիրը թույլ է տալիս ձեռքով նկարել պատկերակը կամ օգտվել պատրաստի պատկերից: Գործիքի հիմնական առավելությունն է նկարը արտահանելու ունակությունը `մինչեւ 64 × 64 բանաձեւով:

Այսպիսով, եթե անհրաժեշտ է ստեղծել միանգամյա չափի պատկերակների մի ամբողջ շարք. Ոչինչ ավելի լավ չէ, քան X-Icon Editor- ը այս նպատակների համար, որոնք դուք չեք գտնում:

Մեթոդ 2. Favicon.ru

Անհրաժեշտության դեպքում, Favicon Icon- ը կայքի համար 16 × 16 լուծմամբ ստեղծելու համար, հիանալի գործիք կարող է ծառայել նաեւ որպես ռուսալեզու առցանց ծառայություն Favicon.ru: Ինչպես նախորդ լուծման դեպքում, այստեղ կարող եք ինքնուրույն նկարել պատկերակը, յուրաքանչյուր պիքսել նկարելը առանձին եւ պատրաստի նկարից ստեղծել Favicon:

Արդյունքում, ICO Extension File, որը ներկայացնում է 16 × 16 պիքսել նկարը, որը պահվում է ձեր համակարգչի վրա: Ծառայությունը կատարյալ է նրանց համար, ովքեր միայն պատկերը վերածում են փոքր պատկերակի: Այնուամենայնիվ, ֆանտազիա ցուցաբերել Favicon.ru- ն ընդհանրապես արգելված չէ:

Մեթոդ 3. Favicon.cc

Նախորդին նման է որպես անվանումը եւ գործողությունների սկզբունքով, բայց նույնիսկ ավելի առաջադեմ գեներատորի սրբապատկերներ: Ի լրումն սովորական 16 × 16 նկար ստեղծելու, ծառայությունը հեշտացնում է ձեր կայքի համար անիմացիոն Favicon.ico նկարելը: Բացի այդ, ռեսուրսը պարունակում է հազարավոր մաքսային սրբապատկերներ, որոնք մատչելի են անվճար ներբեռնելու համար:

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

Մեթոդ 4. Favicon.by

Favicon պատկերակի գեներատորի մեկ այլ տարբերակ կայքերի համար: Հնարավոր է սրբապատկերներ ստեղծել զրոյից կամ հիմնվելով հատուկ պատկերի վրա: Տարբերություններից հնարավոր է կարեւորել երրորդ կողմի վեբ ռեսուրսներից նկարներ ներմուծելու գործառույթը եւ բավականին նորաձեւ, հակիրճ ինտերֆեյս:

Ընդհանուր առմամբ, այս հոդվածում արդեն դիտարկված ծառայությունների հետ աշխատելու տարբերություններ չկան, սակայն ICO- ում պատկերներ վերափոխելով, Favicon.by ռեսուրսը զգալիորեն ավելի լավ է դիմում:

Մեթոդ 5. Առցանց-փոխակերպում

Հավանական է, որ դուք արդեն գիտեք այս կայքը որպես գրեթե ամենատարածված առցանց ֆայլերի փոխարկիչ: Բայց ոչ բոլորն են գիտեն, որ սա ICO- ի ցանկացած պատկերներ վերափոխելու լավագույն գործիքներից մեկն է: Ելքի ժամանակ կարող եք ստանալ սրբապատկերներ `մինչեւ 256 × 256 պիքսել լուծույթով:

Ինչպես տեսնում եք, ստեղծեք iCO պատկերակ Առցանց փոխարկիչ կայքի օգնությամբ այն լիովին պարզ է, եւ այն կատարվում է բառացիորեն մկնիկի մի քանի կտտոցների համար:

Այսօրվա դասում ես ձեզ կասեմ favicon սրբապատկերներ (Ֆարոն): ես քեզ ցույց կտամ Ինչպես կատարել Favicon.ico կայքի համար (կամ բլոգի համար, այստեղ առանց տարբերության) եւ ցույց տվեք, թե ինչպես կարող եք paste Favon.

Իհարկե, շատերը դեռ չգիտեն, թե ինչ եմ ասում «հրաշք»: Պարզ ասած, Favicon- ը (Favon) նկար է (պատկերակ), որը զննարկիչում է կայքի հասցեներից առաջ: Ես հստակ ցույց կտամ իմ բլոգի ֆավիկոնը.

Այս պատկերակը ձեր բլոգի մի տեսակ պատկերանշան է: Հետեւաբար, Favikon- ի ստեղծմանը անհրաժեշտ է վերաբերվել ամբողջ պատասխանատվությամբ: Հիշեք, որ նա կարող է կարեւորել ձեր բլոգը, ի թիվս այլոց:

Դասի պլան:

1. Զրոյից ֆավիկոն ստեղծելը:
2. Favonki- ի ստեղծումն է: Պատրաստի պատկեր.
3. Ծառայություններ S. Պատրաստի սրբապատկերներ Կայքի համար:
4. Ստացված պատկերակը կայք կցելով:

Ինչպես ստեղծել Favicon (Favon) զրոյից

Կա մեկ շատ հարմար ծառայություն: Այն ունի Favicon.cc հասցե: Favonok- ի կառուցման այս ծառայությունը այսպիսին է.

Դեպի Նկարել Favicon Բավական է ընտրել գույն եւ պարզապես նկարել: Եթե \u200b\u200bինչ-որ բան եք քաշում, ինչ-որ տեղ սխալ է, պատկերի հատվածը հեռացնելու համար ընտրեք թափանցիկ գործիք (ստուգում) պիքսելների վրա («հրապարակներ»), որը դուք պետք է հեռացնեք.

Ես նկարեցի հետեւյալ Favonka- ն.

Ամենից շատ Favicon.cc- ում ինձ դուր եկավ այն փաստը, որ դուք կարող եք ակնթարթորեն տեսնել ձեր աշխատանքի արդյունքը բնօրինակ չափի մեջ: Դա անելու համար հարկավոր է մի փոքր իջնել Previw բաժնում.

Կամ կարող եք ճիշտ զննարկիչում (Օպերա, Firefox, Internet Explorer. եւ այլն) Դիտեք արդյունքը.

Պատրաստի պատկերից Favicon (Favon) ստեղծելը

Ենթադրենք, որ դուք չեք ցանկանում զրոյից ստեղծել պատկերակ ձեր կայքի համար, բայց ցանկանում եք այն պատրաստել պատրաստի պատկերից: Այս դեպքում ծառայությունը հարմար կլինի ձեզ համար ստեղծել Favicon.ru- ի ամրագրումը:

Ծառայություն ռուսերեն, այնպես որ դուք չպետք է խնդիրներ ունենաք: Պարզապես նշեք մի նկար, որը ցանկանում եք տեսնել ձեր կայքի սրբապատկերները («ակնարկ» կոճակը), ապա կտտացրեք " Ստեղծեք Favicon.ico:«Եվ հետո արդեն» Ներբեռնեք Favicon.ico- ն”.

Favon - տերմինը բառացիորեն թարգմանվում է որպես «սիրված պատկերակ» - համարվում է ժամանակակից վեբ ձեւավորման ամենաբարդ տարրերից մեկը: Սա փոքր պատկեր է, որը գտնվում է զննարկչի ներդիրում, in Տեղական գիծ Եւ այլ վայրեր եւ կարեւոր դեր է խաղում տեղանքի անհատականացման մեջ:

Ոչ ստանդարտ ձեւաչափի եւ փոքր չափի շնորհիվ Favon- ի ստեղծումը կարող է կապված լինել դժվարությունների հետ, ինչպես տեխնիկական, այնպես էլ դիզայներական տեսակետով:
Ոչ պակաս Դժվար առաջադրանք Այն տրամադրում է Phavicon համատեղելիություն տարբեր զննարկիչների հետ:

Այս հոդվածում դուք կսովորեք, թե ինչպես պատրաստել ֆավոն. Մենք խորհուրդներ կտանք դիզայնի վերաբերյալ եւ պատմելու են ծառայությունների մասին, եւ ինչպես ավելացնել ֆավոնային կայքը:

Ինչ է Favon- ը եւ ինչու է նա պետք

Չնայած այն հանգամանքին, որ Favon- ը շատ փոքր գրաֆիկական առարկա է, այն չափազանց կարեւոր է կայքի ձեւավորման եւ ընդհանուր առմամբ:

Կտտացրեք նկարը մեծացնելու համար:

Նախ, Favon- ը ձեր կայքը դարձնում է ավելի անհատականացված եւ խոնավեցված մեկ ոճով `այլ գրաֆիկական տարրերով, ինչպիսիք են պատկերանշանը:

Երկրորդ Favono- ն ընդգծում է ձեր կայքը, ի թիվս այլ վեբ ռեսուրսների շարքում Որոնման արդյունքները, Կայքը առանց այս մինի պատկերակի կթողնի մրցակիցներին նայել եւ կորցնել: Մի խոսքով, Favon- ը պարզապես «պետք է ունենա» կայքերի համար:

Երրորդ Favon- ը օգտագործողին հնարավորություն է տալիս գտնել ձեր կայքը էջանիշների կատալոգում կամ աշխատասեղանի այլ սրբապատկերներում:

Favicon դիզայնի ստեղծում

Favon- ը պետք է արտացոլի էմոցիոնի չափի փոքր նշանի էությունն ու ապրանքանիշը: Լավ որոշում Դա կլինի ընկերության պատկերանշանի պարզեցված տարբերակ, բայց նշում. Տեքստով եւ ապրանքային նշաններով լիարժեք պատկերանշանը հարմար չէ այդ նպատակով:

Այս կայքերը օգտագործում են իրենց ապրանքանիշի գրաֆիկական նշանը (կամ գոնե դրա նման մի բան):

Մի օգտագործեք տեքստ

Այն պետք է լքվի տեքստի օգտագործումից, քանի որ մակագրության փոքր չափի պատճառով Favon- ը անընթեռնելի կլինի: Տեղադրել պատկերակի 1-ին, առավելագույնը 2 տառ, օրինակ, ձեր ընկերության կամ վեբ ռեսուրսի անունով առաջինը. Այս դեպքում դրանք դեռ կարող են առանձնանալ:

Pixelization Favicon

Favonons- ը այնքան փոքր է, որ դրանցում յուրաքանչյուր պիքսել կարեւոր է: Հաճախ, լիարժեք պատկերանշանի անկմամբ, պատկերը ձեռք է բերվում անորոշ:

Սա Facebook- ի ամբողջական չափսի պատկերանշանն է, երբ այն նվազում է 32 × 32-ի: Հեշտ է տեսնել, որ եզրերը «լողում է» պատկերը: Խուսափելու նման թերությունից, պիքսելային մակարդակի վրա խմբագրելը:
Սրբապատկերների հետ աշխատելիս նախընտրում եմ օգտագործել խմբագրման ծրագրակազմը raster պատկերներ (Օրինակ, Photoshop կամ Pixelmator): Սկզբում ես իջեցնում եմ լրիվ չափի պատկերանշանը 64 × 64 պիքսելում, քանի որ այն ամենամեծ ֆավոնն է, որը ինձ պետք է: Աշխատանքը շատ ցավոտ է, կարող է տեւել մի ամբողջ ժամ կամ նույնիսկ երկուսը, բայց արդյունքը պարզապես գերազանց է:
Եթե \u200b\u200bնման գործողություններում ժամանակ եւ հմտություններ չունեք, ավելի լավ է օգտագործել Առցանց ծառայություններ, ինչպիսիք են Logotizer.ru:

Favicon չափը

64 × 64 չափսերով պատկերակ ստանալը ես նաեւ պատկերակ եմ ստեղծում 32 × 32, 24 × 24 եւ 16 × 16 պիքսելներով չափսերով: Նրանցից յուրաքանչյուրն ունի իր նպատակակետը.

- 64 × 64 - «List անկի կարդալ» Safari- ում եւ Windows- ում
- 24 × 24 - ֆիքսված կայքեր IE9- ում:
- 32 × 32 - էկրանների համար Բարձր լուծաչափ.
- 16 × 16 - սովորաբար օգտագործվում է զննարկիչներում, ինչպես այսինքն, Safari- ը, Chrome- ը եւ այլն:

Բայց փոքր Favonov- ի ստեղծումը չի սահմանափակվում. Հաճախ պահանջվում է Լրացուցիչ խմբագրում պիքսելային մակարդակի վրա: Անհրաժեշտության դեպքում կարող եք նաեւ ավելացնել Alpha ալիք: Եթե \u200b\u200bավելի վաղ դա առաջացրեց դժվարություններ, այժմ գրեթե բոլոր զննարկիչները աջակցում են թափանցիկության թափանցիկությանը:

Favicon ձեւաչափեր

Նախկինում աջակցվում էին միայն Windows ICO ձեւաչափի ֆայլերը, մենք կարող էինք խնայել ժամանակ `խնայելով 16 × 16 փամփուշտ, GIF ձեւաչափով եւ այն երկարաձգում տալով: Նման ընդունելությունն աշխատում էր աննկատ ազատ: Բայց հիմա այս մեթոդում կարիք չկա, քանի որ ICO ֆայլերի ստեղծման գործիքները հեշտությամբ կարելի է գտնել ինտերնետում: Ավելին, այժմ օգտագործել է Ֆաջոնովը, բայց ամենատարածված երկուսը դեռ տարածված են:

ICO.

PALM առաջնությունը պատկանում է ICO ձեւաչափին: Ի տարբերություն PNG ֆայլերի, ICO ֆայլերը կարող են ունենալ այլ բանաձեւ եւ Բիթ խորություն (Ինչ է հիանալի Windows- ի համար): Internet Explorer զննարկիչը օգտագործում է տարբեր չափերի շտկումներ (օրինակ, 32-պիքսելային սրբապատկերներ Windows 7 Taskbar), եւ, հետեւաբար Այս դեպքը ICO ձեւաչափը միակ տարբերակն է:

PNG ֆայլերը առանձնանում են մեծ հարմարությամբ, քանի որ դրանք դրանց ստեղծման համար հատուկ գործիքներ պետք չեն: Այս ձեւաչափը աջակցում է Alpha ալիքին եւ թույլ է տալիս ստեղծել ամենափոքր չափերի ֆայլերը: Թերեւս միակ թերությունը pNG ձեւաչափ կայանում է նրանում, որ այն չի ապահովվում Ինտերնետ զննարկիչ Explorer.

Կան այլ տարբերակներ.

- GIF եւ անիմացիոն GIF ձեւաչափեր չունեն որեւէ առավելություն, բացի համատեղելիության հետ համատեղելիորեն:
– JPG ձեւաչափ Այն խորհուրդ չի տրվում օգտագործել, նույնիսկ եթե պատկերը ներկայացվում է որպես լուսանկար: Այս ձեւաչափը չունի PNG- ի հստակությունը, եւ միակ առավելությունն ավելին է Հարթ անցում Գույների միջեւ `նրբերանգը, որը լիովին խանգարում է շատ փոքր պատկերով:
- SVG- ն կարող է լինել հիանալի տարբերակ, եթե Ավելի շատ զննարկիչներ Աջակցեց այս ձեւաչափի ֆավոնային: Առայժմ կա համատեղելիություն միայն օպերայի հետ:
- Կա նաեւ այսպես կոչված «կոնֆորմատ» PNG - Apng (անիմացիոն PNG), որն ապահովված է Firefox- ում եւ Opera- ում: Այնուամենայնիվ, դրա օգտագործման նպատակահարմարությունը մնում է տվյալ: Անիմացիոն ֆարոնը կարող է շեղել ուշադրությունը եւ նույնիսկ նյարդայնացնել օգտագործողին:

Ստեղծեք Favon առցանց - գործիքներ եւ առցանց ծառայություններ

Մենք ընտրեցինք առավելագույնը Օգտակար ծառայություններԵնթադրենք, որ ստեղծել Favon առցանց:

Լոգոտիչ:

Logotizer- ը ձեր կայքի համար ֆարոն եւ պատկերանշան ստեղծելու նոր, պարզ եւ հարմարավետ ծառայություններ է:
Այս առցանց կոնստրուկտորով դուք կարող եք զրոյից շտկող ստեղծել: Ծառայությունը կենտրոնացած է նորեկների վրա, այնպես որ զարգանալ Լավ դիզայն Չի աշխատի:

Ինչպես ստեղծել ֆավաթ Առցանց գեներատոր Լոգոտիչ:

Հիմնական աշխատանքային տարածքը գտնվում է ձախ կողմում: Դուք կարող եք տեսնել այն իրավունքը, տեսնելու, որ Favon- ը կանդրադառնա տարբեր լրատվամիջոցներ `զննարկիչ ներդիր, համակարգչային գործիքի կամ սմարթֆոնի էկրան: Շատ հարմարավետ եւ հստակ:

Սկզբնապես, դուք պետք է ընտրեք ձեւի համար ձեւ: Դրանցից շատերը կան, ավելի քան 50: Մենք խորհուրդ ենք տալիս ընտրել պարզ եւ բարդ ձեւեր `Favin- ը հեշտությամբ հասկանալու եւ անգիր կատարելու համար:

Այս փուլում դուք նաեւ սահմանում եք ձեւի գույնը, որն անցնում է որպես ֆավոնկի ֆոն եւ ընտրեք շրջանակ: Տեսեք, թե ինչ գույն է գերակշռում ձեր պատկերանշանը (առկայության դեպքում), որ գույներն են ձեր կայքում հիմնականը: Այս գամմայի մեջ է, որ խորհուրդ ենք տալիս ստեղծել Favicon դիզայն:

«Ձեւը» բլոկի ներքեւում թվերի (կերպարների) հավաքածու է: Նրանք այնքան էլ շատ չեն, ցավալի է, որ չկարողանաք բեռնել ձեր ընտրանքները. Բայց ընտրությունը դեռ բավականին հետաքրքիր է:

Փոխեք գույնը, չափը, թվերի գտնվելու վայրը: Մի խոսքով, փորձի, լավ, ծառայությունը թույլ է տալիս անել:

Գործիչն ընտրելուց հետո կարող եք ավելացնել ձեր տեքստը: Ինչպես գրել եմ ավելի վաղ, ավելի լավ է օգտագործել 1 կամ 2 տառ, ոչ ավելին:

Տառատեսակների լայն ընտրություն կա: Սա միանշանակ գումարած է: Ինչպես թվերի դեպքում, կարող եք փոխել տեքստի գույնը, չափը, դասավորությունը:

Եթե \u200b\u200bորոշեք, որ ֆավիկոնի մի տեսակ շերտը ժամանակավորապես խանգարում է կամ ընդհանրապես, կարող եք պարզապես թաքցնել:

Ֆոունոն ստեղծելուց հետո ծառայությունը կառաջարկի փրկել այն: Գրանցեք հաշիվ (2017-ին `առանց որեւէ ձեւի ոչ մի դեպքում), ապա կարող եք ֆայլեր ներբեռնել փոքր վճարմամբ` 199 ռուբլի:

Կայքում դեռ փոքր հրահանգ կա, թե ինչպես կարելի է ավելացնել ֆավոնային կայք, ուստի կայքի համար Favicon- ի հավելումով դուք չպետք է խնդիրներ ունենաք: Այս հոդվածում ստորեւ ներկայացված են նաեւ նման առաջարկություններ:

Վճարումից հետո օգտագործողը ստանում է տարբեր չափսերի 10 շտկումներ միանգամից մինչեւ ժամադրության բոլոր անհրաժեշտ սարքերի տակ (Apple Touch Icon, Microsoft- ի կիրառման սրբապատկերներ եւ այլք):

Favicon.ico ֆայլն ինքնին բազմաչափ է եւ պարունակում է 4 չափսի սրբապատկերներ 1 ֆայլով (16px, 24px, 32px, 64px): Ըստ այդմ, եթե կայք եք ավելացնում զննարկիչը նշելու կամ պատմություն բացելու համար, կարող եք դիտել տարբեր չափերի սրբապատկերներ, բայց դրանք կցուցադրվեն հստակ եւ առանց բութ:

Ընդհանրապես, ծառայությունը լավ է: Պարզ, հարմարավետ, ոչ մի ավելորդ:

Realfavicongenerator.net.

- Սա ավելի պարզ Favon- գեներատոր է, որը թույլ է տալիս ստեղծել Favonons ցանկացած պլատֆորմների համար: Ավելին, ռեսուրսը կարող է փորձարկվել Favon- ի կողմից: Մուտքագրեք ձեր կայքի URL- ն եւ կտեսնեք, թե ինչպես է ձեր ֆավոնը նմանվում յուրաքանչյուր զննարկիչում եւ յուրաքանչյուրում օպերացիոն համակարգ, Իրական Favicon Generator- ը ձեզ հուշում է նաեւ, թե ինչպես շտկել թերությունները եւ ավելի լավ դարձնել ձեր phavicon- ը:

Favicon.by.

Favicon.by.- Մեկ այլ անվճար եւ հեշտ օգտագործման համար Favon գեներատոր, որը փոխարկում է pNG ֆայլեր, JPG եւ GIF ձեւաչափով: Տեղադրեք պատկերը ձեր համակարգչից, ընտրեք չափը (16x16px կամ 32x32px) եւ կտտացրեք «Ստեղծել» կոճակը: Ստացված ֆավոնը ձեր կայքում պահելու համար հետեւեք հրահանգներին:

Բացի այդ, ծառայությունը հնարավորություն է տալիս պատկերանշել պիքսելների վրա, բայց, անկեղծ ասած, բոլորի համար չէ: Օրինակ, ես չէի կարող: Ահա ես շատ կարեւոր եմ :)

Ինչպես ավելացնել ֆավոնը կայքին

Դուք կարող եք տեղակայել ֆարոն ավելացնել, մի քանի խմբագրումներ HTML- ում `կայքի էջի կոդով:

Քայլ 1. Ներբեռնեք «Favicon.ico» ֆայլը ձեր հյուրընկալող սերվերին:

Դա անելու համար այս հղումով գնացեք ձեր FTP սերվեր.
FTP: // [Email պաշտպանված]
Մուտքագրեք ձեր օգտվողի անունը եւ գաղտնաբառը: Դրանք կարելի է ձեռք բերել ձեր հյուրընկալող ընկերության ադմինիստրատորի վահանակում:
Բեռնեք ֆայլերը ֆավոկներով արմատային գրացուցակում: Արմատային գրացուցակը սովորաբար կոչվում է «public_html» կամ «www»:

Քայլ 2. Առավելություն ավելացնել HTML- ին:

FTP սերվերի պատուհանի պահումը բացեք, ներբեռնեք «Index.html» ֆայլը կամ «Header.Php» ֆայլը:
Ապա դուք պետք է վերբեռնեք ծածկագիրը: Ներբեռնվող կոդը կախված է ձեր կայքից:
Եթե \u200b\u200bձեր կայքը HTML է, գտեք գլխի տարածքը Index.html ֆայլի մեջ եւ տեղադրեք հետեւյալ ծածկագիրը.

Եթե \u200b\u200bձեր կայքը WordPress- ում է, գլխաշորը գտեք գլխի տարածքը եւ տեղադրեք հետեւյալ ծածկագիրը.

/Favicon.ico "/\u003e

Այս կոդերով զննարկիչները կկարողանան գտնել ձեր FAVO- ն:
Այսպիսով, դուք տեղադրել եք ձեր ֆավոնը:

Ինչպես ավելացնել ֆավոնը WordPress- ին եւ այլ հարթակներին

Եթե \u200b\u200bձեր ռեսուրսը հիմնված է WordPress- ի կամ այլ CMS- ի վրա, ապա Favon- ը տեղում ավելացրեք շատ պարզ: Ընդհանուր առմամբ, տարբեր պլատֆորմների համար Favicon հավելելու ալգորիթմը նույնը կլինի:
1. Դուք պետք է գնաք կայքի վահանակ:
2. Գտեք «Դիզայն» բաժինը կամ «տեսքը»:

3. Գնացեք «Թեմաների կարգավորումներ» բաժնում եւ այնտեղ գտեք «Favon»:

4. Ներբեռնեք Favon- ը ձեր համակարգչից:

5. Պահպանեք եւ թարմացրեք էջը:

Ինչպես ստեղծել ավելի բարդ ֆավոնա

Այս հոդվածում քննարկվում են Favonov- ի ստեղծման պարզ եւ արագ եղանակներ, որոնք համատեղելի են գործնական ցանկացած զննարկիչների եւ օպերացիոն համակարգերի հետ: Բայց երբ խոսքը վերաբերում է վեբ ձեւավորման եւ զարգացմանը, կատարելության սահմանափակում չկա: Եթե \u200b\u200bցանկանում եք սովորել, թե ինչպես կատարել ավելի բարդ ֆավոն, iOS հիմնական էկրանների համար սրբապատկերներ, մետրոնային միջերեսի պատկերակներ Windows- ում, Google TV- ի եւ շատ ավելին, ես խորհուրդ եմ տալիս, որ դուք ինքներդ ձեզ ծանոթանաք այս նյութերին. favicon Խաբեստի թերթիկ, Թեմայի վերաբերյալ ամբողջական տեղեկատվություն կա եւ տրվում են լավ աղբյուրներ: Սա հիանալի տարբերակ է այդ դիզայներների եւ մշակողների համար (ներառյալ ինձ), որոնք անընդհատ ձգտում են ընդլայնել իրենց գիտելիքները:

Օգտագործելով Favico.js, դուք կարող եք թվերով ստեղծել դինամիկ ֆիքսոն:

Ձեզ նույնպես կարող է անհրաժեշտ լինել դինամիկ ֆավոն, որն ունի փոփոխվող թվանշանային պատկերակ: Նման ֆավոնով ստեղծելու համար խորհուրդ եմ տալիս օգտագործել ծառայությունը favico.js.Առկա է github- ում: Թեեւ դինամիկ շտկումները համատեղելի են բոլոր զննարկիչների հետ: Բայց այդ զննարկիչների համար, որոնք աջակցում են նրանց, այս սրբապատկերները կարող են լինել հետաքրքիր եւ օգտակար լրացում:

Եթե \u200b\u200bցանկանում եք այս հոդվածը մեկ այլ խորհուրդով լրացնել կամ հարց տալ, թողեք մեկնաբանությունները ներքեւում:

Ինչպես ստեղծել ֆավաթ վեբ կայքի համար - խորհուրդներ եւ ծառայություններ Թարմացվել է, 2018 թվականի փետրվարի 7-ի կողմից, հեղինակի կողմից. Կառավարիչ: