Gratis Afbeeldingsrotator en -spiegel

Hoe het werkt

Draaien, spiegelen en hoekcorrectie draaien hier volledig in je browser met de HTML Canvas API — er wordt nooit een bestand naar een server gestuurd. De tool tekent je afbeelding op een onzichtbaar canvas met de gekozen draai- en schaaltransformaties en codeert het resultaat naar JPEG, PNG of WebP met de eigen codec van de browser.

1. 1
   De afbeelding wordt lokaal gedecodeerd

   Je JPEG-, PNG- of WebP-bestand wordt via een lokale object-URL in een HTMLImageElement geladen — een verwijzing naar het browsergeheugen die je apparaat nooit verlaat. De natuurlijke pixelafmetingen worden direct uit de gedecodeerde bitmap gelezen.
2. 2
   De canvastransformatie wordt toegepast

   Een onzichtbaar canvas krijgt het formaat van het gedraaide omsluitende kader (breedte·cos + hoogte·sin per as). De Canvas 2D-context wordt dan naar het midden verplaatst, over de gekozen hoek in radialen gedraaid en voor spiegelen met -1 geschaald op de horizontale of verticale as — allemaal standaardbewerkingen met ctx.rotate / ctx.scale zonder externe bibliotheek.
3. 3
   Automatisch bijsnijden verwijdert de hoeken (optioneel)

   Bij draaiingen die geen rechte hoek zijn, berekent een zelfgeschreven geometriefunctie — largestInnerRect — de grootste asuitgelijnde rechthoek met de oorspronkelijke beeldverhouding die in het gedraaide kader past, zodat de lege driehoekige hoeken worden weggehaald zonder de afbeelding te vervormen.
4. 4
   De browsercodec codeert het resultaat

   canvas.toBlob() geeft de pixelgegevens aan de ingebouwde beeldencoder van de browser, die een JPEG-Blob (met instelbare kwaliteit en achtergrondkleur voor transparante hoeken), PNG-Blob of WebP-Blob maakt die je direct downloadt.

Gerelateerde tools