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

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

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

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

   Յուրաքանչյուր ֆայլ բեռնվում է HTMLImageElement-ի մեջ տեղական object URL-ի միջոցով։ Վերծանվելուց հետո պիքսելային տվյալները գծվում են էկրանից-դուրս canvas-ի վրա՝ չափված ելքային չափերով — պահպանելով կողմերի հարաբերակցությունը, եթե առավելագույն-լայնություն է սահմանված։
2. 2
   JPEG թափանցիկությունը մշակվում է մինչև կոդավորումը

   JPEG-ի փոխարկելիս (որը չունի ալֆա ալիք), կտավը նախ լցվում է սպիտակ ֆոնով՝ մինչև պատկերի գծելը, կանխելով, որ թափանցիկ տարածքները սև ելքային ֆայլում մատուցվեն։
3. 3
   canvas.toBlob()-ը կրկին կոդավորում է պիքսելները

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

   Կոդավորված blob-ը փաթաթվում է տեղային object URL-ի մեջ ակնթարթային նախադիտման և ներբեռնման համար։ Բազմաթիվ ֆայլերի համար JSZip-ը դրանք դիտարկիչում հավաքում է ZIP-ի մեջ մինչև ներբեռնումը գործարկվելը։

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