WMW

Espelhar e Girar Imagem

Free

Vire uma imagem horizontal ou verticalmente, ou gire-a em 90°, 180°, ou qualquer ângulo personalizado diretamente no seu navegador.

Funciona inteiramente no seu navegador. Sua imagem nunca é enviada a lugar nenhum.

Clique para escolher uma imagem, ou arraste e solte uma aqui

Atividade recente

Visível para todos. Últimos 20 usos de todos os visitantes, mais recentes primeiro.

Rotate 90° CW · 4032×3024

há 1 semana

Rotate 90° CW · 3024×4032

há 1 semana

Rotate 90° CW · 4032×3024

há 1 semana

Flip Vertical · 3024×4032

há 1 semana

Flip Horizontal · 3024×4032

há 1 semana

Rotate 180° · 3024×4032

há 1 semana

Rotate 90° CCW · 3024×4032

há 1 semana

Rotate 180° · 4032×3024

há 1 semana

Comentários (0)

Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.

Comentários de convidados são revisados antes da publicação. Entrar para publicar instantaneamente.

Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!

O que esta ferramenta faz

Inverte uma imagem horizontal ou verticalmente, gira em 90° ou 180° com um clique, ou gira em qualquer ângulo personalizado de -180° a 180° com escolha de fundo transparente ou de cor sólida para os cantos expostos, tudo diretamente no seu navegador.

Como funciona

Inverter horizontalmente espelha cada pixel através da linha central vertical, então o pixel na coluna x troca com o pixel na coluna (largura - 1 - x) na mesma linha. Inverter verticalmente faz o mesmo através da linha central horizontal, trocando a linha y com a linha (altura - 1 - y). Girar 90° e Girar 180° remapeiam cada pixel para uma nova posição usando coordenadas inteiras exatas, sem reamostragem e sem perda de qualidade, e trocam a largura e altura da imagem para as rotações de 90°. O controle deslizante de ângulo personalizado usa a transformação de rotação nativa da tela para girar a imagem em torno de seu centro por qualquer ângulo, com o novo tamanho da tela calculado a partir da fórmula clássica de caixa delimitadora para um retângulo girado: novaLargura = |L×cos(θ)| + |A×sin(θ)|, novaAltura = |L×sin(θ)| + |A×cos(θ)|, então toda a imagem girada sempre cabe sem ser cortada.

Problemas que resolve

Perguntas frequentes

Qual é a diferença entre "Inverter" e "Girar"?

Inverter espelha a imagem através de um eixo, como olhá-la em um espelho, então esquerda e direita (ou topo e base) trocam de lugar, mas nada gira. Girar faz toda a imagem girar em torno do seu centro por um ângulo, então sua orientação muda, mas nunca é espelhada.

Por que os botões de inverter e girar 90°/180° se aplicam instantaneamente, mas o ângulo personalizado precisa de "Aplicar rotação"?

Inverter e girar em múltiplos exatos de 90 graus apenas reorganiza os pixels existentes em uma nova grade, então não há nada para pré-visualizar, o resultado é inequívoco no momento em que você clica. Um ângulo personalizado precisa de reamostragem e uma escolha de fundo para os cantos que ele expõe, então mostra uma pré-visualização ao vivo primeiro e só se aplica à imagem quando você clica em Aplicar, permitindo que você ajuste o ângulo e o fundo antes de confirmar.

Por que a tela fica maior quando eu giro por um ângulo personalizado?

Girar um retângulo por qualquer coisa que não seja múltiplo de 90 graus faz com que ele se projete além de sua caixa delimitadora original, como uma moldura inclinada precisando de mais espaço na parede. A tela cresce para se ajustar exatamente à imagem girada para que nenhuma parte seja cortada, e os cantos deixados vazios pela rotação são preenchidos com sua cor de fundo escolhida ou deixados transparentes.

Devo escolher um fundo transparente ou uma cor sólida para a rotação de ângulo personalizado?

Transparente funciona melhor se você for colocar a imagem girada sobre outra coisa, como um layout de design ou outra foto, já que baixa como PNG que mantém esses cantos transparentes. Uma cor sólida faz sentido se a imagem precisa ficar sozinha, como preenchendo um cartão colorido ou combinando com um fundo de página.

Minha foto é enviada para algum lugar?

Não. Cada inversão e rotação acontece localmente no seu navegador usando a API canvas do HTML. Nada é enviado para um servidor.

Ferramentas relacionadas