PNG-ից ICO favicon փոխակերպիչ անվճար

Ինչպես է այն աշխատում

Փոխարկումն ամբողջովին աշխատում է ձեր դիտարկիչում՝ այս գործիքում ուղղակիորեն գրված երկու մեխանիզմով. Canvas API-ն՝ ամեն պատկերակի կադրը մասշտաբավորելու և մատուցելու համար, և ձեռագիր ICO երկուական կոդավորիչ, որը այդ կադրերը փաթեթավորում է մեկ .ico ֆայլի մեջ — ոչ մի գրադարան չի ներբեռնվում, և ֆայլը երբեք չի հեռանում ձեր սարքից։

1. 1
   Պատկերը վերծանվում է canvas-ի մեջ

   Ձեր վերբեռնված PNG-ն, JPEG-ը, WebP-ն կամ SVG-ն բեռնվում է HTMLImageElement-ի մեջ և գծվում է էկրանից-դուրս canvas-ի վրա յուրաքանչյուր հայցված չափով (16×16-ից 256×256)։ Canvas-ն օգտագործում է բարձրորակ երկխորանարդ հարթեցում և հարգում է ձեր տեղավորման ընտրությունը. «contain»-ը պատկերը շրջանակում է թափանցիկ կամ գունավոր լցվածքով, մինչդեռ «cover»-ը աղբյուրից կտրում է կենտրոնացված քառակուսի։
2. 2
   Ամեն կադր արտահանված որպես PNG բայթեր

   Դիտարկիչի ներկառուցված canvas.toBlob('image/png')-ը ամեն մասշտաբավորված կադր կոդավորում է կորուստից զերծ PNG-ի։ Այս հում բայթերն են, որ ներդրվում են .ico կոնտեյների ներսում — ժամանակակից դիտարկիչները և Windows-ը PNG-ը ICO-ի ներսում մշակում են բնիկորեն, ինչը ֆայլերի չափերը ավելի փոքր է պահում, քան հին BMP-հիմքով ձևաչափը։
3. 3
   ICO երկուականը հավաքված է հիշողության մեջ

   Ձեռագիր կոդավորիչը զրոյից կառուցում է .ico ֆայլի կառուցվածքը DataView-ով. 6-բայթանոց ICONDIR վերնագիրը հայտարարում է պատկերների քանակը, հետևված ամեն չափի համար 16-բայթանոց գրացուցակի մուտքով (գրանցելով լայնությունը, բարձրությունը, բիթ-խորությունը, բայթային երկարությունը և տվյալների շեղումը), ապա բոլոր PNG բեռնվածքները միացված հաջորդականությամբ։ Ոչ մի երրորդ կողմի գրադարան ներգրավված չէ։
4. 4
   Նախադիտումը ցուցադրված, ֆայլը ներբեռնված

   Մինչև ներբեռնումն առաջարկելը, UI-ն մատուցում է ամեն փաթեթավորված չափի պիքսել-ճշգրիտ նախադիտում շախմատային ֆոնի վրա, որպեսզի կարողանաք ստուգել թափանցիկությունը մինչև պահելը։ Հավաքված Blob-ը հանձնվում է դիտարկիչի ներբեռնման մեխանիզմին որպես «favicon.ico»։

Առնչվող գործիքներ