Պատկերի չափափոխիչ անվճար

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

Չափափոխումը ամբողջովին տեղի է ունենում ձեր դիտարկիչում՝ օգտագործելով Canvas API-ն — նույն մատուցման շարժիչը, որ ներկառուցված է Chrome-ում, Firefox-ում և Safari-ում։ Ձեր պատկերը գծվում է էկրանից-դուրս canvas-ի վրա նոր չափերով և կրկին կոդավորվում տեղում. ոչինչ չի հեռանում ձեր սարքից։

1. 1
   Պատկերը վերծանվում է դիտարկիչի կողմից

   Երբ գցում կամ ընտրում եք ֆայլ, դիտարկիչը պատկերը (JPEG, PNG, WebP, AVIF կամ GIF) վերծանում է հում պիքսելային տվյալների HTMLImageElement-ի միջոցով։ Սկզբնական պիքսելային չափերը կարդացվում և օգտագործվում են լայնության և բարձրության դաշտերը նախապես լրացնելու համար։
2. 2
   Canvas-ը կրկին գծում է նոր չափով

   Չափափոխել սեղմելը էկրանից-դուրս HTMLCanvasElement-ը սահմանում է ձեր ընտրած լայնության և բարձրության, ապա կանչում է ctx.drawImage()՝ ամեն պիքսելը նոր չափերի մեջ մասշտաբավորելու և ներկելու համար։ JPEG ելքի համար նախ կիրառվում է սպիտակ ֆոնային լցվածք, որպեսզի թափանցիկ տարածքները չդառնան սև։
3. 3
   canvas.toBlob()-ը կոդավորում է ելքը

   Դիտարկիչի ներկառուցված canvas.toBlob() մեթոդը պիքսելային տվյալները կոդավորում է JPEG, PNG կամ WebP-ի ձեր սահմանած որակի մակարդակով։ Եթե սահմանել եք թիրախային ֆայլի չափ, 7-կրկնությամբ երկուական որոնումը ինքնաբերաբար ճշգրտում է որակի պարամետրը, մինչև ելքը տեղավորվի այդ չափին կամ դրանից ցածր։
4. 4
   Արդյունքը նախադիտվում և ներբեռնվում է տեղում

   Կոդավորված Blob-ը վերածվում է օբյեկտի URL-ի նախադիտման վահանակի համար — ոչ մի սերվերային ուղևորություն։ Ներբեռնումը սեղմելը գործարկում է տեղական պահում ֆայլանունով, որն ընդգրկում է վերջնական պիքսելային չափերը։

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