Gratis Billedrotator og -vending

Sådan fungerer det

Rotation, vending og vinkelkorrektion kører her udelukkende i din browser med HTML Canvas API — ingen fil sendes nogensinde til en server. Værktøjet tegner dit billede på et usynligt lærred med den valgte vinkel og skalering og koder resultatet til JPEG, PNG eller WebP med browserens egen codec.

1. 1
   Billedet afkodes lokalt

   Din JPEG-, PNG- eller WebP-fil indlæses i et HTMLImageElement via en lokal objekt-URL — en reference i browserens hukommelse, der aldrig forlader din enhed. De naturlige pixelmål aflæses direkte fra den afkodede bitmap.
2. 2
   Canvas-transformationen anvendes

   Et usynligt lærred dimensioneres, så det rummer den roterede afgrænsningsboks (bredde·cos + højde·sin for hver akse). Canvas 2D-konteksten flyttes derefter til midten, roteres med den valgte vinkel i radianer og skaleres med -1 på den vandrette eller lodrette akse ved vending — alt sammen almindelige ctx.rotate/ctx.scale-operationer uden eksternt bibliotek.
3. 3
   Automatisk beskæring fjerner hjørner (valgfrit)

   Ved rotationer, der ikke er rette vinkler, beregner en håndskrevet geometrifunktion — largestInnerRect — det største akseparallelle rektangel med originalens billedformat, der kan være inden i den roterede afgrænsningsboks, så de tomme trekantede hjørner fjernes uden at forvrænge billedet.
4. 4
   Browserens codec koder resultatet

   canvas.toBlob() giver pixeldataene til browserens indbyggede billed-encoder, som laver en JPEG (med valgbar kvalitet og baggrundsfarve til gennemsigtige hjørner), PNG eller WebP-Blob, som du downloader direkte.

Relaterede værktøjer