WMW

Capovolgi e Ruota Immagine

Free

Capovolgi un'immagine orizzontalmente o verticalmente, o ruotala di 90°, 180°, o qualsiasi angolo personalizzato direttamente nel tuo browser.

Gira interamente nel tuo browser. La tua immagine non viene mai caricata da nessuna parte.

Clicca per scegliere un'immagine, o trascinane una qui

Attività recente

Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.

Ancora nessuna attività. Sii il primo.

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

I commenti degli ospiti vengono revisionati prima della pubblicazione. Accedi per pubblicare istantaneamente.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Capovolge un'immagine orizzontalmente o verticalmente, la ruota di 90° o 180° con un clic, o la ruota di qualsiasi angolo personalizzato da -180° a 180° con una scelta di sfondo trasparente o a colore pieno per gli angoli esposti, tutto direttamente nel tuo browser.

Come funziona

Capovolgi orizzontalmente specchia ogni pixel attraverso la linea centrale verticale, così il pixel alla colonna x si scambia con il pixel alla colonna (larghezza - 1 - x) nella stessa riga. Capovolgi verticalmente fa lo stesso attraverso la linea centrale orizzontale, scambiando la riga y con la riga (altezza - 1 - y). Ruota 90° e Ruota 180° rimappano ogni pixel a una nuova posizione usando coordinate intere esatte, senza ricampionamento e senza perdita di qualità, e scambiano larghezza e altezza dell'immagine per le rotazioni a 90°. Il cursore ad angolo personalizzato usa la trasformazione di rotazione nativa del canvas per ruotare l'immagine attorno al suo centro di qualsiasi angolo, con la nuova dimensione del canvas calcolata dalla classica formula del bounding-box per un rettangolo ruotato: nuovaLarghezza = |L×cos(θ)| + |A×sin(θ)|, nuovaAltezza = |L×sin(θ)| + |A×cos(θ)|, così l'intera immagine ruotata si adatta sempre senza essere ritagliata.

Problemi che risolve

Domande frequenti

›Qual è la differenza tra "Capovolgi" e "Ruota"?

Capovolgere specchia l'immagine attraverso un asse, come guardarla in uno specchio, così sinistra e destra (o alto e basso) si scambiano di posto ma nulla ruota. Ruotare fa girare l'intera immagine attorno al suo centro di un angolo, così il suo orientamento cambia ma non viene mai specchiata.

›Perché i pulsanti capovolgi e ruota 90°/180° si applicano istantaneamente, ma l'angolo personalizzato ha bisogno di "Applica rotazione"?

Capovolgere e ruotare per multipli esatti di 90 gradi riorganizza semplicemente i pixel esistenti in una nuova griglia, quindi non c'è nulla da vedere in anteprima, il risultato è inequivocabile nel momento in cui clicchi. Un angolo personalizzato richiede ricampionamento e una scelta di sfondo per gli angoli che espone, quindi mostra prima un'anteprima dal vivo e applica all'immagine solo quando clicchi Applica, permettendoti di perfezionare l'angolo e lo sfondo prima di confermarlo.

›Perché la tela diventa più grande quando ruoto di un angolo personalizzato?

Ruotare un rettangolo di qualsiasi cosa diversa da un multiplo di 90 gradi lo fa sporgere oltre il suo riquadro di delimitazione originale, come una cornice inclinata che ha bisogno di più spazio a parete. La tela cresce per adattarsi esattamente all'immagine ruotata così nessuna parte viene tagliata, e gli angoli lasciati vuoti dalla rotazione vengono riempiti con il colore di sfondo scelto o lasciati trasparenti.

›Dovrei scegliere uno sfondo trasparente o un colore pieno per la rotazione ad angolo personalizzato?

Trasparente funziona meglio se posizionerai l'immagine ruotata sopra qualcos'altro, come un layout di design o un'altra foto, poiché si scarica come PNG che mantiene quegli angoli trasparenti. Un colore pieno ha senso se l'immagine deve stare da sola, come riempire una scheda colorata o abbinare uno sfondo pagina.

›La mia foto viene caricata da qualche parte?

No. Ogni capovolgimento e rotazione avviene localmente nel tuo browser usando l'API canvas HTML. Nulla viene inviato a un server.

Strumenti correlati