Gratis Bildeskalerer

Hvordan det fungerer

Skaleringen skjer helt i nettleseren med Canvas API — den samme gjengivelsesmotoren som er bygget inn i Chrome, Firefox og Safari. Bildet tegnes på et lerret utenfor skjermen i de nye målene og kodes på nytt lokalt; ingenting forlater enheten.

1. 1
   Bildet dekodes av nettleseren

   Når du slipper eller velger en fil, dekoder nettleseren bildet (JPEG, PNG, WebP, AVIF eller GIF) til rå pikseldata via et HTMLImageElement. De opprinnelige pikselmålene leses og brukes til å fylle ut bredde- og høydefeltene.
2. 2
   Canvas tegner på nytt i ny størrelse

   Når du klikker på Endre størrelse, settes et HTMLCanvasElement utenfor skjermen til valgt bredde og høyde, og ctx.drawImage() kalles for å skalere og tegne hver piksel i de nye målene. For JPEG fylles først en hvit bakgrunn, så gjennomsiktige områder ikke blir svarte.
3. 3
   canvas.toBlob() koder resultatet

   Nettleserens innebygde canvas.toBlob()-metode koder pikseldataene til JPEG, PNG eller WebP med kvalitetsnivået du har valgt. Har du angitt en målstørrelse for filen, justerer et binærsøk med 7 iterasjoner kvalitetsparameteren automatisk til resultatet er på eller under den størrelsen.
4. 4
   Resultatet forhåndsvises og lastes ned lokalt

   Den kodede bloben gjøres om til en objekt-URL for forhåndsvisningspanelet — ingen tur til serveren. Nedlasting utløser en lokal lagring med et filnavn som inneholder de endelige pikselmålene.

Relaterte verktøy