Ինչ է անում Ֆավիկոնի Գեներատորը
«Ֆավիկոնի Գեներատոր» գործիքը նախատեսված է վեբ կայքերի ստեղծողների համար, ովքեր ցանկանում են իրենց ունեցած պատկերանշանը կամ պատկերը վերածել բրաուզերի տաբերի, Apple touch-ի և Android-ի համար անհրաժեշտ պատկերակների: Այն թույլ է տալիս մեկ PNG, JPG կամ SVG ֆայլից ստեղծել favicon.ico և ամբողջական կայքի պատկերակների փաթեթ:
Գործիքը վերցնում է ձեր տրամադրած մեկ պատկերային ֆայլը և այն վերածում տարբեր նպատակների համար պիտանի պատկերակների հավաքածուի, ինչպիսիք են բրաուզերի տաբի պատկերակները, Apple touch պատկերակները և Progressive Web Apps (PWA) հավելվածների պատկերակները: Այնուհետև այն փաթեթավորում է այս բոլոր պատկերակները մեկ ներբեռնելի ZIP ֆայլում և տրամադրում է անհրաժեշտ HTML կոդի հատվածը՝ դրանք ձեր վեբ կայքում հեշտությամբ ինտեգրելու համար:
Սկզբնական պատկերի պահանջները և մշակումը
Որպեսզի գեներատորն աշխատի անխափան, անհրաժեշտ է հետևել ֆայլերի ներկայացման մի քանի կանոնների.
- Աջակցվող ձևաչափեր. Գործիքն ընդունում է միայն PNG, JPG կամ SVG պատկերներ:
- Ֆայլի չափի սահմանափակում. Բեռնվող ֆայլի առավելագույն չափը կարող է լինել մինչև 50 ՄԲ:
- Պատկերի չափսերը. PNG կամ JPG ֆայլերի դեպքում խորհուրդ է տրվում օգտագործել առնվազն 512 × 512 պիքսել չափս: Եթե օգտագործվում է ավելի փոքր պատկեր, ապա մեծ պատկերակները կարող են անորակ և խամրած տեսք ունենալ, քանի որ դրանք մեծացվում են: SVG ֆայլերի դեպքում չափսի սահմանափակում չկա, քանի որ վեկտորն ինքնին ներառվում է պատկերակների փաթեթում՝ ապահովելով կատարյալ հստակություն ցանկացած չափսի դեպքում:
Գործիքը նաև ցուցադրում է բեռնված պատկերի լայնությունն ու բարձրությունը՝ «{w} × {h} px» ձևաչափով:
Ոչ քառակուսի պատկերների և ֆոնի կարգավորումները
Քանի որ վեբ կայքերի պատկերակները միշտ քառակուսի են, ոչ քառակուսի սկզբնական պատկերները մշակվում են օգտատիրոջ ընտրությամբ.
- Տեղավորել (լրացումով). Սա լռելյայն տարբերակն է: Ամբողջ պատկերը մնում է տեսանելի և կենտրոնացվում է, իսկ շուրջը ավելանում է լրացուցիչ տարածություն (padding):
- Լրացնել (կտրելով). Պատկերը լրացնում է քառակուսին, իսկ սահմաններից դուրս եկող եզրերը կտրվում են:
Ֆոնի ընտրության հարցում հասանելի են հետևյալ տարբերակները.
- Թափանցիկ. Սա լռելյայն ընտրված տարբերակն է: Թափանցիկ ֆոնը հարմար է բրաուզերի տաբերի համար:
- Գույն. Օգտատիրոջ կողմից ընտրված կոնկրետ ֆոնի գույն: Սա հատկապես կարևոր է iPhone-ի հիմնական էկրանի պատկերակների համար, քանի որ iOS-ը թափանցիկ հատվածները ներկում է սև գույնով, ուստի սեփական ֆոնի գույն սահմանելն ավելի անվտանգ է:
Ստացվող արդյունքները և ֆայլերի փաթեթը
Գեներացման գործընթացն ավարտելուց հետո դուք ստանում եք ZIP ֆայլ, որը պարունակում է հետևյալ տարրերը.
- favicon.ico՝ ներառում է 16, 32 և 48 պիքսելանոց տարբերակները:
- PNG պատկերակներ՝ 16, 32, 180, 192 և 512 պիքսել չափսերով:
- site.webmanifest՝ փոքր տեքստային ֆայլ, որը թվարկում է մեծ պատկերակները:
- Վեկտորային ֆայլ՝ եթե որպես սկզբնաղբյուր օգտագործվել է SVG պատկեր:
- HTML կոդի հատված՝ կոդ, որը պետք է պատճենել և տեղադրել ձեր վեբ էջերի
<head>բաժնում:
Գաղտնիություն և տվյալների մշակում
Այս գործիքից օգտվելիս ձեր տվյալների անվտանգությունն ամբողջությամբ պահպանվում է: Ձեր պատկերը վերածվում է պատկերակների անմիջապես ձեր բրաուզերում: Ոչ մի ֆայլ կամ պատկեր չի վերբեռնվում BroBroGo սերվերներ:
Հնարավոր սխալներ և դրանց լուծումները
Աշխատանքի ընթացքում կարող եք հանդիպել հետևյալ հաղորդագրություններին.
- «Այս ֆայլը հնարավոր չեղավ բացել որպես պատկեր: Այն կարող է վնասված լինել, դատարկ լինել կամ իրականում պատկեր չլինել:» — հայտնվում է, երբ ֆայլը վնասված է կամ չի ընթերցվում:
- «Այս SVG-ն հնարավոր չեղավ ընթերցել: Ստուգեք, որ ֆայլը վավեր SVG փաստաթուղթ է:» — ցուցադրվում է ոչ վավեր SVG կառուցվածքի դեպքում:
- «Աջակցվում են միայն PNG, JPG և SVG պատկերները:» — հայտնվում է այլ ձևաչափի ֆայլ բեռնելիս:
- «Այս ֆայլը գերազանցում է 50 ՄԲ-ը: Օգտագործեք ավելի փոքր սկզբնական պատկեր:» — հայտնվում է չափազանց մեծ ֆայլերի դեպքում:
- «Նախ ընտրեք PNG, JPG կամ SVG պատկեր:» — հիշեցում, եթե փորձում եք գեներացնել առանց ֆայլ ընտրելու:
- «Փոքր սկզբնաղբյուր (
{w}×{h}px). մեծ պատկերակները կարող են անորակ տեսք ունենալ: Լավագույն արդյունքի համար օգտագործեք 512 × 512 կամ ավելի մեծ չափս, կամ SVG:» — նախազգուշացում ցածր որակի պատկերների դեպքում: - «Գեներացումը ձախողվեց: Փորձեք մեկ այլ պատկեր:» — ընդհանուր սխալի հաղորդագրություն ձախողման դեպքում:
Հաճախ տրվող հարցեր (FAQ)
Ո՞ր ֆայլերն են ներառված պատկերակների փաթեթում:
Փաթեթը պարունակում է favicon.ico (16, 32 և 48 պիքսել չափսերով), PNG պատկերակներ (16, 32, 180, 192 և 512 պիքսել չափսերով) և site.webmanifest ֆայլը, որը թվարկում է մեծ պատկերակները: Եթե սկզբնական ֆայլը եղել է SVG, ապա վեկտորային ֆայլը նույնպես ներառվում է ZIP արխիվում:
Ի՞նչ չափի պետք է լինի իմ սկզբնական պատկերը:
SVG ձևաչափն իդեալական է, քանի որ յուրաքանչյուր պատկերակ գծվում է վեկտորից և պահպանում է հստակությունը: PNG կամ JPG օգտագործելիս խորհուրդ է տրվում սկսել առնվազն 512 × 512 պիքսել չափսից, որպեսզի մեծացված պատկերակները չունենան անորակ տեսք:
Արդյո՞ք ֆոնը պետք է լինի թափանցիկ, թե՞ գունավոր:
Բրաուզերի տաբերի համար թափանցիկ ֆոնը հիանալի տարբերակ է: Սակայն iPhone-ի և iPad-ի հիմնական էկրանների համար ավելի անվտանգ է ընտրել ֆոնի գույն, քանի որ iOS-ը թափանցիկ հատվածները ավտոմատ կերպով ներկում է սև գույնով:
Ի՞նչ է պատահում այն պատկերի հետ, որը քառակուսի չէ:
Պատկերակները միշտ քառակուսի են, սակայն ձեր պատկերը չի ձգվում: Լռելյայն այն կենտրոնացվում է շուրջը լրացուցիչ տարածությամբ (padding): Ցանկության դեպքում կարող եք ընտրել «Լրացնել (կտրելով)» տարբերակը՝ եզրերը կտրելու համար:
Որտե՞ղ պետք է տեղադրվեն ֆայլերը իմ կայքում:
Բոլոր գեներացված ֆայլերը պետք է վերբեռնվեն ձեր կայքի արմատային (root) թղթապանակ, որպեսզի favicon.ico-ն հասանելի լինի /favicon.ico հասցեով: Դրանից հետո անհրաժեշտ է պատճենել ստացված HTML տողերը և տեղադրել դրանք ձեր կայքի էջերի <head> բաժնում: