Ֆավիկոնի Գեներատոր
Վերածեք մեկ PNG, JPG կամ SVG պատկեր favicon.ico-ի և ձեր կայքին անհրաժեշտ բոլոր չափսերի պատկերակների՝ հավաքված մեկ ZIP ֆայլում:
Ամբողջ պատկերը մնում է տեսանելի, կենտրոնացված՝ շուրջը լրացուցիչ տարածությամբ:
Թափանցիկը հարմար է բրաուզերի տաբերի համար. iPhone-ի հիմնական էկրանի պատկերակների համար ֆոնի գույնն ավելի անվտանգ է:
Ձեր ֆավիկոնը (favicon) և պատկերակների փաթեթը կհայտնվեն այստեղ:
Տեղադրեք ֆայլերը ձեր կայքի արմատային թղթապանակում, ապա ավելացրեք այս տողերը յուրաքանչյուր էջում:
Ձեր պատկերը վերածվում է պատկերակների անմիջապես ձեր բրաուզերում: Ոչինչ չի վերբեռնվում BroBroGo:
ՀՏՀ
Ո՞ր ֆայլերն են ներառված պատկերակների փաթեթում:
favicon.ico՝ ներսում 16, 32 և 48 պիքսելանոց տարբերակներով, PNG պատկերակներ՝ 16, 32, 180, 192 և 512 պիքսել չափերով, և site.webmanifest ֆայլ, որը թվարկում է մեծ պատկերակները: Եթե սկսեք SVG-ից, ապա վեկտորն ինքնին նույնպես կներառվի: Մեկ ZIP ֆայլը պարունակում է այդ ամենը:
Ի՞նչ չափի պետք է լինի իմ սկզբնական պատկերը:
SVG-ն իդեալական է. յուրաքանչյուր պատկերակ գծվում է վեկտորից, ուստի նույնիսկ 16 պիքսելը մնում է հստակ: PNG-ի կամ JPG-ի դեպքում սկսեք առնվազն 512 × 512 չափսից. ավելի փոքր պատկերները մեծացվում են և կարող են անորակ տեսք ունենալ:
Արդյո՞ք ֆոնը պետք է լինի թափանցիկ, թե՞ գունավոր:
Տաբերի պատկերակները հիանալի տեսք ունեն թափանցիկ ֆոնով: Սակայն iPhone-ի և iPad-ի հիմնական էկրանները թափանցիկ հատվածները ներկում են սև գույնով. եթե օգտատերերը կարող են ավելացնել ձեր կայքը իրենց հիմնական էկրանին, ընտրեք ֆոնի գույն:
Ի՞նչ է պատահում այն պատկերի հետ, որը քառակուսի չէ:
Պատկերակները քառակուսի են, բայց ձեր պատկերը երբեք չի ձգվում: Լռելյայն այն կենտրոնացվում է շուրջը լրացուցիչ տարածությամբ (padding). անցեք «Լրացնել (կտրել)» տարբերակին՝ երկար եզրերը կտրելու համար:
Որտե՞ղ պետք է տեղադրվեն ֆայլերը իմ կայքում:
Վերբեռնեք դրանք ձեր կայքի արմատային (root) թղթապանակ, որպեսզի favicon.ico-ն հասանելի լինի որպես /favicon.ico, ապա տեղադրեք գեներացված տողերը ձեր էջերի <head> բաժնում: Բրաուզերներն իրենք կընտրեն ճիշտ չափը: