Favicon գեներատոր անվճար
Ցանկացած պատկերից ստեղծեք favicon-ի ամբողջական փաթեթ. բազմաչափ favicon.ico, Apple touch icon, Android/PWA icons, web manifest ու copy-paste-ի պատրաստ HTML հատված — ամեն ինչ ZIP-ում, ձեր բրաուզերում:
Գցեք ֆայլն այստեղ կամ սեղմեք՝ ընտրելու համար
PNG, JPG, WebP, SVG, HEIC, HEIF · մշակվում է ձեր սարքում
կամ սեղմեք Ctrl+V՝ սեղմատախտակից տեղադրելու համար
Ձեր ֆայլերը երբեք չեն հեռանում ձեր սարքից: Բոլոր մշակումները տեղի են ունենում տեղական ձեր դիտարկիչում:
💡 Լավագույն արդյունքի համար բեռնեք առնվազն 512×512 քառակուսի պատկեր: Լավագույնը թափանցիկ PNG կամ SVG:
Տարածված կիրառություններ
- Ստեղծեք Favicon Կայքի համարՍտեղծեք ամբողջական favicon հավաքածու, որ ակնկալում են բոլոր դիտարկիչներն ու սարքերը:
- Ստեղծեք PWA և Manifest պատկերներՍտացեք 192px և 512px պատկերներ և վեբ-մանիֆեստ որ պահանջում է PWA-ն:
- Ստեղծեք Apple Touch պատկերՍտեղծեք 180×180 պատկերը, որ օգտագործում է iOS թե վեբ-կայքը հիմնական էկրանում պահվում է:
- Փոխակերպեք Լոգոն Favicon-իՓոխակերպեք ձեր ապրանքային նշանի լոգոն մաքուր և հեշտ ճանաչելի favicon-ի:
- Ստեղծեք Favicons Ցանկացած Շրջանակի համարՍտացեք favicon ֆայլեր React, Next.js, WordPress և այլ համար:
Ինչպես է այն աշխատում
Այս գործիքը ցանկացած PNG, JPEG, WebP կամ SVG փոխարկում է ամբողջական favicon փաթեթի — բազմաչափ .ico, Apple touch icon, Android/PWA պատկերակներ, վեբ մանիֆեստ և պատրաստ-փակցնելու HTML հատված — ամբողջովին ձեր դիտարկիչում՝ օգտագործելով Canvas API-ն և JSZip-ը։ Ոչինչ չի վերբեռնվում. ամբողջ մատուցումն ու ֆայլերի հավաքումը տեղի են ունենում տեղում։
- 1Canvas-ը վերամասշտաբավորում է ձեր պատկերըԴիտարկիչը ձեր սկզբնական պատկերը գծում է էկրանից-դուրս HTML Canvas տարրերի վրա յուրաքանչյուր պահանջվող չափով (16, 32, 48, 180, 192 և 512 պիքսել)։ SVG-ները առանց հստակ լայնության/բարձրության հատկանիշների նախ նորմալացվում են DOMParser-ով և XMLSerializer-ով, որպեսզի Firefox-ը և Chrome-ը արտադրեն նույնական պիքսելային ելք, ոչ թե դատարկ կտավ։
- 2Ձեռագիր ICO կոդավորիչը փաթեթավորում է .ico ֆայլըՓոքր ICO մուտքերը (16, 32, 48 պիքսել) կոդավորվում են որպես հում 32-բիթանոց BGRA DIB բիթմեփեր — BITMAPINFOHEADER-ը գումարած ներքևից-վերև XOR տողեր և 1բպ AND դիմակ — քանի որ Windows shell բաղադրիչները այդ չափերում պահանջում են չսեղմված DIB ձևաչափ։ Գործիքը գրում է ICO գրացուցակի վերնագիրը և միացնում է մուտքերը ամբողջովին DataView-ով և Uint8Array-ով, առանց արտաքին ICO գրադարանի ներգրավման։
- 3PNG ելքերն ստեղծվում են canvas.toBlob-ի միջոցովՅուրաքանչյուր PNG տարբերակ (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) գրավվում է canvas.toBlob-ը 'image/png'-ով կանչելով, պատվիրակելով կորուստից-զերծ կոդավորումը դիտարկիչի ներկառուցված պատկերային շարժիչին։ Ընտրովի լցվածքը, ֆոնի գույնը և ձևի կտրումը (քառակուսի, կլորացված կամ շրջանաձև) կիրառվում են canvas համատեքստի վրա մինչև գրավումը։
- 4JSZip-ը ամեն ինչ փաթեթավորում է մեկ ներբեռնման մեջJSZip-ը հավաքում է բոլոր ստեղծված ֆայլերը — favicon.ico, հինգ PNG-ները, site.webmanifest-ը ձեր հավելվածի անունով, և favicon-snippet.html-ը ճիշտ <link> պիտակներով — մեկ .zip blob-ի մեջ, որն ինքնաբերաբար ներբեռնվում է ձեր սարքում։
Ձեր պատկերը ուղղակիորեն բեռնվում է դիտարկիչի Canvas API-ի մեջ և երբեք չի հեռանում ձեր սարքից — ֆայլի տվյալներ ոչ մի պահի չեն փոխանցվում որևէ սերվերի։
Առնչվող գործիքներ
PNG-ից ICO favicon փոխակերպիչ
Փոխակերպեք PNG, JPG, WebP կամ SVG պատկերները բազմաչափ .ico favicon ֆայլերի: Ընտրեք ուզած չափերն (16, 32, 48, 64, 128, 256) ու ներբեռնեք մեկ .ico:
Անիմացիոն GIF ստեղծող
Համատեղեք բազմաթիվ պատկեր անիմացիոն GIF-ի մեջ: Կարգավորվող կադրի ուշացում, ելքի լայնություն, loop-ում ու որակ: Ամբողջությամբ կոդավորված ձեր բրաուզերում:
Ստորագրության Ստեղծիչ
Նկարեք ստորագրություն ձեր մկնիկով, մատով կամ գրիչով, կամ մուտքագրեք ձեր անունը ձեռագիր տառատեսակով, ապա արտահանեք որպես թափանցիկ PNG կամ SVG։