Ֆավիկոնների գեներատոր
Ստեղծեք HTML և SVG ֆավիկոնների նշագրում ձեր կայքի համար՝ օգտագործելով էմոջի, գույներ և պատկերակի հղումներ:
Գործարկել գործիքը
Ֆավիկոնների գեներատորը ստեղծում է HTML կոդ և SVG պատկերակ ձեր կայքի համար: Այն օգնում է արագ պատրաստել բրաուզերի ներդիրներում ցուցադրվող նշանը՝ օգտագործելով ընտրված էմոջին և գունային լուծումները: Դուք կարող եք նշել SVG պատկերակի ֆոնի գույնը HEX ձևաչափով, տեքստի կամ էմոջիի երանգը, ինչպես նաև տեղադրել ձեր նախընտրած էմոջի նշանը: Լռելյայն կարգավորմամբ կիրառվում են կապույտ ֆոն (#2563eb) և սպիտակ գույն (#ffffff): Եթե ունեք արտաքին պատկերակի հասցե, լրացրեք պատկերակի հղման դաշտը, և գործիքը HTML կոդում կավելացնի համապատասխան հղման տարրերը: Կայքի անվանման դաշտը թույլատրում է մուտքագրել անուն, սակայն ստացված նշագրման մեջ այն չի արտացոլվում: Գեներացումից հետո դուք ստանում եք պատրաստի SVG կոդ և HTML նշագրում, որը պարունակում է data URI ձևաչափով SVG հղում: Այս կոդը կարող եք պատճենել և տեղադրել HTML փաստաթղթի head բաժնում՝ ապահովելով կայքի տեսանելիությունը բրաուզերի էջանշաններում: Գործիքը հարմար է առցանց նախագծերի և վեբ էջերի արագ մշակման համար:
Հրահանգներ
- Մուտքագրեք ցանկալի էմոջի նշանը համապատասխան դաշտում:
- Ընտրեք ֆոնի և տեքստի HEX գույները:
- Ցանկության դեպքում լրացրեք արտաքին պատկերակի հղումը:
- Սեղմեք ստեղծման կոճակը և պատճենեք արդյունքում ստացված HTML ու SVG նշագրումները:
Օրինակներ
- Էմոջի դաշտում մուտքագրեք աստղիկի նշանը, ֆոնի գույնը սահմանեք #1e293b, իսկ տեքստի գույնը՝ #f8fafc, որպեսզի ստանաք մուգ SVG ֆավիկոն և համապատասխան HTML կոդ:
- Լրացրեք պատկերակի հղումը https://example.com/icon.png հասցեով և ստացեք HTML նշագրում, որը ներառում է ինչպես SVG data URI հղումը, այնպես էլ նշված PNG ֆայլի կապերը:
ՀՏՀ
Ինչպե՞ս է աշխատում պատկերակի հղման դաշտը:
Եթե նշում եք պատկերակի հղում, գործիքը ստեղծվող HTML կոդում ավելացնում է երկու link տարր՝ օգտագործելով տրամադրված հասցեն:
Ազդո՞ւմ է արդյոք կայքի անվանումը ստացվող պատկերակի վրա:
Ոչ, կայքի անվանման դաշտը կարելի է լրացնել, սակայն ստեղծվող HTML կամ SVG նշագրման մեջ այն չի օգտագործվում:
Ի՞նչ ձևաչափով է տրամադրվում պատրաստի ֆավիկոնը:
Գործիքը տրամադրում է SVG կոդ և HTML նշագրում, որտեղ SVG պատկերակը ներկայացված է data URI ձևաչափով: