Rotatore e Capovolgitore Immagini gratis

Come funziona

Rotazione, capovolgimento, e correzione dell'angolo qui funzionano interamente all'interno del tuo browser usando l'API Canvas HTML — nessun file viene mai inviato a un server. Lo strumento disegna la tua immagine su un canvas fuori schermo all'angolo scelto e trasformazioni di scala, poi codifica il risultato in JPEG, PNG, o WebP usando il codec del browser stesso.

1. 1
   Immagine decodificata localmente

   Il tuo file JPEG, PNG, o WebP viene caricato in un HTMLImageElement tramite un URL oggetto locale — un riferimento di memoria del browser che non lascia mai il tuo dispositivo. Le dimensioni naturali dei pixel vengono lette direttamente dalla bitmap decodificata.
2. 2
   Trasformazione canvas applicata

   Un canvas fuori schermo viene dimensionato per adattarsi al riquadro di delimitazione ruotato (larghezza·cos + altezza·sin per ogni asse). Il contesto Canvas 2D viene poi traslato al centro, ruotato dell'angolo scelto in radianti, e scalato di -1 sull'asse orizzontale o verticale per i capovolgimenti — tutte operazioni standard ctx.rotate / ctx.scale senza libreria esterna.
3. 3
   Il ritaglio automatico rifila gli angoli (opzionale)

   Per rotazioni non ad angolo retto, una funzione geometrica scritta a mano — largestInnerRect — calcola il rettangolo allineato agli assi più grande delle proporzioni originali che si adatta dentro il riquadro di delimitazione ruotato, così gli angoli triangolari vuoti vengono rimossi senza distorcere l'immagine.
4. 4
   Il codec del browser codifica il risultato

   canvas.toBlob() consegna i dati dei pixel all'encoder di immagini integrato del browser, producendo un Blob JPEG (con qualità selezionabile e colore di riempimento di sfondo per gli angoli trasparenti), PNG, o WebP che scarichi direttamente.

Strumenti correlati