Myndastærðarbreytir — ókeypis

Hvernig það virkar

Stærðarbreyting gerist alfarið í vafranum þínum með Canvas API — sömu teiknivélinni og er innbyggð í Chrome, Firefox og Safari. Myndin þín er teiknuð á canvas utan skjás í nýjum málum og endurkóðuð staðbundið; ekkert yfirgefur tækið þitt.

1. 1
   Mynd afkóðuð af vafranum

   Þegar þú sleppir eða velur skrá afkóðar vafrinn myndina (JPEG, PNG, WebP, AVIF eða GIF) í hrá myndpunktagögn með HTMLImageElement. Upprunalegu myndpunktamálin eru lesin og notuð til að forfylla breiddar- og hæðarreitina.
2. 2
   Canvas endurteiknar á nýju stærðinni

   Að smella á Breyta stærð stillir HTMLCanvasElement utan skjás á valda breidd og hæð, kallar svo á ctx.drawImage() til að skala og mála hvern myndpunkt í nýju málin. Fyrir JPEG-úttak er hvít bakgrunnsfylling fyrst sett á svo gagnsæ svæði verði ekki svört.
3. 3
   canvas.toBlob() kóðar úttakið

   Innbyggð canvas.toBlob() aðferð vafrans kóðar pixilgögnin í JPEG, PNG, eða WebP á gæðastiginu sem þú stillir. Ef þú tiltókst markskráarstærð stillir 7-endurtekninga tvíleit sjálfkrafa gæðabreytuna þar til úttakið passar á eða undir þeirri stærð.
4. 4
   Niðurstaða forskoðuð og sótt staðbundið

   Kóðaða Blob-inu er breytt í object URL fyrir forskoðunarspjaldið — engin netþjónsferð. Að smella á niðurhal kveikir staðbundna vistun með skráarheiti sem inniheldur lokamálin í myndpunktum.

Tengd verkfæri